@font-face{font-family:Saira Semi Condensed;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/saira-semi-condensed-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Saira Semi Condensed;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/saira-semi-condensed-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Saira Semi Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/saira-semi-condensed-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Saira Semi Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/saira-semi-condensed-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Saira Semi Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/saira-semi-condensed-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Saira Semi Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/saira-semi-condensed-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #f8fafc;--bg-app: #f8fafc;--panel: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f1f5f9;--bg-elevated: #ffffff;--sunken: #f1f5f9;--line: #e2e8f0;--border-subtle: #e2e8f0;--border-strong: #cbd5e1;--fg: #0f172a;--text-main: #0f172a;--muted: #64748b;--text-muted: #64748b;--dim: #94a3b8;--text-light: #94a3b8;--accent: #0f172a;--accent-hover: #1e293b;--status-red: #ef4444;--status-red-bg: #fee2e2;--status-yellow: #f59e0b;--status-yellow-bg: #fef3c7;--status-green: #10b981;--status-green-bg: #d1fae5;--pink: #ef4444;--orange: #f59e0b;--yellow: #f59e0b;--green: #10b981;--cyan: #0f172a;--purple: #475569;--ui: "Saira Semi Condensed", "Roboto Condensed", system-ui, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg)}body{margin:0;color:var(--fg);font:16px/1.35 var(--ui);font-variant-numeric:tabular-nums;-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit;color:inherit;background:none;border:none;padding:0;margin:0}button{cursor:pointer;text-align:left}#root{max-width:560px;margin:0 auto;min-height:100dvh;padding-bottom:env(safe-area-inset-bottom)}.topbar{padding:16px 16px 12px}.topbar .title{font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar .title span{flex:1}.topbar-actions{display:flex;align-items:center;gap:8px}.topbar .sub{font-size:14px;color:var(--muted);font-weight:500;margin-top:1px}.topbar .sub b{color:var(--pink);font-weight:700}.topbar .sub b.soon{color:var(--yellow)}.plus{width:34px;height:34px;border-radius:9px;background:var(--panel);border:1px solid var(--border-strong);color:var(--text-main);display:grid;place-items:center;font-size:21px;font-weight:600;flex:none;box-shadow:0 1px 3px #0f172a14;transition:all .15s ease}.plus:hover{background:var(--sunken)}.view-toggle{display:inline-flex;align-items:center;background:var(--sunken);border:1px solid var(--line);border-radius:8px;padding:2px;gap:2px}.vt-btn{font-size:13px;font-weight:600;padding:4px 10px;border-radius:6px;color:var(--text-muted);transition:all .15s ease;-webkit-user-select:none;user-select:none}.vt-btn.active{background:var(--bg-card);color:var(--text-main);box-shadow:0 1px 3px #0f172a1a}.filters{display:flex;gap:7px;padding:2px 16px 12px;overflow-x:auto;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.f{font-size:14px;font-weight:600;color:var(--text-muted);white-space:nowrap;padding:4px 12px;border-radius:8px;background:var(--panel);border:1px solid var(--line);box-shadow:0 1px 2px #0f172a0a;transition:all .15s ease}.f:hover{color:var(--text-main)}.f.on{color:#fff;background:var(--accent);border-color:var(--accent)}.list{padding:2px 14px 24px}.card{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--border-strong);border-radius:11px;padding:12px 13px;margin-bottom:11px;display:flex;gap:13px;align-items:center;box-shadow:0 1px 3px #0f172a0f;transition:box-shadow .15s ease}.card.red{border-left-color:var(--pink)}.card.yellow{border-left-color:var(--yellow)}.card.green{border-left-color:var(--green);opacity:1}.card.open{flex-direction:column;gap:0;align-items:stretch;box-shadow:0 4px 12px #0f172a14}.cardtop{display:flex;gap:13px;align-items:center;width:100%;text-align:left}.card .body{flex:1;min-width:0}.card .name-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px}.card .name{font-size:19px;font-weight:600;line-height:1.15;color:var(--text-main)}.card .tag{font-size:13px;font-weight:600;color:var(--purple)}.card .qty-chip{font-size:12px;font-weight:700;color:var(--text-main);background:var(--sunken);border:1px solid var(--border-subtle);border-radius:6px;padding:1px 6px}.card .meta{color:var(--muted);font-size:14px;font-weight:500;margin-top:3px}.card .meta .last{font-weight:600}.card.red .meta .last{color:var(--pink)}.card.yellow .meta .last{color:var(--yellow)}.card.green .meta .last{color:var(--green)}.right{display:flex;align-items:center;gap:11px;flex:none}.badge{font-size:15px;font-weight:700;padding:4px 10px;border-radius:7px;white-space:nowrap;line-height:1.2;text-align:center}.badge.red{background:var(--status-red-bg);color:var(--pink);border:1px solid rgba(239,68,68,.25)}.badge.yellow{background:var(--status-yellow-bg);color:var(--yellow);border:1px solid rgba(245,158,11,.25)}.badge.ok{color:var(--green);background:var(--status-green-bg);border:1px solid rgba(16,185,129,.25);font-weight:600;font-size:14px;padding:4px 10px}.badge small{display:block;font-size:11px;font-weight:600;letter-spacing:.09em;opacity:.85;margin-bottom:-2px}.cb{width:32px;height:32px;border-radius:8px;border:2px solid var(--border-strong);display:grid;place-items:center;flex:none;color:var(--muted);background:var(--panel);transition:all .15s ease}.cb:hover,.cb:active{border-color:var(--green);background:var(--status-green-bg);color:var(--green)}.cb svg{width:17px;height:17px;display:block}.tail{width:100%;margin:2px 0 0;padding:12px 14px;color:var(--muted);font-size:15px;font-weight:600;display:flex;justify-content:space-between;border:1px dashed var(--border-strong);border-radius:11px;background:#f1f5f999;transition:background .15s ease}.tail:hover{background:var(--sunken)}.empty{padding:40px 16px;text-align:center;color:var(--muted);font-size:15px}.exp{width:100%;margin-top:13px;padding-top:13px;border-top:1px solid var(--line)}.kv{display:flex;gap:20px;margin-bottom:15px}.kv div{font-size:13px;color:var(--muted);font-weight:600;letter-spacing:.06em}.kv b{display:block;font-size:18px;color:var(--accent);font-weight:700;letter-spacing:0}.exp-qty-row{display:flex;align-items:center;justify-content:space-between;background:var(--sunken);border:1px solid var(--line);border-radius:8px;padding:8px 12px;margin-bottom:13px}.exp-qty-row .lbl{font-size:13px;font-weight:600;color:var(--text-main)}.stepper{display:inline-flex;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:7px;overflow:hidden}.stepper button{width:34px;height:32px;display:grid;place-items:center;font-size:18px;font-weight:700;color:var(--text-main);background:var(--sunken);-webkit-user-select:none;user-select:none}.stepper button:disabled{color:var(--muted);opacity:.4;cursor:not-allowed}.stepper .val{min-width:36px;text-align:center;font-size:16px;font-weight:700;color:var(--fg)}.noteinput{display:block;width:100%;resize:vertical;min-height:48px;border:1px dashed var(--border-strong);border-radius:8px;padding:10px 12px;margin-bottom:6px;font-size:15px;background:var(--bg-card);color:var(--fg)}.noteinput:focus{outline:none;border-style:solid;border-color:var(--accent)}.noteinput::placeholder{color:var(--dim)}.notehint{font-size:13px;color:var(--muted);margin-bottom:15px}.acts{display:flex;gap:9px;margin-top:13px}.acts button{font-size:14px;font-weight:600;color:var(--text-main);border:1px solid var(--line);border-radius:8px;padding:6px 14px;background:var(--sunken);transition:all .15s ease}.acts button:hover{background:var(--border-strong)}.acts button.consume{color:var(--green);border-color:var(--green);background:var(--status-green-bg)}.acts button.danger{color:var(--pink);border-color:#ef44444d;background:var(--status-red-bg)}.field{border:1px solid var(--line);border-radius:11px;padding:10px 13px;margin:0 16px 10px;background:var(--panel);box-shadow:0 1px 3px #0f172a0d}.field .lbl{font-size:12px;color:var(--muted);letter-spacing:.14em;font-weight:700}.field input[type=text],.field input[type=number]{width:100%;margin-top:3px;font-size:18px;font-weight:600;color:var(--fg)}.field input[type=date]{color-scheme:light;font-family:inherit;font-size:17px;font-weight:600;color:var(--fg);background:var(--sunken);border:1px solid var(--line);border-radius:8px;padding:8px 12px;width:100%;margin-top:5px}.date-presets{display:flex;gap:6px;margin-top:8px;overflow-x:auto;scrollbar-width:none}.date-presets::-webkit-scrollbar{display:none}.date-presets button{font-size:12px;font-weight:600;color:var(--text-main);padding:5px 9px;border-radius:6px;background:var(--sunken);border:1px solid var(--border-subtle);white-space:nowrap;transition:all .15s ease}.date-presets button:hover{background:var(--border-strong);border-color:var(--border-strong)}.field .row{display:flex;flex-wrap:wrap;gap:7px;margin-top:6px}.field .row .f{font-size:13px}.primary{display:block;width:calc(100% - 32px);margin:6px 16px 0;text-align:center;padding:13px;border-radius:11px;background:var(--accent);color:#fff;font-weight:700;font-size:18px;box-shadow:0 2px 6px #0f172a33;transition:background .15s ease}.primary:hover:not([disabled]){background:var(--accent-hover)}.primary[disabled]{opacity:.4;cursor:not-allowed}.listing{padding:24px 16px 0}.listing .entry{display:flex;gap:11px;align-items:baseline;padding:6px 0;font-size:15px;width:100%;text-align:left;cursor:default}.listing .entry+.entry{border-top:1px solid var(--line)}.listing .entry .date{color:var(--fg);font-size:15px;font-weight:600;flex:1}.listing .entry .note{text-align:right;color:var(--muted);font-weight:600;font-size:14px;flex:none}.transfer{display:flex;gap:9px;padding:22px 16px 0}.transfer button,.transfer label{flex:1;text-align:center;font-size:14px;font-weight:600;color:var(--text-main);border:1px solid var(--line);border-radius:8px;padding:9px;background:var(--panel);cursor:pointer;box-shadow:0 1px 2px #0f172a0d;transition:background .15s ease}.transfer button:hover,.transfer label:hover{background:var(--sunken)}.transfer input{display:none}.grid-container{padding:2px 14px 24px}.items-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 10px;width:100%}@media(max-width:480px){.items-grid{grid-template-columns:repeat(3,1fr);gap:10px 8px}}@media(max-width:340px){.items-grid{grid-template-columns:repeat(2,1fr);gap:8px 6px}}.grid-tile{aspect-ratio:1 / 1;width:100%;background:var(--bg-card);border-radius:12px;border:2px solid var(--border-strong);position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:8px 7px 7px;cursor:pointer;outline:none;box-shadow:0 1px 4px #0f172a14;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease;overflow:hidden;box-sizing:border-box}.grid-tile:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0f172a1f}.grid-tile:active{transform:scale(.97)}.grid-tile.red{border-color:var(--status-red);box-shadow:0 0 10px #ef444459,0 1px 3px #0f172a0f}.grid-tile.red:hover{box-shadow:0 0 16px #ef44448c,0 4px 12px #0f172a1f}.grid-tile.yellow{border-color:var(--status-yellow);box-shadow:0 0 10px #f59e0b59,0 1px 3px #0f172a0f}.grid-tile.yellow:hover{box-shadow:0 0 16px #f59e0b8c,0 4px 12px #0f172a1f}.grid-tile.green{border-color:var(--status-green);box-shadow:0 0 8px #10b9814d,0 1px 3px #0f172a0f}.grid-tile.green:hover{box-shadow:0 0 14px #10b98180,0 4px 12px #0f172a1f}.tile-top{display:flex;justify-content:space-between;align-items:flex-start;width:100%;min-height:20px}.tile-badge{font-size:11px;font-weight:700;padding:2px 6px;border-radius:999px;line-height:1.2;color:#fff;display:inline-block;letter-spacing:-.02em}.tile-badge.red{background:var(--status-red)}.tile-badge.yellow{background:var(--status-yellow)}.tile-badge.green{background:var(--status-green)}.tile-qty{font-size:11px;font-weight:700;color:var(--text-muted);background:var(--sunken);border:1px solid var(--border-subtle);border-radius:6px;padding:1px 5px;line-height:1.2}.tile-center{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:2px}.tile-name{font-size:14.5px;font-weight:700;color:var(--text-main);line-height:1.18;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.modal-backdrop{position:fixed;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-end;justify-content:center;z-index:100;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.detail-modal{background:var(--bg-card);width:100%;max-width:560px;border-top-left-radius:18px;border-top-right-radius:18px;border:1px solid var(--border-subtle);border-bottom:none;padding:18px 18px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -4px 24px #0f172a29;animation:slideUp .18s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.modal-title-row{flex:1;min-width:0}.modal-title{font-size:21px;font-weight:700;color:var(--text-main);line-height:1.2;word-break:break-word}.modal-close{width:32px;height:32px;border-radius:8px;background:var(--sunken);color:var(--text-muted);display:grid;place-items:center;font-size:16px;font-weight:700;flex:none;border:1px solid var(--border-subtle);transition:all .15s ease}.modal-close:hover{color:var(--text-main);background:var(--border-strong)}.modal-meta{color:var(--text-muted);font-size:14px;font-weight:500;margin-top:4px}.reserve-grid{margin-top:10px}