:root{--accent:#f0a63c;--accent-hover:#e29426;--accent-soft:#fbf3e7;--accent-disabled:#f6d8a8;--accent-line:#ebc28a;--bg:#f7f6f3;--surface:#fff;--surface-muted:#f0eee9;--border:#e8e5df;--text:#262421;--text-muted:#6e6862;--success:#2e7d5b;--success-soft:#e4f0ea;--warning:#c97a22;--warning-soft:#f7ecd9;--danger:#b4442f;--danger-soft:#f6e3de;--on-accent:#fff;--radius-card:16px;--radius-ctl:11px;--radius-pill:999px;--shadow-card:0 1px 2px #0000000a;--shadow-raised:0 1px 3px #00000014;--sidebar-w:240px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}:root[data-theme=dark]{--accent:#e9a23b;--accent-hover:#f0ae4e;--accent-soft:#3a2e1c;--accent-disabled:#7a5a2e;--accent-line:#5a4423;--bg:#1a1815;--surface:#242019;--surface-muted:#2e2921;--border:#3a342b;--text:#f2eee7;--text-muted:#a8a099;--success:#4fa97f;--success-soft:#22332b;--warning:#e8952c;--warning-soft:#3a2e1c;--danger:#d96a54;--danger-soft:#3a2620;--on-accent:#1a1815;--shadow-card:0 1px 2px #00000059;--shadow-raised:0 1px 3px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-size:15px;line-height:1.5}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;font-weight:700}h1{font-size:30px}h2{font-size:19px}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.app-shell{min-height:100vh;display:flex}.main-area{margin-left:var(--sidebar-w);flex:1;max-width:1200px;padding:32px 40px 64px}.page-header{margin-bottom:28px}.page-header p{color:var(--text-muted);margin:6px 0 0}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:4px;padding:20px 14px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{text-align:center;border-bottom:1px solid var(--border);flex-direction:column;align-items:center;gap:4px;margin-bottom:8px;padding:20px 10px;display:flex}.sidebar-brand .brand-logo{width:auto;height:44px;display:block}.sidebar-brand .brand-title{color:var(--text);letter-spacing:-.01em;font-size:18px;font-weight:700}.sidebar-brand .logo{color:var(--accent);letter-spacing:-.02em;font-size:28px;font-style:italic;font-weight:700}.sidebar-brand .sub{color:var(--text-muted);font-size:12px}.nav-link{color:var(--text-muted);cursor:pointer;border-radius:12px;align-items:center;gap:11px;padding:9px 12px;font-size:14px;font-weight:500;transition:background .12s,color .12s;display:flex}.nav-link:hover{background:var(--surface-muted);color:var(--text)}.nav-link.active{background:var(--accent);color:var(--on-accent);font-weight:600}.nav-link.active:hover{background:var(--accent);color:var(--on-accent)}.nav-link .icon{flex:none;width:18px;height:18px}.nav-link.active .icon{color:var(--on-accent)}.sidebar-footer{flex-direction:column;gap:12px;margin-top:auto;padding-top:12px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:24px}.card+.card{margin-top:20px}.card-title{margin-bottom:16px;font-size:16px;font-weight:600}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.layout-split{grid-template-columns:1fr 340px;align-items:start;gap:24px;display:grid}@media (width<=900px){.grid-2,.grid-3,.layout-split{grid-template-columns:1fr}}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--text-muted);font-size:13px;font-weight:500}input,select,textarea{font:inherit;color:var(--text);background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-ctl);outline:none;padding:10px 12px;transition:border-color .12s,box-shadow .12s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input::placeholder,textarea::placeholder{color:var(--text-muted)}input[type=number]{text-align:center}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--surface-muted) inset;-webkit-text-fill-color:var(--text);caret-color:var(--text);transition:background-color 9999s ease-in-out}input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--surface-muted) inset;-webkit-text-fill-color:var(--text);caret-color:var(--text);transition:background-color 9999s ease-in-out}input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--surface-muted) inset;-webkit-text-fill-color:var(--text);caret-color:var(--text);transition:background-color 9999s ease-in-out}button{font:inherit;cursor:pointer;border:none}.btn{border-radius:var(--radius-ctl);justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:background .12s,opacity .12s;display:inline-flex}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-muted)}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover{color:var(--text);background:var(--surface-muted)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(.94)}.btn.icon-btn{padding:6px}.btn.icon-btn:hover{color:var(--danger);background:var(--danger-soft)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary:disabled,.btn-primary:disabled:hover{background:var(--accent-disabled);color:var(--on-accent);opacity:1}.btn-block{width:100%}.btn-lg{padding:13px 18px;font-size:15px}.segmented{background:var(--surface-muted);border-radius:var(--radius-pill);gap:4px;padding:4px;display:inline-flex}.segmented button{border-radius:var(--radius-pill);color:var(--text-muted);background:0 0;padding:7px 16px;font-size:14px;font-weight:500}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-raised)}.pill{border-radius:var(--radius-pill);background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-card);white-space:nowrap;align-items:center;gap:5px;padding:4px 11px;font-size:12px;font-weight:700;display:inline-flex}.pill-success{background:var(--success-soft);color:var(--success);box-shadow:none}.pill-warning{background:var(--warning-soft);color:var(--warning);box-shadow:none}.pill-danger{background:var(--danger-soft);color:var(--danger);box-shadow:none}.pill-muted{background:var(--surface-muted);color:var(--text-muted);box-shadow:none}.pill-ad{color:#1b7a5e;box-shadow:none;background:#dbede6}.pill-va{color:#45579f;box-shadow:none;background:#e3e8f6}:root[data-theme=dark] .pill-ad{color:#63c1a0;background:#1e362e}:root[data-theme=dark] .pill-va{color:#97a9e6;background:#262a40}.design-no{color:var(--accent-hover);font-weight:700}.switch{flex:none;width:42px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.switch .track{background:var(--border);border-radius:var(--radius-pill);transition:background .15s;position:absolute;inset:0}.switch .thumb{width:18px;height:18px;box-shadow:var(--shadow-raised);background:#fff;border-radius:50%;transition:transform .15s;position:absolute;top:3px;left:3px}.switch input:checked~.track{background:var(--accent)}.switch input:checked~.thumb{transform:translate(18px)}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}tbody tr:last-child td{border-bottom:none}td.num,th.num{text-align:center;font-variant-numeric:tabular-nums}.clickable-row{cursor:pointer}.dashboard-top{grid-template-columns:2fr 1fr;align-items:start;gap:24px;display:grid}@media (width<=900px){.dashboard-top{grid-template-columns:1fr}}.dashboard-row2{grid-template-columns:1fr 1.4fr;align-items:start;gap:24px;margin-top:24px;display:grid}@media (width<=900px){.dashboard-row2{grid-template-columns:1fr}}.delivery-stat{text-align:left;border:none;border-top:1px solid var(--border);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:12px 4px;display:flex}.delivery-stat:first-of-type{border-top:none}.delivery-stat:hover:not(:disabled) .delivery-label{color:var(--text)}.delivery-stat.active{background:var(--surface-muted);border-radius:var(--radius-ctl)}.delivery-stat:disabled{cursor:default;opacity:.55}.delivery-stat .delivery-label{color:var(--text-muted);font-size:14px;font-weight:600}.delivery-stat .delivery-vals{align-items:baseline;gap:10px;display:flex}.delivery-stat .delivery-num{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.delivery-stat.tone-warning .delivery-label,.delivery-stat.tone-warning .delivery-num{color:var(--warning)}.delivery-stat.tone-danger .delivery-label,.delivery-stat.tone-danger .delivery-num{color:var(--danger)}.age-tiles{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (width<=767px){.age-tiles{grid-template-columns:repeat(2,1fr)}}.age-tile{text-align:left;background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--border);border-radius:var(--radius-ctl);cursor:pointer;flex-direction:column;gap:3px;padding:12px 14px;transition:border-color .12s,box-shadow .12s;display:flex}.age-tile:hover:not(:disabled){border-color:var(--accent)}.age-tile.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.age-tile:disabled{cursor:default;opacity:.5}.age-tile .age-label{color:var(--text-muted);font-size:12px;font-weight:600}.age-tile .age-num{font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;line-height:1.1}.age-tile .age-count{color:var(--text-muted);font-size:12px}.age-tile.tone-accent{border-top-color:var(--accent)}.age-tile.tone-accent .age-num{color:var(--accent)}.age-tile.tone-warning{border-top-color:var(--warning)}.age-tile.tone-warning .age-num{color:var(--warning)}.age-tile.tone-danger{border-top-color:var(--danger)}.age-tile.tone-danger .age-num{color:var(--danger)}.cat-row{padding:8px 0}.cat-row+.cat-row{border-top:1px solid var(--border)}.cat-name{font-size:14px}.cat-bar{background:var(--surface-muted);border-radius:var(--radius-pill);height:6px;margin-top:7px;overflow:hidden}.cat-bar-fill{background:var(--accent);border-radius:var(--radius-pill);min-width:2px;height:100%}.summary-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;padding:9px 0;display:flex}.summary-row:last-child{border-bottom:none}.summary-row .label{color:var(--text-muted);font-size:14px}.summary-row .value{font-variant-numeric:tabular-nums;font-weight:600}.summary-headline{color:var(--accent);font-variant-numeric:tabular-nums;font-size:40px;font-weight:700;line-height:1.1}.delta-up{color:var(--success);font-weight:600}.delta-down{color:var(--danger);font-weight:600}.delta-zero,.muted{color:var(--text-muted)}.small{font-size:13px}.stack{flex-direction:column;gap:16px;display:flex}.row{align-items:center;gap:10px;display:flex}.row-between{justify-content:space-between;align-items:center;gap:10px;display:flex}.wrap{flex-wrap:wrap}.empty-state{border:2px dashed var(--accent-line);background:var(--accent-soft);border-radius:var(--radius-card);text-align:center;color:var(--text-muted);padding:32px}.empty-state h1,.empty-state h2,.empty-state h3,.empty-state strong{color:var(--accent-hover)}.banner{background:var(--warning-soft);color:var(--warning);border:1px solid var(--warning);border-radius:var(--radius-ctl);margin-bottom:20px;padding:12px 16px;font-size:14px}.banner-danger{background:var(--danger-soft);color:var(--danger);border-color:var(--danger)}.spinner{color:var(--text-muted);text-align:center;padding:24px}.size-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}@media (width<=560px){.size-grid{grid-template-columns:repeat(3,1fr)}}.size-cell{align-items:stretch}.size-cell label{text-align:center;color:var(--text);font-weight:600}.split-hint{text-align:center}.req{color:var(--danger);font-weight:700}.alloc-grid{grid-template-columns:56px repeat(5,minmax(52px,1fr));align-items:center;gap:12px 10px;min-width:340px;display:grid}.alloc-grid .col-head{color:var(--text-muted);text-align:center;font-size:12px;font-weight:600}.alloc-grid .row-head{color:var(--text);font-size:14px;font-weight:700}.alloc-cell{flex-direction:column;gap:4px;display:flex}.alloc-cell input{text-align:center;width:100%}.alloc-total{color:var(--accent);font-weight:700}.batch-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.batch-card{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-ctl);cursor:pointer;padding:14px 16px;transition:border-color .12s,background .12s,box-shadow .12s}.batch-card:hover{border-color:var(--accent)}.batch-card.selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent) inset}.mini-matrix{max-width:560px;font-size:13px}.mini-matrix th,.mini-matrix td{padding:6px 12px}.mini-matrix .row-head{color:var(--text);text-align:left;font-weight:700}.mini-matrix .matrix-total td{border-top:2px solid var(--border);border-bottom:none}.auth-wrap{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{width:100%;max-width:380px}.auth-brand{flex-direction:column;align-items:center;gap:8px;margin-bottom:4px;display:flex}.auth-logo{width:auto;height:56px;display:block}.auth-tagline{color:var(--accent);letter-spacing:-.01em;font-size:17px;font-weight:600}.settings-tabs{border-bottom:1px solid var(--border);gap:6px;margin-bottom:20px;display:flex}.settings-tab{color:var(--text-muted);cursor:pointer;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:10px 14px;font-size:14px;font-weight:500;display:inline-flex}.settings-tab:hover{color:var(--text)}.settings-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.settings-tab .icon{width:16px;height:16px}.btn-pill{border-radius:var(--radius-pill)}.pill-solid-danger{background:var(--danger);color:#fff;box-shadow:none}.role-pill{text-transform:lowercase}.switch.faded{opacity:.45}.table-scroll{overflow-x:auto}.row-aging-warn{background:#fdf0dc}.row-aging-danger{background:#fbe9e5}:root[data-theme=dark] .row-aging-warn{background:var(--warning-soft)}:root[data-theme=dark] .row-aging-danger{background:var(--danger-soft)}.followup-table th,.followup-table td{white-space:nowrap}.followup-table .notes-cell{white-space:normal;min-width:300px;max-width:520px;line-height:1.4}.history-table th,.history-table td{white-space:nowrap;vertical-align:middle}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}th.sortable:hover{color:var(--text)}.combobox{width:100%;position:relative}.combobox>input{width:100%}.combobox-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-ctl);max-height:240px;box-shadow:var(--shadow-raised);z-index:30;margin-top:4px;padding:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.combobox-item{text-align:left;width:100%;color:var(--text);background:0 0;border-radius:8px;padding:8px 10px;font-size:14px;display:block}.combobox-item:hover:not(:disabled){background:var(--surface-muted)}.combobox-item.active{background:var(--accent-soft);color:var(--accent-hover);font-weight:600}.combobox-item.create{color:var(--accent);font-weight:600}.combobox-item.muted{color:var(--text-muted)}.modal-backdrop{z-index:50;background:#0006;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-card{width:100%;max-width:440px;max-height:90vh;margin:0;overflow-y:auto}.kebab{display:inline-block;position:relative}.kebab-trigger{padding:6px 8px}.kebab-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-ctl);min-width:168px;box-shadow:var(--shadow-raised);z-index:20;margin-top:4px;padding:4px;position:absolute;top:100%;right:0}.kebab-item{text-align:left;width:100%;color:var(--text);background:0 0;border-radius:8px;padding:8px 10px;font-size:14px;display:block}.kebab-item:hover{background:var(--surface-muted)}.kebab-item.danger{color:var(--danger)}.mobile-header,.bottom-tabs{display:none}@media (width<=1023px){.sidebar{display:none}.main-area{max-width:none;padding:calc(66px + env(safe-area-inset-top) + 16px) 16px calc(56px + env(safe-area-inset-bottom) + 20px);margin-left:0}.mobile-header{height:calc(66px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);background:var(--surface);border-bottom:1px solid var(--border);z-index:40;justify-content:center;align-items:center;display:flex;position:fixed;inset:0 0 auto}.mobile-logo{width:auto;height:50px;display:block}.bottom-tabs{background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:40;display:flex;position:fixed;inset:auto 0 0}.bottom-tabs .tab{min-height:52px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:8px 2px 6px;font-size:11px;font-weight:500;text-decoration:none;display:flex}.bottom-tabs .tab .icon{width:22px;height:22px}.bottom-tabs .tab.active{color:var(--accent)}input,select,textarea{min-height:44px;font-size:16px}.btn{min-height:44px}.btn-lg{min-height:48px;font-size:16px}.sticky-save{bottom:calc(env(safe-area-inset-bottom) + 64px);z-index:20;box-shadow:var(--shadow-raised);position:sticky}html,body{overflow-x:hidden}h1{font-size:27px}h2{font-size:19px}.page-header{margin-bottom:20px}.settings-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.settings-tab{white-space:nowrap;flex:none}}@media (width<=767px){.modal-backdrop{align-items:flex-end;padding:0}.modal-card{width:100%;max-width:none;max-height:92vh;padding-bottom:calc(env(safe-area-inset-bottom) + 20px);border-radius:20px 20px 0 0;animation:.2s sheet-up}}.sheet-backdrop{z-index:60;background:#0006;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);width:100%;padding:8px 16px calc(env(safe-area-inset-bottom) + 16px);border-radius:20px 20px 0 0;max-height:85vh;animation:.2s sheet-up;overflow-y:auto;box-shadow:0 -4px 24px #0000002e}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{background:var(--border);border-radius:2px;width:40px;height:4px;margin:6px auto 12px}.sheet-user{border-bottom:1px solid var(--border);margin-bottom:8px;padding:6px 8px 12px}.sheet-item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:14px 8px;font-size:16px;display:flex}.sheet-item:hover{background:var(--surface-muted)}.sheet-item .icon{width:20px;height:20px}.sheet-item.danger{color:var(--danger)}.m-cards{flex-direction:column;gap:10px;display:flex}.m-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:12px 14px}.m-card .mc-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.m-card .mc-design{color:var(--accent-hover);font-size:15px;font-weight:700}.m-card .mc-line{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;font-size:13px;display:flex}.m-card .mc-line .strong{color:var(--text);font-weight:700}.m-card .mc-notes{color:var(--text-muted);margin-top:6px;font-size:13px}.m-card .mc-expand{border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.m-card .icon-btn{padding:6px}@media (width<=1023px){:root{--accent:#f7b01a;--accent-hover:#e7a20d}:root[data-theme=dark]{--accent:#f7b01a;--accent-hover:#f3ac14}body{font-size:16.5px}.small,.muted.small,.small.muted{font-size:14px}.field label{font-size:14.5px;font-weight:600}table{font-size:15px}th{font-size:12.5px}.pill{font-size:13px}.card-title{font-size:18px}.page-header p,.summary-row .label{font-size:15px}.summary-row .value{font-size:16px}.settings-tab{font-size:15px}.bottom-tabs .tab{font-size:12px;font-weight:700}.m-card .mc-design{font-size:18px}.m-card .mc-line{font-size:15px;font-weight:500}.m-card .mc-notes{font-size:14px}.age-tile .age-label{font-size:13px}.age-tile .age-num{font-size:28px}.age-tile .age-count{font-size:13px}.delivery-stat .delivery-label{font-size:15px}.delivery-stat .delivery-num{font-size:22px}.cat-name{font-size:15px}.sheet-item{font-size:17px}.sheet-user{font-size:15px}}