:root{--bg:#0f1419;--panel:#161d26;--panel-2:#1d2733;--text:#e6edf3;--muted:#8b98a5;--accent:#4da3ff;--ok:#3fb950;--warn:#d29922;--bad:#f85149;--border:#2d3845;--topbar-h:3.4rem;--r:6px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-image:radial-gradient(680px at 12% 0,#2dd4bf1f,#0000 62%),radial-gradient(760px at 88% 8%,#8b5cf61a,#0000 60%);background-repeat:no-repeat,no-repeat;margin:0;font:14px/1.5 system-ui,Segoe UI,sans-serif}h1{margin:0 0 .75rem;font-size:1.4rem}h2{margin:1.5rem 0 .5rem;font-size:1.05rem}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code,.code{background:var(--panel-2);border-radius:3px;padding:0 .3em;font-family:ui-monospace,SFMono-Regular,Cascadia Mono,Menlo,Consolas,monospace}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.error,.alert,.alert-error{border:1px solid var(--bad);background:#f851491f;border-radius:6px;margin:.5rem 0;padding:.5rem .75rem}.notice{border:1px solid var(--ok);background:#3fb9501a;border-radius:6px;margin:.5rem 0;padding:.5rem .75rem}.notice-warning{border-color:var(--bad);color:#ffb4b0;background:#f851491f}.notice-fade-out{animation:2.6s forwards notice-fade-out}@keyframes notice-fade-out{0%{opacity:1}70%{opacity:1}to{opacity:0}}.alert-info{border:1px solid var(--accent);background:#4da3ff1a;border-radius:6px;margin:.5rem 0;padding:.5rem .75rem}.topbar{z-index:90;height:var(--topbar-h);background:var(--panel);border-bottom:1px solid var(--border);align-items:center;gap:1.25rem;padding:0 1.25rem;display:flex;position:sticky;top:0}.topbar nav{flex:1;align-items:center;gap:.9rem;display:flex}.topbar nav a{border-radius:var(--r);color:var(--muted);padding:.35rem .7rem;text-decoration:none}.topbar nav a:hover{color:var(--text);background:var(--panel-2);text-decoration:none}.topbar nav a[aria-current=page]{color:var(--text);background:var(--panel-2);font-weight:600}.topbar-user{align-items:center;gap:.6rem;display:flex}.account-menu-wrap{position:relative}.account-trigger{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .65rem .25rem .25rem;font-weight:600;display:inline-flex}.account-trigger:hover,.account-trigger[aria-expanded=true]{background:var(--panel-2);filter:none}.account-avatar{background:var(--accent);color:#08233f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.7rem;height:1.7rem;font-size:.72rem;font-weight:700;display:inline-flex}.account-trigger-chevron{width:.7rem;height:.7rem;color:var(--muted);flex-shrink:0}.account-menu{background:var(--panel);border:1px solid var(--border);border-radius:var(--r);z-index:95;flex-direction:column;gap:.3rem;min-width:220px;margin-top:.5rem;padding:.5rem;display:flex;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #00000059}.account-menu-identity{border-bottom:1px solid var(--border);margin-bottom:.1rem;padding:.2rem .4rem .6rem}.account-menu-email{word-break:break-all;font-size:.9rem;font-weight:600}.account-menu-meta{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.35rem;display:flex}.account-menu>button{width:100%}.account-menu>a{border-radius:var(--r);width:100%;color:var(--text);align-items:center;gap:.5rem;padding:.5rem .6rem;text-decoration:none;display:flex}.account-menu>a:hover{background:var(--panel-2);text-decoration:none}.account-menu>a svg{width:1rem;height:1rem;color:var(--muted);flex-shrink:0}.account-menu>button{border-top:1px solid var(--border);margin-top:.2rem;padding-top:.7rem}@media (width<=760px){.topbar{height:auto;min-height:var(--topbar-h);flex-wrap:wrap;row-gap:.5rem;padding:.6rem .85rem}.topbar nav{display:none}.topbar-user{flex-wrap:wrap;row-gap:.4rem;margin-left:auto}}.bottom-tabbar{display:none}@media (width<=760px){.has-bottom-tabbar{padding-bottom:calc(4.75rem + env(safe-area-inset-bottom))}.bottom-tabbar{z-index:90;background:var(--panel);border-top:1px solid var(--border);padding:.35rem 0 calc(.35rem + env(safe-area-inset-bottom));display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-tabbar a{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.2rem;padding:.3rem .1rem;font-size:.68rem;font-weight:600;text-decoration:none;display:flex}.bottom-tabbar a svg{width:1.3rem;height:1.3rem}.bottom-tabbar a[aria-current=page]{color:var(--accent)}}@media (width<=640px){.main,.content{padding-left:.85rem;padding-right:.85rem}}.page-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.filters{flex-wrap:wrap;align-items:flex-end;gap:.6rem;display:flex}label{margin:.6rem 0;display:block}label.inline{align-items:center;gap:.35rem;margin-right:1rem;display:inline-flex}input,select,button,textarea,.input{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:.4rem .6rem}select,select.input{appearance:none;background-color:var(--panel-2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M3.5 5.25L7 8.75l3.5-3.5' fill='none' stroke='%239fd0ff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .55rem center;background-repeat:no-repeat;background-size:14px 14px;padding-right:2rem}select:hover,select.input:hover{border-color:#4da3ff73}select:focus,select.input:focus{border-color:#4da3ffb3;outline:none;box-shadow:0 0 0 2px #4da3ff2e}select:disabled,select.input:disabled{opacity:.65;cursor:not-allowed}select option,select optgroup{color:var(--text);background:var(--panel)}select option:checked{color:var(--text);background:linear-gradient(#4da3ff4d,#4da3ff33)}select option:hover,select option:focus{color:var(--text);background:#4da3ff38}label>input,label>select{width:100%;max-width:26rem;margin-top:.2rem;display:block}input[type=checkbox],input[type=radio],input[type=range]{width:auto;display:inline}.input:focus{border-color:var(--accent);outline:none}button,.button,.btn{cursor:pointer;background:var(--accent);color:#08233f;border:none;border-radius:6px;padding:.45rem .9rem;font-weight:600;display:inline-block}button:disabled,.btn:disabled{opacity:.5;cursor:default}button:hover:not(:disabled),.button:hover,.btn:hover:not(:disabled){filter:brightness(1.1);text-decoration:none}.link-button{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0 .35rem;font-weight:400}.link-button:hover{filter:none;text-decoration:underline}button.secondary,.btn-quiet{color:var(--muted);border:1px solid var(--border);background:0 0;font-weight:600}button.secondary:hover:not(:disabled),.btn-quiet:hover:not(:disabled){background:var(--panel-2);color:var(--text);filter:none}button.danger,.btn-danger{color:var(--bad);border:1px solid var(--bad);background:#f8514926}button.danger:hover:not(:disabled),.btn-danger:hover:not(:disabled){filter:none;background:#f8514938}fieldset{border:1px solid var(--border);border-radius:8px;margin:1rem 0}legend{color:var(--muted);padding:0 .4rem}.card,.panel{border:1px solid var(--border);border-radius:8px;margin:1rem 0;padding:1rem 1.25rem}.compact-card{max-width:none}.card{background:0 0;max-width:640px}.panel{background:var(--panel)}table,.table{border-collapse:collapse;width:100%;margin:.5rem 0 1rem}th,td,.table th,.table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.45rem .6rem}th,.table th{color:var(--muted);white-space:nowrap;background:var(--panel);font-weight:600}.table-scroll{overflow-x:auto}.badge{white-space:nowrap;border-radius:10px;padding:.1rem .5rem;font-size:.78rem;font-weight:600;display:inline-block}.badge-ok{color:var(--ok);background:#3fb95026}.badge-busy{color:var(--accent);background:#4da3ff26}.badge-wait{color:var(--muted);background:#8b98a526}.badge-warn{color:var(--warn);background:#d2992226}.badge-bad{color:var(--bad);background:#f8514926}.badge-muted{color:var(--muted);background:#8b98a526}.badge-progress{isolation:isolate;position:relative;overflow:hidden}.badge-progress:before{content:"";width:var(--progress-pct,0%);transition:width .6s;position:absolute;inset:0}.badge-progress.badge-busy:before{background:linear-gradient(#4da3ff42 0%,#4da3ff70 100%)}.badge-progress.badge-wait:before{background:linear-gradient(#8b98a533 0%,#8b98a557 100%)}.badge-progress:after{content:"";opacity:0;background:linear-gradient(90deg,#fff0,#ffffff52,#fff0);width:22%;animation:2.6s linear infinite badge-glint;position:absolute;top:-10%;bottom:-10%;left:-30%}.badge-label{z-index:1;position:relative}@keyframes badge-glint{0%{opacity:0;transform:translate(0)}8%{opacity:.85}88%{opacity:.85}to{opacity:0;transform:translate(520%)}}.icon-button{border:1px solid var(--border);width:2rem;height:2rem;color:var(--text);background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button svg{width:.95rem;height:.95rem}.icon-button:hover{background:var(--panel-2)}.icon-button-danger{color:var(--bad);border-color:#f8514980}.icon-button-danger:hover{background:#f851491f}.hint{color:var(--muted);margin-top:.35rem;font-size:.85rem}.upload-form{max-width:36rem}.toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.toolbar .spacer{flex:1}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(6px);background:#06080cad;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border);border-radius:8px;max-width:440px;margin:1rem;padding:1.25rem 1.5rem}.modal-danger{border-color:#f85149b3;box-shadow:inset 0 0 0 1px #f851492e}.modal-warning{color:#ffb4b0;font-weight:700}.modal-danger h2{color:#ffb4b0}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:1.25rem;display:flex}.loading-overlay{z-index:140}.loading-modal{text-align:center;min-width:min(26rem,100vw - 2rem);box-shadow:0 18px 40px #00000059}.loading-modal h2{margin:0 0 .45rem}.loading-modal p{margin:0}.loading-spinner{border:3px solid #4da3ff47;border-top-color:var(--accent);border-radius:50%;width:2.2rem;height:2.2rem;margin:0 auto .8rem;animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{z-index:60;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;max-width:340px;padding:.5rem .75rem;position:fixed;bottom:1rem;right:1rem}.toast-error{border-color:var(--bad);color:var(--bad)}progress{accent-color:var(--accent);width:12rem}.wordmark{letter-spacing:-.02em;font-size:1.05rem;font-weight:650}.wordmark span{color:var(--accent)}.topbar .back-link{color:var(--text);font-weight:650;text-decoration:none}.topbar .back-link:hover{color:var(--accent)}.main{flex-direction:column;gap:2rem;max-width:1100px;margin:0 auto;padding:1.5rem 1.25rem 3rem;display:flex}h3{margin:0 0 .5rem}.dashboard{flex-direction:column;gap:2rem;display:flex}.status-text{color:var(--muted)}.item-grid{grid-template-columns:1fr;gap:.6rem;display:grid}@media (width>=720px){.item-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}.item-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r);color:var(--text);flex-direction:column;gap:.5rem;padding:.85rem 1rem;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.item-card:hover{border-color:var(--accent);box-shadow:0 2px 6px #00000059}.item-card.is-alert{border-color:var(--bad);background:#f8514914}.item-card-main{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.item-name{font-weight:600}.item-qty{font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}.item-qty-converted{font-size:.85em}.item-card-badges{flex-wrap:wrap;gap:.4rem;display:flex}.badge-danger{color:var(--bad);background:#f8514926}.badge-warning{color:var(--warn);background:#d2992226}.badge-neutral{color:var(--muted);background:#8b98a526}.category-grid{grid-template-columns:1fr;gap:.6rem;display:grid}@media (width>=640px){.category-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}.category-tile{background:var(--panel);border:1px solid var(--border);border-radius:var(--r);color:var(--text);flex-direction:column;gap:.35rem;padding:1rem;text-decoration:none;display:flex}.category-tile:hover{border-color:var(--accent)}.category-name{font-weight:700}.category-meta{color:var(--muted);font-size:.9rem}.item-form{flex-direction:column;gap:1rem;max-width:480px;display:flex}.expiry-batch-list{flex-direction:column;gap:.35rem;margin:0 0 .75rem;padding:0;list-style:none;display:flex}.expiry-batch-list li{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r);justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .6rem;font-size:.9rem;display:flex}.expiry-batch-add{flex-wrap:wrap;align-items:flex-end;gap:.6rem;display:flex}.expiry-batch-add label{flex-direction:column;gap:.3rem;font-size:.9rem;font-weight:600;display:flex}.expiry-batch-add input{width:10rem}.item-form label{flex-direction:column;gap:.3rem;font-size:.9rem;font-weight:600;display:flex}.form-actions{gap:.75rem;margin-top:.5rem;display:flex}.btn-secondary{color:var(--muted);border:1px solid var(--border);border-radius:var(--r);background:0 0;padding:.65rem 1.2rem;font-weight:700}.btn-secondary:hover{background:var(--panel-2);color:var(--text)}.item-detail-category{color:var(--muted);margin-top:-.5rem}.item-preview-box{background:var(--panel);border:1px solid var(--border);border-radius:var(--r);margin:1rem 0 1.5rem;padding:.85rem 1rem}.item-preview-box p{margin:.3rem 0}.computed-summary{background:var(--panel);border:1px solid var(--border);border-radius:var(--r);grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem;padding:1rem;display:grid}@media (width>=640px){.computed-summary{grid-template-columns:repeat(3,1fr)}}.computed-summary .label{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;display:block}.computed-summary .value{font-size:1.05rem;font-weight:700;display:block}.text-danger{color:var(--bad)}.text-ok{color:var(--ok)}.capture-mode-card{border:1px solid var(--border);border-radius:var(--r);background:var(--panel);flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.capture-mode-card h3{margin:0}.capture-file-label{text-align:center;cursor:pointer;width:fit-content;margin-top:.5rem;display:inline-block}.capture-file-label input[type=file]{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.receipt-preview{object-fit:contain;border-radius:var(--r);border:1px solid var(--border);max-width:100%;max-height:320px;margin-bottom:1rem;display:block}.processing-step{max-width:480px}.review-layout{flex-direction:column;gap:1.5rem;display:flex}@media (width>=900px){.review-layout{flex-direction:row;align-items:flex-start}.receipt-preview-wrap{flex:0 0 320px;position:sticky;top:1rem}.review-table-wrap{flex:1;min-width:0}}.receive-row-list{flex-direction:column;gap:.85rem;display:flex}.receive-row-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r);padding:.85rem 1rem}.receive-row-main{flex-wrap:wrap;align-items:flex-end;gap:.6rem;display:flex}.receive-row-main label{flex-direction:column;flex:9rem;gap:.3rem;min-width:7rem;font-size:.85rem;font-weight:600;display:flex}.receive-row-main input,.receive-row-main select{width:100%}.receive-row-details-toggle{margin-top:.6rem;font-size:.85rem;display:block}.receive-row-details{border-top:1px solid var(--border);flex-direction:column;gap:.85rem;margin-top:.75rem;padding-top:.75rem;display:flex}.receive-row-details label{flex-direction:column;gap:.3rem;font-size:.85rem;font-weight:600;display:flex}.order-list-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.order-list-actions{gap:.6rem;display:flex}.order-list-actions button{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:var(--r);padding:.5rem 1rem;font-weight:600}.order-list-actions button:hover:not(:disabled){background:var(--border);filter:none}.order-group{margin-top:1.5rem}.order-group h3{margin-bottom:.6rem}@media print{.no-print,.topbar{display:none!important}}.summary-table-wrap{overflow-x:auto}.summary-table{border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:var(--r);width:100%;overflow:hidden}.summary-table th,.summary-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:.6rem .9rem}.summary-table thead th{background:var(--panel-2);text-transform:uppercase;letter-spacing:.02em;color:var(--muted);font-size:.8rem}.summary-table tfoot td{border-bottom:none;border-top:2px solid var(--border);font-weight:700}.search-input{width:100%;max-width:480px;margin-bottom:1.5rem}.scan-fab{display:none}.scan-fab input[type=file]{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=760px){.main-has-fab{padding-bottom:calc(4.75rem + 4.25rem + env(safe-area-inset-bottom))}.scan-fab{left:1rem;right:1rem;bottom:calc(4.75rem + .75rem + env(safe-area-inset-bottom));z-index:100;background:var(--accent);color:#0d1117;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.95rem 1.25rem;font-weight:700;text-decoration:none;display:flex;position:fixed;box-shadow:0 6px 20px #00000073}.scan-fab svg{flex-shrink:0;width:22px;height:22px}.scan-fab:active{filter:brightness(.92)}}.pin-gate{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-form{background:var(--panel);border:1px solid var(--border);border-radius:var(--r);text-align:center;flex-direction:column;gap:.75rem;width:100%;max-width:320px;padding:2rem;display:flex}.seed-importer{background:var(--panel);border:1px dashed var(--border);border-radius:var(--r);text-align:center;padding:1.5rem}