:root{--gold:#deb773;--gold-deep:#c79b4f;--gold-ink:#3c2f12;--terra:#9c5a53;--terra-deep:#84453f;--green:#3f9a63;--green-deep:#2f7d4f;--red:#c8493a;--red-deep:#a93a2d;--accent:var(--gold);--accent-deep:var(--gold-deep);--accent-ink:var(--gold-ink);--tint:rgba(222,183,115,0.16);--radius:16px;--radius-sm:11px;--radius-lg:22px;--ease:cubic-bezier(0.2,0.7,0.2,1);--font:"Mulish",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--gap:20px;--gap-lg:28px;--bg:#201d19;--bg-2:#191714;--surface:#2a2622;--surface-2:#322d27;--ink:#f3ede3;--ink-2:#b3a896;--ink-3:#8a7f6f;--line:#3c352d;--line-strong:#4c443a;--header:#18150f;--header-ink:#f3efe8;--header-ink-2:#9b9180;--shadow:0 1px 2px rgba(0,0,0,0.3),0 8px 24px rgba(0,0,0,0.35);--shadow-lg:0 4px 12px rgba(0,0,0,0.4),0 24px 60px rgba(0,0,0,0.55);--panel:var(--surface);--panel-2:var(--surface-2);--text:var(--ink);--muted:var(--ink-2);--border:var(--line);--success:var(--green);--error:var(--red);--warning:var(--gold-deep)}[data-theme=light]{--bg:#f4efe8;--bg-2:#ece4d8;--surface:#ffffff;--surface-2:#f7f3ec;--ink:#2c2926;--ink-2:#6e655a;--ink-3:#9a9085;--line:#e6ddd0;--line-strong:#d6cbb9;--header:#333333;--header-ink:#f3efe8;--header-ink-2:#b3a89a;--shadow:0 1px 2px rgba(45,38,30,0.05),0 8px 24px rgba(45,38,30,0.06);--shadow-lg:0 4px 12px rgba(45,38,30,0.08),0 24px 60px rgba(45,38,30,0.12)}*{box-sizing:border-box}.btn,.nav-links a,.setting-row,.stat-card,.station-card,.switch,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:18px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent-deep)}h1,h2,h3{letter-spacing:-.015em}.container{max-width:1280px;margin:0 auto;padding:36px 32px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 32px;min-height:84px;background:var(--header);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow);flex-wrap:wrap}.topbar,.topbar .who{color:var(--header-ink)}.topbar .who{font-size:20px;font-weight:800}.topbar .station{color:var(--header-ink-2);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.brand-mark{display:flex;align-items:center;gap:18px}.brand-divider{width:1px;height:36px;background:rgba(255,255,255,.14)}.row{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font);font-size:18px;font-weight:700;letter-spacing:.005em;padding:16px 24px;min-height:60px;border-radius:var(--radius-sm);border:1.5px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer;white-space:nowrap;transition:transform .12s var(--ease),filter .15s var(--ease),background .15s,border-color .15s}.btn:hover{filter:brightness(1.06)}.btn:active{transform:scale(.975)}.btn:disabled{opacity:.4;cursor:not-allowed;filter:none;transform:none}.btn-lg{font-size:23px;padding:22px 34px;min-height:76px;border-radius:var(--radius)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:var(--accent-deep);border-color:var(--accent-deep);filter:none}.btn-success{background:var(--green);border-color:var(--green);color:#fff}.btn-success:hover{background:var(--green-deep);filter:none}.btn-danger{background:transparent;border-color:var(--red);color:#e98a7d}.btn-danger:hover{background:var(--red);border-color:var(--red);color:#fff}.btn-warning{background:transparent;border-color:var(--gold-deep);color:var(--gold)}.btn-warning:hover{background:var(--gold);border-color:var(--gold);color:var(--gold-ink)}.btn-help{background:rgba(222,183,115,.12);border-color:rgba(222,183,115,.4);color:var(--gold)}.btn-help:hover{background:var(--gold);border-color:var(--gold);color:var(--gold-ink);filter:none}.scan-field{width:100%;font-family:var(--font);font-weight:700;font-size:30px;padding:26px 28px;min-height:88px;border-radius:var(--radius);border:2.5px solid var(--accent);background:var(--surface);color:var(--ink);outline:none;box-shadow:0 0 0 6px var(--tint)}.scan-field::placeholder{color:var(--ink-3);font-weight:600}.prompt{font-size:40px;font-weight:800;letter-spacing:-.02em;margin:12px 0 28px}.feedback{display:flex;align-items:center;justify-content:center;gap:12px;font-size:26px;font-weight:800;padding:22px 26px;border-radius:var(--radius);margin:22px 0;text-align:center}.feedback-success{background:color-mix(in srgb,var(--green) 14%,var(--surface));color:#8fd6a8;border:2px solid var(--green)}.feedback-error{background:color-mix(in srgb,var(--red) 14%,var(--surface));color:#ef9d90;border:2px solid var(--red)}.feedback-info{background:var(--tint);color:var(--gold);border:2px solid var(--accent)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px;margin-bottom:var(--gap)}.station-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:var(--gap);gap:var(--gap);margin-top:var(--gap-lg)}.station-card{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:30px;text-align:center;cursor:pointer;font-size:24px;font-weight:800;color:var(--ink);transition:border-color .15s,transform .12s var(--ease)}.station-card:hover{border-color:var(--accent);transform:translateY(-2px)}.station-card:active{transform:scale(.99)}.station-card small{display:block;color:var(--ink-2);font-weight:500;font-size:15px;margin-top:8px}table{width:100%;border-collapse:collapse;font-size:17px}td,th{text-align:left;padding:14px 12px;border-bottom:1px solid var(--line)}th{color:var(--ink-3);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.pack-table td,.pack-table th{padding:18px 14px;font-size:18px}.line-done{color:#8fd6a8;font-weight:800}.line-remaining{color:var(--gold);font-weight:800}.badge{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:999px;font-size:14px;font-weight:800;letter-spacing:.02em;white-space:nowrap;border:1.5px solid var(--line-strong);background:var(--surface-2);color:var(--ink-2)}.badge-completed{color:#8fd6a8;border-color:color-mix(in srgb,var(--green) 45%,transparent);background:color-mix(in srgb,var(--green) 14%,var(--surface))}.badge-packing{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 50%,transparent);background:color-mix(in srgb,var(--gold) 16%,var(--surface))}.badge-open{color:var(--ink-2)}.badge-blocked,.badge-cancelled{color:#ef9d90;border-color:color-mix(in srgb,var(--red) 45%,transparent);background:color-mix(in srgb,var(--red) 14%,var(--surface))}.badge-paused{color:var(--terra);border-color:color-mix(in srgb,var(--terra) 55%,transparent);background:color-mix(in srgb,var(--terra) 16%,var(--surface))}.muted{color:var(--ink-2)}.shelf-tag{display:inline-block;margin-left:12px;padding:5px 13px;border-radius:9px;background:var(--tint);color:var(--gold);font-size:16px;font-weight:800;vertical-align:middle}.stats-wrap{margin-top:30px}.stats-hello{font-size:24px;font-weight:800;margin-bottom:16px;color:var(--ink)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:var(--gap);gap:var(--gap)}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px;text-align:center}.stat-card-ath{border-color:color-mix(in srgb,var(--gold) 45%,var(--line));background:linear-gradient(180deg,rgba(222,183,115,.1),var(--surface))}.stat-icon{font-size:30px;line-height:1}.stat-value{font-size:52px;font-weight:900;letter-spacing:-.02em;margin:8px 0 6px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-card-ath .stat-value,.stat-value{color:var(--gold)}.stat-label{font-size:16px;color:var(--ink-2);font-weight:700;display:flex;flex-direction:column;gap:2px}.stat-sub{font-size:13px;color:var(--ink-3);font-weight:500}.goal-box{margin-top:var(--gap);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 26px}.goal-head{display:flex;justify-content:space-between;font-weight:800;font-size:18px;margin-bottom:12px}.goal-track{height:14px;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;overflow:hidden}.goal-fill{height:100%;background:var(--gold);border-radius:999px;transition:width .45s var(--ease)}.goal-fill-done{background:var(--green)}.ministat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:14px;gap:14px;margin-top:16px}.ministat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:16px;text-align:center}.ministat-icon{font-size:22px}.ministat-value{display:block;font-size:28px;font-weight:900;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ministat-label{font-size:13px;color:var(--ink-2)}.next-banner{margin-top:16px;padding:18px 22px;border-radius:var(--radius);background:var(--tint);border:2px solid var(--accent);font-size:19px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.next-banner .next-loc{margin-left:12px;font-weight:800;color:var(--gold)}.next-banner .next-qty{margin-left:12px;color:var(--ink-2)}.row-next{background:var(--tint)}.next-tag{display:inline-block;margin-left:8px;padding:2px 9px;border-radius:7px;background:var(--gold);color:var(--gold-ink);font-size:11px;font-weight:900;letter-spacing:.06em;vertical-align:middle}.thumb{width:52px;height:52px;border-radius:10px;object-fit:cover;display:block}.thumb-fallback{font-weight:900;font-size:13px;color:#fff;letter-spacing:.5px;border:1px solid var(--line-strong)}.modal-overlay,.thumb-fallback{display:flex;align-items:center;justify-content:center}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.62);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50}.modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:30px;width:min(560px,92vw)}.modal h2{margin-top:0}label{display:block;margin:12px 0 5px;font-weight:700;color:var(--ink-2)}input,select{width:100%;font-family:var(--font);font-size:17px;padding:14px 16px;min-height:52px;border-radius:var(--radius-sm);border:1.5px solid var(--line-strong);background:var(--surface-2);color:var(--ink)}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--tint)}.nav-links{display:flex;gap:14px;margin-bottom:24px;flex-wrap:wrap}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 4px;border-bottom:1px solid var(--line);cursor:pointer}.setting-row:last-child{border-bottom:none}.setting-label{font-size:18px;font-weight:700}.setting-hint{font-size:14px;color:var(--ink-2);margin-top:2px}.switch{width:72px;height:40px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line-strong);position:relative;cursor:pointer;flex:0 0 auto;transition:background .15s ease}.switch-on{background:var(--green);border-color:var(--green)}.switch-knob{position:absolute;top:3px;left:3px;width:32px;height:32px;border-radius:50%;background:#fff;transition:transform .15s ease}.switch-on .switch-knob{transform:translateX(32px)}.stepper{display:flex;align-items:center;gap:8px}.stepper .btn{min-width:56px;min-height:56px;font-size:26px;padding:0}.stepper-input{width:96px;text-align:center}.alert-row{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.alert-chip{background:var(--surface);border:1.5px solid var(--line-strong);border-radius:999px;padding:10px 18px;font-weight:800;color:var(--ink-2)}.alert-chip-red{background:color-mix(in srgb,var(--red) 16%,var(--surface));border-color:var(--red);color:#ef9d90}.alert-chip-amber{background:color-mix(in srgb,var(--gold) 18%,var(--surface));border-color:var(--gold);color:var(--gold)}.help-line{padding:8px 0;border-bottom:1px solid var(--line)}.board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:var(--gap);gap:var(--gap);margin-top:var(--gap)}.board-card{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.board-active{border-color:color-mix(in srgb,var(--green) 55%,var(--line))}.board-idle{border-color:var(--red)}.board-free{opacity:.7}.dot{width:14px;height:14px;border-radius:50%;display:inline-block}.dot-active{background:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 25%,transparent)}.dot-idle{background:var(--red);box-shadow:0 0 0 4px color-mix(in srgb,var(--red) 25%,transparent)}.dot-free{background:var(--ink-3)}.board-emp{font-size:18px;font-weight:800;margin-top:12px}.board-activity{font-size:13px;color:var(--ink-2);margin-top:2px}.board-activity-alert{color:#ef9d90;font-weight:800}.board-order{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}.badge-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.achv{display:flex;align-items:center;gap:8px;padding:9px 15px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink-3);opacity:.55}.achv-earned{opacity:1;border-color:var(--gold);background:color-mix(in srgb,var(--gold) 14%,var(--surface));color:var(--gold)}.achv-icon{font-size:20px}.achv-label{font-weight:800;font-size:14px}.lb-line{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}.lb-rank{width:32px;font-weight:900;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lb-name{flex:1 1}.lb-items{font-weight:800;color:var(--gold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:100}.confetti-piece{position:absolute;top:-40px;width:10px;height:16px;border-radius:2px;background:linear-gradient(180deg,var(--gold),var(--gold-deep));box-shadow:0 0 8px rgba(222,183,115,.7);opacity:.95;animation-name:confetti-fall;animation-timing-function:linear;animation-iteration-count:1}@keyframes confetti-fall{0%{transform:translateY(-40px) rotate(0deg);opacity:1}to{transform:translateY(105vh) rotate(540deg);opacity:0}}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px;border:3px solid var(--bg)}::-webkit-scrollbar-track{background:transparent}:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:2px}