:root{--wasabi-red: #ea1212;--wasabi-red-dark: #c50f0f;--wasabi-red-soft: #fdeaea;--charcoal: #373b45;--charcoal-dark: #2b2e36;--charcoal-deep: #23262d;--brand-yellow: #ffd10b;--table-accent: #d99a00;--table-highlight-bg: #fff6d1;--page-bg: #f5f5f5;--card-bg: #ffffff;--border: #e3e4e7;--muted: #8a8f99;--font-display: "Hammersmith One", sans-serif;--font-body: "Open Sans", sans-serif;--radius: 14px;--card-shadow: 0 1px 2px rgba(55, 59, 69, .05), 0 10px 30px rgba(55, 59, 69, .08);--touch-min: 64px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);background:var(--page-bg);color:var(--charcoal);font-size:18px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}h1,h2,h3,.font-display{font-family:var(--font-display);font-weight:400;letter-spacing:.01em;margin:0}button{font-family:var(--font-body);cursor:pointer}.btn{border:none;border-radius:var(--radius);font-weight:700;font-size:1.05rem;padding:0 1.4rem;min-height:var(--touch-min);display:inline-flex;align-items:center;justify-content:center;gap:.6rem;transition:transform .05s ease,background .15s ease,opacity .15s ease}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:default}.btn-red{background:var(--wasabi-red);color:#fff}.btn-red:hover{background:var(--wasabi-red-dark)}.btn-charcoal{background:var(--charcoal);color:#fff}.btn-charcoal:hover{background:var(--charcoal-dark)}.btn-ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.35)}.btn-ghost:hover{border-color:#fff}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-screen{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;background:radial-gradient(circle at 50% 0%,var(--charcoal) 0%,var(--charcoal-deep) 70%);padding:2rem}.login-logo{width:300px;max-width:72vw;height:auto;display:block}.login-subtitle{text-align:center;color:var(--muted);margin:0 0 1.6rem;font-size:1.05rem}.login-card{width:100%;max-width:440px;background:var(--card-bg);border-radius:22px;box-shadow:var(--card-shadow);padding:2.6rem 2.4rem}.login-brand{text-align:center;margin-bottom:1.8rem}.login-brand .logo-dot{display:inline-block;width:14px;height:14px;border-radius:50%;background:var(--wasabi-red);margin-right:.5rem;vertical-align:middle}.login-brand h1{font-size:2rem;color:var(--charcoal);display:inline;vertical-align:middle}.login-brand p{color:var(--muted);margin:.5rem 0 0;font-size:1rem}.field{margin-bottom:1.1rem}.field label{display:block;font-weight:600;font-size:.95rem;margin-bottom:.4rem;color:var(--charcoal)}.field input{width:100%;min-height:var(--touch-min);border:2px solid var(--border);border-radius:var(--radius);padding:0 1rem;font-size:1.15rem;font-family:var(--font-body);color:var(--charcoal);background:#fff}.field input:focus{outline:none;border-color:var(--wasabi-red)}.login-card .btn{width:100%;font-size:1.2rem;margin-top:.4rem}.form-error{background:var(--wasabi-red-soft);color:var(--wasabi-red-dark);border-radius:var(--radius);padding:.9rem 1rem;font-weight:600;margin-bottom:1.1rem;font-size:.98rem}.app{height:100%;display:flex;flex-direction:column;overflow:hidden}.app-header{background:var(--charcoal);color:#fff;display:flex;align-items:center;gap:1.2rem;padding:.9rem 1.4rem;flex-wrap:wrap;flex-shrink:0}.app-header .brand-logo{height:34px;width:auto;display:block}.site-badge{background:var(--brand-yellow);color:var(--charcoal-deep);font-weight:700;font-size:.95rem;padding:.35rem .9rem;border-radius:999px;white-space:nowrap}.pending-badge{background:var(--wasabi-red);color:#fff;font-weight:700;font-size:.85rem;padding:.3rem .8rem;border-radius:999px;white-space:nowrap}.header-spacer{flex:1}.conn{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;color:#ffffffbf}.conn .dot{width:11px;height:11px;border-radius:50%;background:var(--muted)}.conn.online .dot{background:var(--brand-yellow);box-shadow:0 0 0 4px #ffd10b33}.conn.offline .dot{background:var(--wasabi-red);box-shadow:0 0 0 4px #ea121233}.merge-toggle{display:inline-flex;align-items:center;gap:.55rem;padding:.5rem .95rem;min-height:var(--touch-min);border-radius:var(--radius);border:2px solid rgba(255,255,255,.35);color:#fff;font-weight:700;font-size:1.05rem;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.merge-toggle:hover{border-color:#fff}.merge-toggle input{width:20px;height:20px;margin:0;cursor:pointer;accent-color:var(--wasabi-red)}.merge-toggle.on{background:var(--brand-yellow);color:var(--charcoal-deep);border-color:var(--brand-yellow)}.merge-toggle.on input{accent-color:var(--charcoal-deep)}.tabs{display:flex;gap:.6rem;padding:1rem 1.4rem 0;background:var(--page-bg);flex-shrink:0}.tab{border:none;background:#e9eaec;color:var(--charcoal);font-weight:700;font-size:1.1rem;padding:0 1.5rem;min-height:58px;border-radius:var(--radius) var(--radius) 0 0;display:inline-flex;align-items:center;gap:.6rem}.tab.active{background:var(--card-bg);color:var(--wasabi-red-dark);box-shadow:0 -3px 0 var(--wasabi-red) inset}.tab .count{background:var(--wasabi-red);color:#fff;font-size:.9rem;min-width:30px;height:30px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;padding:0 .5rem}.tab.active .count{background:var(--wasabi-red)}.list-wrap{flex:1;min-height:0;padding:0 1.4rem 1.4rem;background:var(--page-bg);overflow-y:auto}.list{background:var(--card-bg);border-radius:0 var(--radius) var(--radius) var(--radius);box-shadow:var(--card-shadow);overflow:hidden}.row{display:flex;align-items:center;gap:1.2rem;padding:1.1rem 1.3rem;border-bottom:1px solid var(--border)}.row:last-child{border-bottom:none}.agg.fresh .agg-head{animation:new-order-pulse 2s ease-in-out infinite}@keyframes new-order-pulse{0%,to{background:#fff}50%{background:var(--wasabi-red)}}.agg.fresh .agg-head .name,.agg.fresh .agg-head .meta,.agg.fresh .agg-head .qty{animation:new-order-text 2s ease-in-out infinite}@keyframes new-order-text{0%,to{color:var(--charcoal)}50%{color:#fff}}.agg.leaving{opacity:0;transform:translate(40px);transition:opacity .3s ease,transform .3s ease}.row .main{flex:1;min-width:0}.row .name{font-size:1.5rem;font-weight:700;color:var(--charcoal);line-height:1.2}.row .qty{color:var(--wasabi-red-dark);font-weight:700}.row .variant{display:inline-block;margin-top:.4rem;padding:.15rem .7rem;background:var(--wasabi-red-soft);color:var(--wasabi-red-dark);border-radius:999px;font-size:1.1rem;font-weight:700;line-height:1.3}.row .meta{margin-top:.35rem;display:flex;flex-wrap:wrap;gap:.9rem;color:var(--muted);font-size:1rem}.badge{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;border-radius:999px;padding:.2rem .8rem;font-size:.9rem}.badge.belt{background:var(--charcoal);color:#fff}.badge.table{background:var(--brand-yellow);color:var(--charcoal-deep);text-transform:uppercase;letter-spacing:.02em}.badge.station-hot{background:var(--wasabi-red);color:#fff}.badge.station-cold{background:#5b6b7a;color:#fff}.station-badge{font-weight:700;font-size:.95rem;padding:.35rem .9rem;border-radius:999px;white-space:nowrap;color:#fff;background:var(--charcoal)}.station-badge.station-hot{background:var(--wasabi-red)}.station-badge.station-cold{background:#5b6b7a}.station-badge.station-all{background:var(--charcoal)}.elapsed{font-variant-numeric:tabular-nums;font-weight:700}.elapsed.warn{color:var(--wasabi-red-dark)}.btn-done{min-width:190px;min-height:76px;font-size:1.25rem;background:var(--wasabi-red);color:#fff}.btn-done:hover{background:var(--wasabi-red-dark)}.btn-done .bi{font-size:1.5rem}.agg.to-table{background:var(--table-highlight-bg);border-left:8px solid var(--table-accent)}.agg.to-table .badge.table{font-size:1rem;padding:.28rem 1rem}.breakdown-row.to-table{background:var(--table-highlight-bg);color:var(--charcoal)}.agg{border-bottom:1px solid var(--border)}.agg:last-child{border-bottom:none}.agg .row{border-bottom:none}.agg-head.expandable{cursor:pointer;-webkit-user-select:none;user-select:none}.agg-head.expandable:hover{background:var(--page-bg)}.agg-chevron{display:inline-flex;flex-shrink:0;color:var(--muted);transition:transform .22s ease}.agg-chevron.open{transform:rotate(90deg);color:var(--wasabi-red)}.badge.places{background:var(--wasabi-red-soft);color:var(--wasabi-red-dark)}.breakdown-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease}.breakdown-wrap.open{grid-template-rows:1fr}.breakdown{overflow:hidden;background:var(--page-bg)}.breakdown-row{display:flex;align-items:center;gap:.9rem;padding:.7rem 1.3rem .7rem 3.2rem;border-top:1px solid var(--border);color:var(--muted);font-size:1rem}.breakdown-row.leaving{opacity:0;transform:translate(40px);transition:opacity .3s ease,transform .3s ease}.breakdown-row .bd-qty{color:var(--wasabi-red-dark);font-weight:700;font-size:1.15rem}.breakdown-row .bd-spacer{flex:1}.btn-done.bd-done{min-width:128px;min-height:56px;font-size:1.05rem}.btn-done.bd-done .bi,.btn-done.bd-done svg{font-size:1.2rem}.state{text-align:center;color:var(--muted);padding:4rem 1.5rem}.state .icon{font-size:3.4rem;display:block;margin-bottom:.8rem;opacity:.5}.state.error{color:var(--wasabi-red-dark)}.setup-note{max-width:640px;margin:3rem auto;background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--card-shadow);padding:2rem;line-height:1.6}.setup-note code{background:var(--page-bg);padding:.15rem .4rem;border-radius:6px;font-size:.95rem}