:root{color:#17211d;font-synthesis:none;text-rendering:optimizelegibility;--green:#126b55;--green-dark:#0d4f40;--ink:#17211d;--paper:#f7faf8;--line:#d8e1dc;--amber:#e9a23b;--red:#b9383d;background:#edf3ef;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,PingFang TC,Microsoft JhengHei,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% -20%,#fff 0,#edf3ef 58%);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,select,input{min-height:44px}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #e9a23ba6}h1,h2,p{margin-top:0}h1{letter-spacing:-.035em;font-size:clamp(1.65rem,5vw,2.25rem);line-height:1.08}h2{font-size:1.08rem;line-height:1.25}code{overflow-wrap:anywhere}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100vh;padding-bottom:calc(84px + env(safe-area-inset-bottom))}.topbar{z-index:20;color:#fff;background:var(--green-dark);justify-content:space-between;align-items:center;height:64px;padding:0 max(16px,50vw - 380px);display:flex;position:sticky;top:0;box-shadow:0 1px #ffffff1f}.offline-banner{z-index:40;color:#523400;text-align:center;background:#ffe3ae;padding:9px 16px;font-size:.85rem;font-weight:750;position:sticky;top:0}.wordmark{color:inherit;background:0 0;border:0;align-items:center;gap:9px;padding:0;font-weight:800;display:flex}.cross-mark{width:30px;height:30px;color:var(--green-dark);background:#d7f0e5;border-radius:8px;place-items:center;font-size:1.6rem;font-weight:500;display:grid}.account-actions{align-items:center;gap:5px;font-size:.82rem;display:flex}.icon-button{width:44px;color:inherit;background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.icon-button svg{width:20px}.app-content{width:min(100%,760px);margin:0 auto;padding:24px 16px 40px}.page-stack,.admin-stack{gap:18px;display:grid}.page-heading{padding:8px 2px 0}.page-heading h1{margin-bottom:7px}.page-heading p,.muted{color:#5c6c65;margin-bottom:0}.row-heading{justify-content:space-between;align-items:center;display:flex}.row-heading>svg{width:38px;height:38px;color:var(--green)}.search-bar{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:7px 8px 7px 14px;display:grid;box-shadow:0 12px 28px #18423414}.search-bar>svg{color:#6d7c75;width:20px}.search-bar input{background:0 0;border:0;outline:0;width:100%;min-width:0}.search-submit{color:#fff;background:var(--green);border:0;border-radius:10px;padding:0 16px;font-weight:750}.scan-button{color:var(--green-dark);background:#edf8f3;border:1px dashed #83a398;border-radius:10px;grid-column:1/-1;justify-content:center;align-items:center;gap:7px;font-weight:700;display:flex}.scan-button svg{width:21px}.result-list{border-top:1px solid var(--line);display:grid}.product-result{text-align:left;border:0;border-bottom:1px solid var(--line);min-height:72px;color:inherit;background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:12px 6px;display:flex}.product-result span:first-child{gap:4px;display:grid}.product-result small,.barcode-text{color:#728078;letter-spacing:.02em}.load-more{width:100%;margin-top:8px}.result-price{color:var(--green);flex:none;font-weight:800}.stock-entry-card,.pending-card,.panel{background:var(--paper);border:1px solid var(--line)}.stock-entry-card{border-left:5px solid var(--amber);padding:20px;box-shadow:0 14px 34px #18423414}.stock-entry-card h2{margin:12px 0 3px;font-size:1.35rem}.notice{border-left:4px solid var(--amber);background:#fff1d8;margin:16px 0;padding:11px 13px;font-weight:700}.offer-list{border-top:1px solid var(--line);gap:0;display:grid}.offer-list>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.highlight-offer{color:var(--green-dark);background:#e7f5ef;margin:0 -8px;padding-inline:8px!important}.quantity-form{grid-template-columns:1fr auto;align-items:end;gap:12px;margin-top:18px;display:grid}label{color:#42524b;gap:7px;font-size:.88rem;font-weight:700;display:grid}input,select{width:100%;color:var(--ink);background:#fff;border:1px solid #bccac3;border-radius:9px;padding:0 12px}.primary,.secondary,.order-button{border-radius:10px;min-height:44px;padding:0 17px;font-weight:800}.primary{color:#fff;background:var(--green);border:1px solid var(--green)}.secondary{color:var(--green-dark);background:#fff;border:1px solid #8ba79c}.order-button{color:#fff;background:var(--green);border:0;align-items:center;gap:6px;display:inline-flex}.order-button svg{width:18px}.text-button{min-height:40px;color:var(--green-dark);text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.button-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.back-link,.back-to-work{margin-bottom:8px}.filter-field{grid-template-columns:auto 1fr;align-items:center;gap:12px}.pending-list{gap:12px;display:grid}.pending-card{grid-template-columns:76px 1fr;display:grid;overflow:hidden}.stock-count{text-align:center;color:#5a3a08;background:#f8dca8;border-right:1px solid #dfbe82;place-content:center;display:grid}.stock-count span{font-size:.8rem}.stock-count strong{font-size:2rem;line-height:1}.pending-main{min-width:0;padding:16px}.pending-main h2{margin-bottom:2px}.update-meta{color:#6f7d76;font-size:.78rem}.pending-main .button-row{justify-content:space-between;margin-top:12px}.history-filters,.form-grid{gap:12px;display:grid}.history-filters{grid-template-columns:1fr 1fr}.history-filters label:first-child,.history-filters>button{grid-column:1/-1}.history-list{border-top:1px solid var(--line);display:grid}.history-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:14px;padding:17px 2px;display:grid;position:relative}.history-row h2{margin-bottom:4px}.history-row p{color:var(--green-dark);margin-bottom:5px}.history-row small{color:#6f7d76}.history-row dl{gap:12px;margin:0;display:flex}.history-row dl div{text-align:center}.history-row dt{color:#718078;font-size:.72rem}.history-row dd{margin:2px 0 0;font-size:1.35rem;font-weight:850}.reopened-badge{color:#725012;font-size:.75rem;font-weight:800;position:absolute;bottom:8px;right:2px}.panel{border-left:4px solid var(--green);padding:20px}.panel h2{margin-bottom:6px;font-size:1.3rem}.form-grid{grid-template-columns:repeat(2,1fr);margin-top:16px}.form-grid .primary{align-self:end}.catalog-search{align-items:end;gap:.7rem;margin-top:1.2rem;display:flex}.catalog-search label{flex:1}.catalog-admin-list{gap:.75rem;margin-top:1rem;display:grid}.catalog-admin-row{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:.85rem}.catalog-admin-heading,.catalog-offer-row{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.catalog-admin-heading small{color:var(--muted);margin-top:.2rem;display:block}.catalog-offer-row{border-top:1px dashed var(--line);margin-top:.7rem;padding-top:.7rem;font-size:.9rem}.backup-warning{color:#7a3d00;background:#fff0d7;border-radius:10px;padding:.75rem;font-weight:700}.file-picker{background:#edf8f3;border:1px dashed #8ba79c;margin:16px 0 10px;padding:13px}.file-picker input{background:0 0;border:0;padding:8px 0 0}.summary-strip{background:#e7f5ef;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding:12px;display:flex}.summary-strip span{font-size:.86rem;font-weight:750}.warning-copy{color:#725012;margin:14px 0 0}.temporary-password{color:#123d31;overflow-wrap:anywhere;background:#dff2ea;margin:14px 0;padding:13px}.user-list{border-top:1px solid var(--line);margin-top:16px;display:grid}.user-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:11px 0;display:flex}.user-row span:first-child{gap:3px;display:grid}.user-row small{color:#6f7d76}.empty-state,.loading-state,.full-page-message{text-align:center;color:#607069;padding:42px 20px}.empty-state h2,.full-page-message h1{color:var(--ink)}.status-message,.error-message{white-space:pre-wrap;border-left:4px solid var(--green);background:#dff2ea;margin:0;padding:12px 14px}.error-message{color:#7c2024;border-color:var(--red);background:#fde9ea}.dialog-backdrop{z-index:50;background:#0d251d9e;align-items:end;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:#fff;border-radius:20px 20px 12px 12px;width:min(100%,520px);margin:0 auto;padding:22px;box-shadow:0 24px 70px #00000040}.dialog-kicker{color:var(--green);margin-bottom:5px;font-weight:800}.dialog-form{gap:14px;display:grid}.dialog-form .button-row{justify-content:flex-end}.scanner-dialog{color:#fff;background:#0b2f27;border:1px solid #fff3;border-radius:18px;width:min(100%,520px);margin:0 auto;padding:18px}.scanner-dialog header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.scanner-dialog header p{color:#91c7b6;margin-bottom:4px;font-size:.8rem;font-weight:800}.scanner-dialog h2{margin-bottom:14px}.camera-frame{aspect-ratio:4/3;background:#061c17;border:1px solid #537b6e;place-items:center;margin-bottom:14px;display:grid;position:relative;overflow:hidden}.camera-frame video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.camera-frame>svg{color:#91a59e;width:40px;height:40px}.scan-line{z-index:2;background:#efb958;height:2px;position:absolute;top:50%;left:12%;right:12%;box-shadow:0 0 14px #efb958}.scanner-dialog .secondary{width:100%;margin-top:12px}.bottom-nav{z-index:30;height:calc(70px + env(safe-area-inset-bottom));padding:4px max(8px, calc((100vw - 760px) / 2)) env(safe-area-inset-bottom);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fafcfbf5;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;inset:auto 0 0}.bottom-nav button{color:#6a7972;background:0 0;border:0;border-radius:12px;align-content:center;place-items:center;gap:3px;font-size:.74rem;font-weight:700;display:grid}.bottom-nav button.active{color:var(--green-dark);background:#def0e8}.bottom-nav svg{width:22px;height:22px}.login-shell{background:linear-gradient(145deg,#0d4f40 0 35%,#edf3ef 35%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border-top:6px solid var(--amber);background:#fff;width:min(100%,430px);padding:30px;box-shadow:0 24px 60px #08322733}.brand-mark{color:var(--green-dark);align-items:center;gap:9px;margin-bottom:34px;font-weight:850;display:flex}.brand-mark svg{width:25px}.login-card h1{margin-bottom:10px}.login-card>p{color:#66756e;line-height:1.55}.login-form{gap:15px;margin-top:22px;display:grid}.change-password-icon,.configuration-card>svg{width:38px;height:38px;color:var(--green);margin-bottom:20px}@media (width>=640px){.search-bar{grid-template-columns:24px 1fr auto auto}.scan-button{grid-column:auto;padding:0 14px}.dialog-backdrop{align-items:center}.dialog{border-radius:16px}.form-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=480px){.account-actions>span{display:none}.quantity-form,.form-grid{grid-template-columns:1fr}.pending-card{grid-template-columns:62px 1fr}.panel{padding:17px 15px}.history-row{grid-template-columns:1fr}.history-row dl{justify-content:flex-start}.catalog-search,.catalog-admin-heading,.catalog-offer-row{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}