:root{--bg:#0e0e10;--surface:#18181b;--surface-2:#232328;--border:#303037;--text:#f4f4f5;--muted:#a1a1aa;--accent:#f5b301;--accent-strong:#ffc93c;--accent-text:#141414;--danger:#f87171;--danger-bg:#3b1416;--ok:#4ade80;--ok-bg:#12301c;--warn:#fbbf24;--warn-bg:#3a2a07;--radius:12px;--nav-height:64px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.4}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{-webkit-tap-highlight-color:transparent;min-height:100dvh}a{color:var(--accent)}h1{margin:0 0 12px;font-size:1.4rem}h2{margin:20px 0 8px;font-size:1.1rem}h3{margin:0 0 6px;font-size:1rem}p{margin:0 0 10px}.muted{color:var(--muted)}.small{font-size:.85rem}.num{font-variant-numeric:tabular-nums}.app{max-width:760px;padding:0 16px calc(var(--nav-height) + 24px + env(safe-area-inset-bottom));margin:0 auto}.topbar{z-index:10;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:calc(8px + env(safe-area-inset-top)) 16px 8px;border-bottom:1px solid var(--border);flex-direction:column;gap:6px;margin:0 -16px 12px;display:flex;position:sticky;top:0}.topbar-row{align-items:center;gap:8px;min-height:32px;display:flex}.brand{letter-spacing:.02em;color:var(--text);font-weight:800;text-decoration:none}.brand span{color:var(--accent)}.spacer{flex:1}.gig-banner{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:.85rem;text-decoration:none;display:flex}.gig-banner.active{background:var(--ok-bg);border-color:color-mix(in srgb, var(--ok) 40%, transparent)}.dot{background:var(--muted);border-radius:50%;flex:none;width:8px;height:8px}.dot.ok{background:var(--ok)}.status-pill{background:var(--surface-2);color:var(--muted);white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:.75rem}.status-pill.warn{background:var(--warn-bg);color:var(--warn)}.bottom-nav{z-index:20;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-inner{grid-template-columns:repeat(5,1fr);width:100%;max-width:760px;display:grid}.bottom-nav a{height:var(--nav-height);color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.72rem;text-decoration:none;display:flex}.bottom-nav a.active{color:var(--accent)}.bottom-nav svg{width:24px;height:24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:14px}.card.warn{border-color:color-mix(in srgb, var(--warn) 50%, transparent);background:var(--warn-bg)}.card.danger{border-color:color-mix(in srgb, var(--danger) 50%, transparent);background:var(--danger-bg)}.row{align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.between{justify-content:space-between}.stack{flex-direction:column;gap:10px;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.list{margin:0;padding:0;list-style:none}.list>li,.list-item{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 0;display:flex}.list>li:last-child{border-bottom:none}.list-link{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:0;text-decoration:none;display:flex}.grow{flex:1;min-width:0}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.badge{background:var(--surface-2);color:var(--muted);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.75rem;display:inline-block}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.danger{background:var(--danger-bg);color:var(--danger)}.badge.accent{background:var(--accent);color:var(--accent-text)}label.field{color:var(--muted);flex-direction:column;gap:4px;font-size:.85rem;display:flex}input,select,textarea{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:10px;width:100%;min-height:46px;padding:11px 12px;font-size:16px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}input[type=checkbox]{width:22px;height:22px;min-height:0;accent-color:var(--accent)}textarea{resize:vertical;min-height:80px}button,.btn{font:inherit;border:1px solid var(--border);background:var(--surface-2);min-height:46px;color:var(--text);cursor:pointer;touch-action:manipulation;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-flex}button:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn-primary:not(:disabled):active{background:var(--accent-strong)}.btn-danger{background:var(--danger-bg);border-color:color-mix(in srgb, var(--danger) 50%, transparent);color:var(--danger)}.btn-ghost{background:0 0;border-color:#0000}.btn-small{min-height:36px;padding:6px 12px;font-size:.9rem}.btn-block{width:100%}.btn-big{min-height:58px;font-size:1.1rem}.segmented{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;display:grid}.segmented button{min-height:48px;padding:8px 4px;font-size:.95rem}.segmented button.selected{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button{min-height:38px;padding:6px 12px;font-size:.9rem}.chips button.selected{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.error-text{color:var(--danger);font-size:.9rem}.table-wrap{margin:0 -4px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 6px}th{color:var(--muted);font-size:.8rem;font-weight:600}td.r,th.r{text-align:right}tr.total td{border-bottom:none;font-weight:700}.kpis{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:12px;display:grid}@media (width>=560px){.kpis{grid-template-columns:repeat(3,1fr)}}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.kpi-label{color:var(--muted);font-size:.78rem}.kpi-value{font-variant-numeric:tabular-nums;margin-top:2px;font-size:1.3rem;font-weight:700}.kpi-value.pos{color:var(--ok)}.kpi-value.neg{color:var(--danger)}.scanner{aspect-ratio:4/3;border-radius:var(--radius);border:1px solid var(--border);background:#000;width:100%;max-height:42vh;position:relative;overflow:hidden}.scanner video{object-fit:cover;width:100%;height:100%;display:block}.scanner .scan-region-highlight-svg,.scanner .code-outline-highlight{stroke:var(--accent)!important}.scanner-overlay{text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex;position:absolute;inset:0}.scanner-flash{pointer-events:none;animation:.5s ease-out flash;position:absolute;inset:0}.scanner-flash.ok{background:color-mix(in srgb, var(--ok) 35%, transparent)}.scanner-flash.err{background:color-mix(in srgb, var(--danger) 40%, transparent)}@keyframes flash{0%{opacity:1}to{opacity:0}}.cart-line{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 0;display:flex}.size-tag{background:var(--surface-2);border-radius:8px;justify-content:center;align-items:center;min-width:40px;height:40px;padding:0 6px;font-size:.95rem;font-weight:800;display:inline-flex}.total-bar{justify-content:space-between;align-items:baseline;margin:12px 0;font-size:1.4rem;font-weight:800;display:flex}.qty-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.qty-grid button{text-align:left;flex-direction:column;align-items:flex-start;min-height:64px;font-weight:500}.qty-grid button strong{font-weight:700}.stock-grid{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:6px;margin-top:10px;display:grid}.stock-cell{background:var(--surface-2);border:1px solid var(--border);font-variant-numeric:tabular-nums;border-radius:8px;flex-direction:column;align-items:center;min-height:0;padding:6px 4px;font-weight:400;display:flex}.stock-cell .size{color:var(--muted);font-size:.75rem}.stock-cell .count{font-size:1.2rem;font-weight:700}.stock-cell.low{background:var(--warn-bg);border-color:color-mix(in srgb, var(--warn) 45%, transparent)}.stock-cell.low .count{color:var(--warn)}.stock-cell.empty .count{color:var(--danger)}.bars{flex-direction:column;gap:6px;display:flex}.bar-row{grid-template-columns:96px 1fr auto;align-items:center;gap:8px;font-size:.85rem;display:grid}.bar-track{height:14px}.bar-fill{background:var(--accent);border-radius:0 4px 4px 0;height:100%}.modal-backdrop{z-index:50;background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=600px){.modal-backdrop{align-items:center}}.modal{background:var(--surface);border:1px solid var(--border);width:100%;max-width:520px;max-height:90dvh;padding:18px 16px calc(18px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;overflow-y:auto}@media (width>=600px){.modal{border-radius:16px}}.toasts{left:50%;bottom:calc(var(--nav-height) + 12px + env(safe-area-inset-bottom));z-index:60;pointer-events:none;flex-direction:column;gap:8px;width:min(92vw,480px);display:flex;position:fixed;transform:translate(-50%)}.toast{pointer-events:auto;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-size:.95rem;box-shadow:0 8px 24px #0006}.toast.ok{background:var(--ok-bg);border-color:color-mix(in srgb, var(--ok) 45%, transparent)}.toast.err{background:var(--danger-bg);border-color:color-mix(in srgb, var(--danger) 45%, transparent)}.center-screen{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex}.auth-box{width:100%;max-width:380px}.logo{letter-spacing:.02em;text-align:center;margin-bottom:4px;font-size:2rem;font-weight:900}.logo span{color:var(--accent)}.menu-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.menu-tile{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);color:var(--text);flex-direction:column;gap:4px;min-height:92px;padding:14px;text-decoration:none;display:flex}.menu-tile strong{font-size:1rem}.menu-tile span{color:var(--muted);font-size:.8rem}