:root{--bg: #0f1115;--panel: #181b22;--panel-2: #1f232d;--line: #2c3140;--text: #e8eaf0;--muted: #9aa1b2;--accent: #4f8cff;--ok: #3ecf8e;--warn: #f5a623;--danger: #ef5350;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}h1{font-size:1.4rem;margin:.2rem 0;display:flex;align-items:center;gap:.6rem}h2{font-size:1rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:1.4rem 0 .6rem}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;padding:.7rem 1.2rem;border-bottom:1px solid var(--line);background:var(--panel)}.topbar-right{display:flex;align-items:center;gap:.8rem}.tabs{display:flex;gap:.4rem}.tab{background:transparent;color:var(--muted);border-radius:8px;padding:.45rem .9rem;min-height:36px}.tab.on{background:var(--panel-2);color:var(--text);border:1px solid var(--line)}.operator{color:var(--muted);font-size:.9rem}.brand{font-weight:700;font-size:1.1rem;letter-spacing:.02em}.brand span{color:var(--accent);font-weight:500}.brand.big{font-size:1.5rem;text-align:center;margin-bottom:.6rem}.page{max-width:900px;width:100%;margin:0 auto;padding:1.2rem}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.sub{color:var(--muted);font-size:.9rem;margin-top:.2rem}.center-note{display:grid;place-items:center;min-height:60vh;color:var(--muted)}.center-note.error{color:var(--danger)}.empty{color:var(--muted);padding:1rem 0}button{font:inherit;border:none;border-radius:8px;cursor:pointer;padding:.65rem 1rem;min-height:44px;color:var(--text)}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--accent);color:#fff;font-weight:600}.secondary{background:var(--panel-2);border:1px solid var(--line)}.danger{background:var(--danger);color:#fff}.ghost{background:transparent;color:var(--muted)}.ghost:hover{color:var(--text)}input,select{font:inherit;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:.6rem .7rem;min-height:44px;width:100%}label{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem;color:var(--muted);flex:1}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1rem;margin:.8rem 0}.form-grid{display:flex;flex-direction:column;gap:.9rem}.row{display:flex;gap:.7rem;align-items:flex-end}.form-error{background:#3a1d20;border:1px solid var(--danger);color:#ffb4b0;padding:.6rem .8rem;border-radius:8px;margin:.6rem 0}.inline-new-client{display:flex;gap:.6rem}.video-note{background:#33290f;border:1px solid var(--warn);color:#ffd98a;padding:.6rem .8rem;border-radius:8px;font-size:.9rem}.login-wrap{min-height:100vh;display:grid;place-items:center}.login-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:2rem;width:340px;display:flex;flex-direction:column;gap:1rem}.session-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.8rem}.session-card{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:.9rem;display:flex;flex-direction:column;gap:.4rem}.session-card:hover{border-color:var(--accent)}.session-card.muted{opacity:.65}.session-code{font-family:ui-monospace,monospace;color:var(--muted);font-size:.85rem}.session-client{font-weight:600;font-size:1.05rem}.session-meta{display:flex;justify-content:space-between;align-items:center}.elapsed{font-family:ui-monospace,monospace;color:var(--muted);font-size:.85rem}.status-chip{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;padding:.2rem .55rem;border-radius:999px;background:var(--panel-2);color:var(--muted);border:1px solid var(--line)}.st-receiving,.st-processing{color:var(--accent);border-color:var(--accent)}.st-quality_review{color:var(--warn);border-color:var(--warn)}.st-complete,.st-stored{color:var(--ok);border-color:var(--ok)}.st-exception{color:var(--danger);border-color:var(--danger)}.st-ready_for_putaway{color:var(--warn);border-color:var(--warn)}.unit-list{display:flex;flex-direction:column;gap:.6rem}.unit-card{display:flex;justify-content:space-between;gap:1rem;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:.8rem 1rem}.unit-card.has-exception{border-color:var(--danger)}.unit-title{font-weight:600}.unit-title .qty{color:var(--muted);margin-left:.4rem;font-weight:400}.unit-facts{display:flex;flex-wrap:wrap;gap:.8rem;color:var(--muted);font-size:.85rem;margin-top:.3rem}.unit-side{display:flex;align-items:center;gap:.7rem;flex-shrink:0}.exception-banner{background:#3a1d20;border:1px solid var(--danger);color:#ffb4b0;padding:.7rem .9rem;border-radius:10px;margin:.8rem 0}.exception-banner ul{margin:.4rem 0 0;padding-left:1.2rem}.completion .checklist{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-direction:column;gap:.4rem}.checklist .ok{color:var(--ok)}.checklist .pending{color:var(--muted)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#06080cbf;display:grid;place-items:center;padding:1rem;z-index:50;overflow-y:auto}.wizard{background:var(--panel);border:1px solid var(--line);border-radius:14px;width:min(640px,100%);padding:1.2rem;margin:auto}.wizard-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.stepper{display:flex;flex-wrap:wrap;gap:.7rem;font-size:.8rem;color:var(--muted);align-items:center}.stepper .current{color:var(--accent);font-weight:700}.station-tag{background:var(--accent);color:#fff;font-weight:700;font-size:.68rem;letter-spacing:.08em;padding:.15rem .5rem;border-radius:4px}.unit-card.active-putaway{border-color:var(--accent)}.envelope-note{color:var(--muted);font-size:.85rem}.flag-row{display:flex;flex-wrap:wrap;gap:.5rem}.flag{background:var(--panel-2);border:1px solid var(--line);border-radius:999px;font-size:.85rem}.flag.on{border-color:var(--accent);color:var(--accent)}.container-options{display:flex;flex-direction:column;gap:.5rem}.container-option{text-align:left;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;display:flex;gap:.6rem;align-items:center}.container-option.on{border-color:var(--accent)}.badge{font-size:.7rem;text-transform:uppercase;background:var(--ok);color:#06281a;border-radius:999px;padding:.1rem .5rem;font-weight:700}.badge.alt{background:var(--panel);color:var(--muted);border:1px solid var(--line)}.done-note{background:#10301f;border:1px solid var(--ok);color:#b8f0d4;padding:.8rem 1rem;border-radius:10px}.label{background:#fff;color:#000;border-radius:8px;padding:1rem;width:320px;text-align:center;margin:0 auto}.label-brand{font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}.label svg{width:100%}.label-code{font-family:ui-monospace,monospace;font-size:1.2rem;font-weight:700;letter-spacing:.1em}.label-meta{font-size:.75rem;color:#333;margin-top:.3rem}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{position:fixed;left:0;top:0}}