:root{--bg:#0a0f1a;--bg2:#0f1724;--bg3:#141e2e;--card:#111827;--card2:#1a2540;--border:#1e2d45;--border2:#253553;--ice:#5bc4f5;--ice2:#93d9f9;--ice-dim:#5bc4f51f;--ice-glow:#5bc4f540;--warn:#f5a623;--warn-dim:#f5a62326;--danger:#ef4444;--danger-dim:#ef444426;--ok:#22d3a0;--ok-dim:#22d3a01f;--text:#e2eaf5;--text2:#8fa3be;--text3:#4a6080;--mono:"Space Mono",monospace;--sans:"DM Sans",sans-serif;--radius:12px;--radius2:8px;--shadow:0 4px 24px #0006;--shadow2:0 2px 12px #0000004d;--transition:0.2s cubic-bezier(0.4,0,0.2,1);--safe-top:env(safe-area-inset-top,0);--safe-bot:env(safe-area-inset-bottom,0)}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%;width:100%}body{-webkit-touch-callout:none;background:#0a0f1a;background:var(--bg);color:#e2eaf5;color:var(--text);font-family:DM Sans,sans-serif;font-family:var(--sans);font-size:15px;line-height:1.5;overflow-x:hidden;-webkit-user-select:none;user-select:none}body:before{background-image:linear-gradient(#5bc4f508 1px,#0000 0),linear-gradient(90deg,#5bc4f508 1px,#0000 0);background-size:40px 40px;content:"";inset:0;pointer-events:none;position:fixed;z-index:0}#root{position:relative;z-index:1}#root,.app{display:flex;flex-direction:column}.app{min-height:100vh;width:100%}.sidebar{align-items:center;background:#0f1724;background:var(--bg2);border-bottom:1px solid #1e2d45;border-bottom:1px solid var(--border);display:flex;flex-direction:row;flex-shrink:0;height:60px;padding-top:env(safe-area-inset-top,0);padding-top:var(--safe-top);position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.sidebar-logo{display:none}.sidebar-nav{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;gap:0;overflow-x:auto;padding:0}.nav-item{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#8fa3be;color:var(--text2);cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;font-family:DM Sans,sans-serif;font-family:var(--sans);font-size:11px;font-weight:500;gap:3px;justify-content:center;padding:8px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);white-space:nowrap}.nav-item:active{color:#e2eaf5;color:var(--text)}.nav-item.active,.nav-item:active{background:#5bc4f51f;background:var(--ice-dim)}.nav-item.active{border-bottom-color:#5bc4f5;border-bottom-color:var(--ice);color:#5bc4f5;color:var(--ice)}.nav-item .nav-icon{font-size:18px;width:24px}.nav-item span:not(.nav-icon){display:none}.nav-badge{background:#ef4444;background:var(--danger);border-radius:8px;color:#fff;font-family:Space Mono,monospace;font-family:var(--mono);font-size:9px;font-weight:700;padding:1px 4px;position:absolute;right:4px;top:2px}.nav-badge.warn{background:#f5a623;background:var(--warn);color:#0a0f1a;color:var(--bg)}.main{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom,0);padding-bottom:var(--safe-bot);width:100%}.topbar{align-items:center;background:#0f1724;background:var(--bg2);border-bottom:1px solid #1e2d45;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:40}.topbar h2{color:#8fa3be;color:var(--text2);flex:1 1;font-family:Space Mono,monospace;font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase}.topbar h2 span{color:#5bc4f5;color:var(--ice)}.content{padding:16px 16px 24px}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:20px}.stat-card{background:#111827;background:var(--card);border:1px solid #1e2d45;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);padding:14px;position:relative}.stat-card:before{background:#5bc4f5;background:var(--ice);content:"";height:2px;left:0;position:absolute;right:0;top:0}.stat-card.danger:before{background:#ef4444;background:var(--danger)}.stat-card.warn:before{background:#f5a623;background:var(--warn)}.stat-card.ok:before{background:#22d3a0;background:var(--ok)}.stat-card .stat-label{color:#4a6080;color:var(--text3);font-size:10px;letter-spacing:.1em;line-height:1.2;text-transform:uppercase}.stat-card .stat-label,.stat-card .stat-value{font-family:Space Mono,monospace;font-family:var(--mono)}.stat-card .stat-value{color:#e2eaf5;color:var(--text);font-size:28px;font-weight:700;margin:4px 0 0}.stat-card.danger .stat-value{color:#ef4444;color:var(--danger)}.stat-card.warn .stat-value{color:#f5a623;color:var(--warn)}.stat-card.ok .stat-value{color:#22d3a0;color:var(--ok)}.btn{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:8px;border-radius:var(--radius2);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--sans);font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn-primary{background:#5bc4f5;background:var(--ice);color:#0a0f1a;color:var(--bg)}.btn-primary:active{background:#93d9f9;background:var(--ice2)}.btn-ghost{background:#0000;border:1px solid #253553;border:1px solid var(--border2);color:#8fa3be;color:var(--text2)}.btn-ghost:active{background:#5bc4f51f;background:var(--ice-dim);border-color:#5bc4f5;border-color:var(--ice);color:#e2eaf5;color:var(--text)}.btn-danger{background:#ef444426;background:var(--danger-dim);border:1px solid #ef44444d;color:#ef4444;color:var(--danger)}.btn-danger:active{background:#ef444440}.btn-sm{font-size:12px;padding:6px 10px}.btn-icon{padding:6px}.search-bar{align-items:center;background:#111827;background:var(--card);border:1px solid #1e2d45;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius2);display:flex;gap:8px;max-width:100%;padding:0 10px;width:100%}.search-bar input{-webkit-appearance:none;appearance:none;background:none;border:none;color:#e2eaf5;color:var(--text);flex:1 1;font-family:DM Sans,sans-serif;font-family:var(--sans);font-size:14px;outline:none;padding:9px 0}.search-bar .search-icon,.search-bar input::placeholder{color:#4a6080;color:var(--text3)}.search-bar .search-icon{flex-shrink:0;font-size:16px}.filter-row{-webkit-overflow-scrolling:touch;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px;overflow-x:auto;padding-bottom:4px}.filter-pill{-webkit-tap-highlight-color:transparent;background:#0000;border:1px solid #253553;border:1px solid var(--border2);border-radius:20px;color:#8fa3be;color:var(--text2);cursor:pointer;flex-shrink:0;font-family:Space Mono,monospace;font-family:var(--mono);font-size:11px;padding:5px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);-webkit-user-select:none;user-select:none;white-space:nowrap}.filter-pill.active,.filter-pill:active{border-color:#5bc4f5;border-color:var(--ice);color:#5bc4f5;color:var(--ice)}.filter-pill.active{background:#5bc4f51f;background:var(--ice-dim)}.filter-pill.danger{background:#ef444426;background:var(--danger-dim);border-color:#ef4444;border-color:var(--danger);color:#ef4444;color:var(--danger)}.filter-pill.warn{background:#f5a62326;background:var(--warn-dim);border-color:#f5a623;border-color:var(--warn);color:#f5a623;color:var(--warn)}.products-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.product-card{background:#111827;background:var(--card);border:1px solid #1e2d45;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);cursor:pointer;overflow:hidden;padding:14px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);-webkit-user-select:none;user-select:none}.product-card:active{border-color:#5bc4f5;border-color:var(--ice);transform:scale(.98)}.product-card.expired{border-color:#ef444466}.product-card.expiring{border-color:#f5a62366}.product-card .status-bar{height:3px;left:0;position:absolute;right:0;top:0}.product-card .status-bar.ok{background:#22d3a0;background:var(--ok)}.product-card .status-bar.warn{background:#f5a623;background:var(--warn)}.product-card .status-bar.danger{background:#ef4444;background:var(--danger)}.product-name{color:#e2eaf5;color:var(--text);font-size:14px;font-weight:600;margin-bottom:3px;margin-top:4px}.product-meta{color:#4a6080;color:var(--text3);font-family:Space Mono,monospace;font-family:var(--mono);font-size:11px;margin-bottom:10px}.product-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.tag{background:#141e2e;background:var(--bg3);border:1px solid #253553;border:1px solid var(--border2);border-radius:3px;color:#8fa3be;color:var(--text2);font-family:Space Mono,monospace;font-family:var(--mono);font-size:10px;padding:2px 6px}.tag.ice{background:#5bc4f51f;background:var(--ice-dim);border-color:#5bc4f54d;color:#5bc4f5;color:var(--ice)}.tag.warn{background:#f5a62326;background:var(--warn-dim);border-color:#f5a6234d;color:#f5a623;color:var(--warn)}.tag.danger{background:#ef444426;background:var(--danger-dim);border-color:#ef44444d;color:#ef4444;color:var(--danger)}.tag.ok{background:#22d3a01f;background:var(--ok-dim);border-color:#22d3a04d;color:#22d3a0;color:var(--ok)}.product-footer{align-items:center;border-top:1px solid #1e2d45;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:space-between;padding-top:10px}.product-qty{color:#5bc4f5;color:var(--ice);font-family:Space Mono,monospace;font-family:var(--mono);font-size:12px;font-weight:700}.product-drawer{color:#4a6080;color:var(--text3);flex:1 1;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-actions{display:flex;flex-shrink:0;gap:4px}.modal-overlay{align-items:flex-end;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;display:flex;inset:0;justify-content:center;padding:0;position:fixed;z-index:200}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{-webkit-overflow-scrolling:touch;animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:#0f1724;background:var(--bg2);border:1px solid #253553;border:1px solid var(--border2);border-radius:12px 12px 0 0;border-radius:var(--radius) var(--radius) 0 0;box-shadow:0 4px 24px #0006;box-shadow:var(--shadow);max-height:90vh;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background:#0f1724;background:var(--bg2);border-bottom:1px solid #1e2d45;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:14px 16px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h3{color:#5bc4f5;color:var(--ice);font-family:Space Mono,monospace;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.modal-body{padding:16px}.modal-footer{background:#0f1724;background:var(--bg2);border-top:1px solid #1e2d45;border-top:1px solid var(--border);bottom:0;display:flex;gap:8px;justify-content:flex-end;padding:12px 16px;position:-webkit-sticky;position:sticky;z-index:10}.form-group{margin-bottom:14px}.form-label{color:#4a6080;color:var(--text3);display:block;font-family:Space Mono,monospace;font-family:var(--mono);font-size:10px;letter-spacing:.08em;margin-bottom:5px;text-transform:uppercase}.form-input,.form-select,.form-textarea{-webkit-appearance:none;appearance:none;background:#141e2e;background:var(--bg3);border:1px solid #253553;border:1px solid var(--border2);border-radius:8px;border-radius:var(--radius2);color:#e2eaf5;color:var(--text);font-family:DM Sans,sans-serif;font-family:var(--sans);font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#5bc4f5;border-color:var(--ice);box-shadow:0 0 0 3px #5bc4f51f;box-shadow:0 0 0 3px var(--ice-dim)}.form-select{cursor:pointer}.form-textarea{min-height:70px;resize:vertical}.form-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}.barcode-area{align-items:center;background:#141e2e;background:var(--bg3);border:1px dashed #253553;border:1px dashed var(--border2);border-radius:8px;border-radius:var(--radius2);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;padding:12px}.barcode-input{flex:1 1;min-width:150px}.barcode-found{align-items:center;background:#22d3a01f;background:var(--ok-dim);border:1px solid #22d3a04d;border-radius:8px;border-radius:var(--radius2);color:#22d3a0;color:var(--ok);display:flex;font-size:12px;gap:6px;margin-bottom:10px;padding:8px 12px;width:100%}.freezer-visual{background:#111827;background:var(--card);border:1px solid #1e2d45;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);margin-bottom:16px;overflow:hidden}.freezer-visual-header{background:#141e2e;background:var(--bg3);color:#8fa3be;color:var(--text2);display:flex;font-family:Space Mono,monospace;font-family:var(--mono);font-size:11px;gap:8px}.drawer-row,.freezer-visual-header{align-items:center;border-bottom:1px solid #1e2d45;border-bottom:1px solid var(--border);padding:12px 14px}.drawer-row{grid-gap:10px;cursor:pointer;display:grid;gap:10px;grid-template-columns:24px 1fr auto;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.drawer-row:last-child{border-bottom:none}.drawer-row.active,.drawer-row:active{background:#5bc4f51f;background:var(--ice-dim)}.drawer-row.active{border-left:3px solid #5bc4f5;border-left:3px solid var(--ice)}.drawer-num{color:#4a6080;color:var(--text3);font-family:Space Mono,monospace;font-family:var(--mono);font-size:10px;text-align:center}.drawer-name{font-size:13px;font-weight:500}.drawer-bar-container{background:#141e2e;background:var(--bg3);border-radius:3px;grid-column:2;height:6px;overflow:hidden}.drawer-bar{background:#5bc4f5;background:var(--ice);border-radius:3px;height:100%;transition:width .4s ease}.drawer-count{color:#8fa3be;color:var(--text2);font-family:Space Mono,monospace;font-family:var(--mono);font-size:11px;white-space:nowrap}.empty-state{color:#4a6080;color:var(--text3);padding:60px 20px;text-align:center}.empty-state .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state p{font-size:13px}.settings-section{margin-bottom:24px}.settings-section h3{border-bottom:1px solid #1e2d45;border-bottom:1px solid var(--border);color:#4a6080;color:var(--text3);font-family:Space Mono,monospace;font-family:var(--mono);font-size:10px;letter-spacing:.1em;margin-bottom:12px;padding-bottom:6px;text-transform:uppercase}.settings-card{background:#111827;background:var(--card);border:1px solid #1e2d45;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);overflow:hidden}.settings-row{border-bottom:1px solid #1e2d45;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:8px;padding:12px 14px}.settings-row:last-child{border-bottom:none}.settings-row-label strong{display:block;font-size:13px;margin-bottom:2px}.settings-row-label span{color:#4a6080;color:var(--text3);font-size:11px}.drawer-settings-list{display:flex;flex-direction:column;gap:8px}.drawer-settings-item{align-items:center;background:#111827;background:var(--card);border:1px solid #1e2d45;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius2);display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px}.drawer-settings-item .drag-handle{color:#4a6080;color:var(--text3);cursor:grab;flex-shrink:0;font-size:16px}.expiry-badge{align-items:center;border-radius:3px;display:inline-flex;font-family:Space Mono,monospace;font-family:var(--mono);font-size:10px;gap:3px;padding:2px 6px;white-space:nowrap}.expiry-badge.ok{background:#22d3a01f;background:var(--ok-dim);color:#22d3a0;color:var(--ok)}.expiry-badge.warn{background:#f5a62326;background:var(--warn-dim);color:#f5a623;color:var(--warn)}.expiry-badge.danger{background:#ef444426;background:var(--danger-dim);color:#ef4444;color:var(--danger)}.toast-container{bottom:calc(12px + env(safe-area-inset-bottom, 0));bottom:calc(12px + var(--safe-bot));display:flex;flex-direction:column;gap:6px;left:12px;max-width:320px;position:fixed;right:12px;z-index:1000}.toast{align-items:center;animation:slideInRight .2s ease;background:#1a2540;background:var(--card2);border:1px solid #253553;border:1px solid var(--border2);border-radius:8px;border-radius:var(--radius2);box-shadow:0 4px 24px #0006;box-shadow:var(--shadow);color:#e2eaf5;color:var(--text);display:flex;font-size:13px;gap:8px;padding:10px 12px}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.toast.success{border-color:#22d3a066}.toast.error{border-color:#ef444466}.loading-spinner{animation:spin .6s linear infinite;border:2px solid #253553;border-top-color:#5bc4f5;border:2px solid var(--border2);border-radius:50%;border-top-color:var(--ice);display:inline-block;height:14px;width:14px}@keyframes spin{to{transform:rotate(1turn)}}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#253553;background:var(--border2);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#4a6080;background:var(--text3)}@media (min-width:768px){.app{flex-direction:row}.sidebar{border-bottom:none;border-right:1px solid #1e2d45;border-right:1px solid var(--border);flex-direction:column;height:auto;padding-top:0;width:220px}.sidebar-logo{border-bottom:1px solid #1e2d45;border-bottom:1px solid var(--border);display:block;padding:24px 20px 20px;width:100%}.sidebar-logo h1{color:#5bc4f5;color:var(--ice);font-family:Space Mono,monospace;font-family:var(--mono);font-size:13px;letter-spacing:.08em;line-height:1.3;text-transform:uppercase}.sidebar-logo .logo-icon{display:block;font-size:28px;margin-bottom:8px}.sidebar-nav{flex-direction:column;gap:0;overflow:visible;padding:12px 0}.nav-item{align-items:center;border-bottom:none;border-left:3px solid #0000;flex-direction:row;font-size:14px;justify-content:flex-start;padding:11px 20px;width:100%}.nav-item span:not(.nav-icon){display:inline}.nav-item .nav-icon{width:20px}.nav-item.active{border-left-color:#5bc4f5;border-left-color:var(--ice)}.main{flex:1 1;margin-left:0}.topbar{flex-wrap:nowrap;padding:16px 28px}.topbar h2{font-size:14px}.content{padding:28px}.stats-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:28px}.products-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.product-card{cursor:pointer;padding:18px}.product-card:hover{border-color:#5bc4f5;border-color:var(--ice);box-shadow:0 8px 32px #5bc4f51a;transform:translateY(-2px)}.form-row{grid-template-columns:1fr 1fr}.modal-overlay{align-items:center;justify-content:center;padding:20px}.modal{animation:slideUpModal .2s cubic-bezier(.4,0,.2,1);border-radius:12px;border-radius:var(--radius);max-height:90vh;max-width:520px;width:100%}@keyframes slideUpModal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast-container{bottom:24px;left:auto;right:24px}.search-bar{max-width:400px}}
/*# sourceMappingURL=main.fd86b63d.css.map*/