:root{--bg:#f6f7fb;--panel:#fff;--text:#172033;--muted:#697386;--line:#e7eaf0;--brand:#4f46e5;--brand2:#111827;--ok:#0f9f6e;--bad:#b42318;--shadow:0 18px 50px rgba(17,24,39,.08);--radius:18px}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button{border:0;background:#eef0f6;color:#111827;padding:10px 14px;border-radius:12px;cursor:pointer;font-weight:700;transition:.15s}button:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(17,24,39,.08)}button.primary{background:var(--brand);color:white}button.ghost{background:transparent;border:1px solid var(--line)}input,select{border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:white;outline:none;width:100%}input:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(79,70,229,.11)}.hidden{display:none!important}.login-card{width:min(420px,92vw);margin:10vh auto;padding:34px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.login-card h1{margin:0 0 8px}.login-card p{color:var(--muted);margin:0 0 22px}.login-card input{margin-bottom:12px}.msg{margin-top:12px;color:var(--bad)}.app{display:flex;min-height:100vh}.sidebar{width:250px;background:#101828;color:white;padding:22px;display:flex;flex-direction:column;gap:10px;position:sticky;top:0;height:100vh}.brand{font-size:22px;font-weight:900;margin:8px 0 28px}.nav{background:transparent;color:#cbd5e1;text-align:left;border-radius:12px}.nav:hover,.nav.active{background:#263348;color:white;box-shadow:none;transform:none}.spacer{flex:1}main{flex:1;padding:28px;max-width:1440px;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.topbar h1{margin:0;font-size:30px}.topbar p{margin:6px 0 0;color:var(--muted)}.top-actions{display:flex;gap:10px;flex-wrap:wrap}.tab{display:none}.tab.active{display:block}.grid.cards{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:18px;margin-bottom:20px}.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card{padding:22px}.card .label{color:var(--muted);font-size:14px}.card strong{display:block;margin-top:8px;font-size:30px}.panel{padding:24px;margin-bottom:18px}.panel h2{margin:0 0 12px}.flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0}.flow span{background:#f1f3f9;border:1px solid var(--line);padding:10px 12px;border-radius:999px;font-weight:800}.flow b{color:var(--brand)}code{background:#f1f3f9;padding:2px 6px;border-radius:6px}.sticky-tools{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:1fr auto auto;gap:10px}.product-list{display:grid;gap:12px}.product{display:grid;grid-template-columns:34px 70px 1.6fr 1fr 1.4fr;gap:14px;align-items:center;background:white;border:1px solid var(--line);border-radius:16px;padding:12px;box-shadow:0 10px 30px rgba(17,24,39,.045)}.selectcol{display:flex;align-items:center;justify-content:center}.rowcheck{width:auto}.product.managed{border-color:#c7d2fe;background:#fbfbff}.product img{width:64px;height:64px;object-fit:cover;border-radius:12px;background:#f3f4f6}.p-title{font-weight:850}.p-meta{color:var(--muted);font-size:13px;margin-top:5px}.labels{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.save-state{font-size:13px;color:var(--muted);min-height:20px}.pill{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef2ff;color:#3730a3;font-weight:800;font-size:12px;margin:2px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.form-grid label{font-weight:800;color:#344054}.form-grid input{margin-top:7px}.result{background:#0b1220;color:#d1fae5;border-radius:14px;padding:14px;max-height:320px;overflow:auto}.feedbox{display:grid;grid-template-columns:1fr auto;gap:10px}.muted{color:var(--muted)}.danger-lite{background:#fff7ed;border-color:#fed7aa}.toast{position:fixed;right:24px;bottom:24px;background:#111827;color:white;padding:14px 16px;border-radius:14px;box-shadow:var(--shadow);z-index:20}.prose li{margin:9px 0}@media(max-width:980px){.app{display:block}.sidebar{width:auto;height:auto;position:static;flex-direction:row;overflow:auto}.brand{margin:8px 12px 8px 0}.topbar{display:block}.top-actions{margin-top:14px}.grid.cards{grid-template-columns:repeat(2,1fr)}.product{grid-template-columns:60px 1fr}.product>div:nth-child(3),.product>div:nth-child(4){grid-column:1/-1}.labels{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.sticky-tools{grid-template-columns:1fr}}

.count-row{display:grid;grid-template-columns:160px 1fr;gap:12px;margin:10px 0;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff}.bulkbar{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:10px;margin-top:12px}.inline-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}.warning{background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;padding:12px;color:#9a3412}.small{font-size:13px}.product .selectcol+img{grid-column:auto}@media(max-width:980px){.product{grid-template-columns:34px 60px 1fr}.product>div:nth-child(4),.product>div:nth-child(5){grid-column:1/-1}.bulkbar{grid-template-columns:1fr}}