:root{--bg:#f5f7f9;--card:#fff;--ink:#17212b;--muted:#718096;--line:#e6eaf0;--blue:#2563eb;--blue-soft:#edf4ff;--amber:#d97706;--amber-soft:#fff8e8;--red:#dc2626;--green:#16a36a;--shadow:0 12px 35px rgba(27,39,51,.07);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-size:14px}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh}button,input{font:inherit}.topbar{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1120px)/2));position:sticky;top:0;z-index:10}.brand,.user-menu{display:flex;align-items:center;gap:10px}.user-menu{color:var(--muted);font-size:13px}.brand-mark{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#2563eb,#60a5fa);display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:0 7px 18px rgba(37,99,235,.24)}.brand-mark.small{width:32px;height:32px;border-radius:9px;font-size:11px}.icon-btn{border:0;background:#f5f7fa;color:#506176;text-decoration:none;padding:7px 10px;border-radius:8px;cursor:pointer}.container{max-width:1120px;margin:26px auto;padding:0 20px}.summary{display:grid;grid-template-columns:repeat(3,130px) 1fr;gap:12px;align-items:stretch}.summary>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 15px;display:flex;gap:9px;align-items:baseline}.summary strong{font-size:23px}.summary span{font-size:12px;color:var(--muted)}.summary .amber strong{color:var(--amber)}.summary .red strong{color:var(--red)}.add-button{justify-self:end;align-self:center}.btn{border:1px solid var(--line);background:#fff;padding:9px 15px;border-radius:9px;font-weight:650;cursor:pointer}.btn.primary{border-color:var(--blue);background:var(--blue);color:#fff}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:22px 0 12px;gap:12px}.filters{display:flex;padding:3px;background:#e9edf2;border-radius:10px}.filter{border:0;background:transparent;padding:7px 13px;border-radius:8px;color:#66778a;cursor:pointer;white-space:nowrap}.filter span{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:4px;padding:0 5px;border-radius:9px;background:rgba(102,119,138,.12);font-size:10px;font-weight:750}.filter.active{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.07)}.filter.active span{background:var(--blue-soft);color:var(--blue)}.search{width:290px;height:40px;border:1px solid var(--line);background:#fff;border-radius:10px;display:flex;align-items:center;padding:0 8px 0 11px;gap:7px;color:#8a99a8;transition:border-color .15s,box-shadow .15s}.search:focus-within{border-color:#9bb9f4;box-shadow:0 0 0 3px rgba(37,99,235,.08)}.search input{border:0;outline:0;width:100%;background:transparent}.search input::-webkit-search-cancel-button{display:none}.search-icon{font-size:17px}.search button{width:25px;height:25px;border:0;border-radius:7px;background:#eef1f5;color:#66778a;font-size:18px;line-height:1;cursor:pointer;opacity:0;pointer-events:none;transform:scale(.8);transition:.15s}.search button.visible{opacity:1;pointer-events:auto;transform:scale(1)}.notice,.alert{border-radius:9px;padding:10px 13px;margin:10px 0}.notice{background:var(--amber-soft);color:#8a5700}.alert.error{background:#fff0f0;color:#b42318}.inventory-card{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.table-head,.item-row{display:grid;grid-template-columns:minmax(240px,2fr) 150px 105px minmax(130px,1fr) 190px;align-items:center;gap:12px}.table-head{height:43px;padding:0 17px;background:#fafbfc;border-bottom:1px solid var(--line);text-transform:uppercase;font-size:10px;letter-spacing:.07em;color:#8a98a8;font-weight:750}.item-row{min-height:62px;padding:9px 17px;border-bottom:1px solid #edf0f3;transition:.15s}.item-row:last-child{border-bottom:0}.item-row:hover{background:#fbfcfe}.item-row.needed{background:linear-gradient(90deg,var(--amber-soft),#fff 25%)}.product-cell,.quantity-cell,.actions{display:flex;align-items:center;gap:9px}.product-cell small{display:block;color:var(--muted);margin-top:2px;font-size:11px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex:none}.empty .status-dot{background:var(--red)}.needed:not(.empty) .status-dot{background:var(--amber)}.editable{border-radius:5px;padding:4px 5px;margin-left:-5px;min-width:25px}.editable:hover{background:#eef3f9;cursor:text}.inline-input{width:100%;min-width:55px;border:1px solid var(--blue);border-radius:6px;padding:6px 7px;outline:2px solid rgba(37,99,235,.12)}.step{width:25px;height:25px;border:1px solid var(--line);background:#fff;border-radius:7px;cursor:pointer;color:#506176}.barcode{color:#66778a;font-family:ui-monospace,monospace;font-size:12px}.actions{justify-content:flex-end}.need-btn{border:1px solid #d7dee8;background:#fff;color:#556476;padding:7px 10px;border-radius:8px;cursor:pointer;white-space:nowrap}.need-btn.active{border-color:#f2c66d;background:var(--amber-soft);color:#9a6100}.more-btn{border:0;background:transparent;color:#8493a5;font-size:18px;cursor:pointer}.edit-hint{text-align:center;color:#8a98a8;font-size:12px}.empty-state{text-align:center;padding:32px;color:var(--muted)}.toast{position:fixed;right:22px;bottom:22px;z-index:30;background:#17212b;color:#fff;border-radius:9px;padding:11px 16px;box-shadow:var(--shadow)}dialog{border:0;border-radius:15px;padding:0;box-shadow:0 30px 90px rgba(20,30,45,.3);width:min(440px,calc(100% - 30px))}dialog::backdrop{background:rgba(21,31,43,.45);backdrop-filter:blur(2px)}.dialog-form{padding:21px;display:grid;gap:14px}.dialog-title{display:flex;justify-content:space-between}.dialog-title h2{margin:0;font-size:20px}.dialog-title p{margin:4px 0 0;color:var(--muted);font-size:12px}.close{border:0;background:#f1f4f7;width:30px;height:30px;border-radius:8px;font-size:20px;cursor:pointer}.stack,.dialog-form label{display:grid;gap:6px}.stack{gap:14px}.stack label,.dialog-form label{font-weight:650;font-size:12px}.stack input,.dialog-form input{border:1px solid #d7dee7;border-radius:8px;padding:10px 11px;outline:0}.stack input:focus,.dialog-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.auth-page{display:grid;place-items:center;background:radial-gradient(circle at top,#e9f1ff,#f6f8fb 42%)}.auth-card{width:min(390px,calc(100% - 32px));background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:var(--shadow)}.auth-card h1{margin:18px 0 5px;font-size:23px}.muted{color:var(--muted);margin:0 0 20px}.auth-card .btn{margin-top:4px}
@media(max-width:800px){.topbar{padding:0 15px}.user-menu>span{display:none}.container{padding:0 10px;margin-top:15px}.summary{grid-template-columns:repeat(3,1fr)}.summary>div{display:grid;gap:0}.summary span{font-size:10px}.add-button{position:fixed;right:17px;bottom:17px;z-index:9;border-radius:50%;width:50px;height:50px;padding:0;font-size:0}.add-button:first-letter{font-size:22px}.toolbar{align-items:stretch;flex-direction:column}.filters{overflow-x:auto}.search{width:100%}.table-head{display:none}.item-row{grid-template-columns:1fr 100px;gap:8px;padding:13px}.product-cell{grid-column:1}.quantity-cell{grid-column:2;justify-content:flex-end}.item-row>.editable[data-field="unit"]{grid-column:1}.barcode{grid-column:1}.actions{grid-column:2;grid-row:2/4;flex-direction:column;align-items:flex-end}.more-btn{display:none}}