:root{--bg: #F4F6FA;--surface: #ffffff;--surface-2: #F8FAFC;--ink: #101828;--ink-2: #475467;--ink-3: #667085;--line: #E4E8F0;--line-2: #CFD6E4;--brand: #2E3E4E;--accent: #0B7A55;--accent-ink: #ffffff;--accent-soft: #E7F3EE;--up: #0B7A55;--up-soft: rgba(11,122,85,.12);--down: #C2402A;--down-soft: rgba(194,64,42,.12);--danger: #C2402A;--danger-soft: #FAECE8;--warn: #9A6B00;--warn-soft: #FAF3E0;--s1: #2a78d6;--s2: #008300;--s3: #e87ba4;--s4: #eda100;--s5: #1baf7a;--s6: #eb6834;--s7: #4a3aa7;--s8: #e34948;--grid: #E4E8F0;--series-muted: #B4BECD;--radius: 16px;--radius-sm: 10px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--shadow: 0 1px 2px rgba(16,24,40,.04), 0 8px 24px rgba(16,24,40,.06);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, monospace}:root[data-theme=dark]{--bg: #0E1622;--surface: #161F2E;--surface-2: #1B2637;--ink: #F1F5FB;--ink-2: #8695AD;--ink-3: #82909F;--line: #263349;--line-2: #33415C;--brand: #2E3E4E;--accent: #34D399;--accent-ink: #08130D;--accent-soft: #123027;--up: #34D399;--up-soft: rgba(52,211,153,.14);--down: #FB7185;--down-soft: rgba(251,113,133,.14);--danger: #FB7185;--danger-soft: #3A1F1B;--warn: #FBBF24;--warn-soft: #33290F;--s1: #3987e5;--s2: #008300;--s3: #d55181;--s4: #c98500;--s5: #199e70;--s6: #d95926;--s7: #9085e9;--s8: #e66767;--grid: #1E2A3C;--series-muted: #3A4A63;--shadow: 0 10px 26px rgba(0,0,0,.22)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--ink);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}input,select,textarea{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}.app{display:flex;min-height:100dvh;flex-direction:column}.app-main{flex:1;padding:var(--sp-4);padding-bottom:84px;max-width:1080px;width:100%;margin:0 auto}.nav{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;justify-content:space-around;background:var(--surface);border-top:1px solid var(--line);padding:var(--sp-1) var(--sp-2) calc(var(--sp-1) + env(safe-area-inset-bottom))}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:52px;min-height:48px;justify-content:center;flex:1;max-width:84px;border-radius:var(--radius-sm);color:var(--ink-3);font-size:11px;font-weight:600}.nav-item svg{width:22px;height:22px}.nav-item.active{color:var(--accent)}.nav-brand{display:none}@media (min-width: 900px){.app{flex-direction:row}.nav{position:sticky;top:0;bottom:auto;height:100dvh;width:216px;flex-direction:column;justify-content:flex-start;gap:var(--sp-1);border-top:0;border-right:1px solid var(--line);padding:var(--sp-5) var(--sp-3)}.nav-item{flex-direction:row;gap:var(--sp-3);justify-content:flex-start;width:100%;max-width:none;flex:initial;padding:0 var(--sp-3);min-height:44px;font-size:14px}.nav-item.active{background:var(--accent-soft)}.nav-brand{display:block;font-weight:700;font-size:17px;letter-spacing:-.02em;padding:0 var(--sp-3);margin-bottom:var(--sp-5)}.nav-brand .dot{color:var(--accent)}.app-main{padding:var(--sp-6);padding-bottom:var(--sp-6)}}.h1{font-size:24px;font-weight:700;letter-spacing:-.02em}.h2{font-size:17px;font-weight:650;letter-spacing:-.01em}.muted{color:var(--ink-2)}.small{font-size:13px}.tiny{font-size:11px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;font-weight:650}.mono{font-family:var(--mono);font-size:.92em}.big-number{font-size:38px;font-weight:700;letter-spacing:-.03em;line-height:1.1}.page-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-5);flex-wrap:wrap}.card{background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-4) 17px;box-shadow:var(--shadow)}.card+.card{margin-top:var(--sp-4)}.grid{display:grid;gap:var(--sp-4);margin-bottom:var(--sp-4)}.grid.cols-2{grid-template-columns:1fr 1fr}.grid.cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 640px){.grid.cols-3{grid-template-columns:1fr 1fr}}.grid>.card{height:100%;margin-top:0;display:flex;flex-direction:column;align-items:stretch}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;min-height:30px;margin-bottom:var(--sp-3)}.card-head-actions{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.card.stat{justify-content:flex-start;text-align:left;gap:2px}.card.stat .big-number{margin-top:2px}.card.stat .big-number.is-empty{color:var(--ink-3);font-weight:600}.card.stat .stat-hint{margin-top:2px}.card.stat.tappable{cursor:pointer;transition:border-color .12s,background .12s}.card.stat.tappable:hover{border-color:var(--line-2);background:var(--accent-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:44px;padding:0 var(--sp-4);border-radius:var(--radius-sm);font-weight:650;font-size:15px;border:1px solid var(--line-2);background:var(--surface);transition:background .12s,opacity .12s;-webkit-tap-highlight-color:transparent}.btn:active{opacity:.75}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.danger{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.btn.ghost{border-color:transparent;color:var(--accent)}.btn.big{min-height:54px;font-size:17px;width:100%}.btn.small{min-height:34px;font-size:13px;padding:0 var(--sp-3)}.btn:disabled{opacity:.45;cursor:default}.input,select.input,textarea.input{width:100%;min-height:44px;padding:0 var(--sp-3);border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--surface);outline:none}textarea.input{padding:var(--sp-3);min-height:72px}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field{display:flex;flex-direction:column;gap:var(--sp-1);margin-bottom:var(--sp-3)}.field>label{font-size:13px;font-weight:650;color:var(--ink-2)}.search-wrap{position:relative;flex:1;min-width:200px}.search-wrap svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--ink-3)}.search-wrap .input{padding-left:38px}.rows{display:flex;flex-direction:column}.row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--line);min-height:56px;text-align:left;width:100%}.row:last-child{border-bottom:0}.row-main{flex:1;min-width:0}.row-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-sub{font-size:13px;color:var(--ink-2)}.row-end{text-align:right;flex-shrink:0}.dispatch-row{align-items:flex-start;gap:var(--sp-2)}.dispatch-row .row-main{text-align:left;padding:0;background:none;border:0;align-self:stretch;cursor:pointer}.dispatch-row .row-main:hover .row-title{color:var(--accent)}.dispatch-row .row-title{white-space:normal}.dispatch-pick{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:-10px 0 -10px -12px;cursor:pointer;border-radius:var(--radius-sm)}.dispatch-pick:hover{background:var(--accent-soft)}.dispatch-pick input{width:18px;height:18px;margin:0;cursor:pointer;accent-color:var(--accent)}.dispatch-end{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0;text-align:right}@media (max-width: 420px){.dispatch-end{font-size:14px}.dispatch-end .badge{font-size:11px}}table.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);font-weight:650;padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--line)}.tbl td{padding:var(--sp-3);border-bottom:1px solid var(--line)}.tbl tr:last-child td{border-bottom:0}.tbl .num{text-align:right;font-variant-numeric:tabular-nums}.tbl-scroll{overflow-x:auto}.badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:650;padding:2px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.neutral{background:var(--line);color:var(--ink-2)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14161466;z-index:50;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--surface);width:100%;max-width:560px;border-radius:var(--radius) var(--radius) 0 0;padding:var(--sp-5);max-height:88dvh;overflow-y:auto;animation:slide-up .18s ease-out}@media (min-width: 900px){.sheet-backdrop{align-items:center}.sheet{border-radius:var(--radius)}}@keyframes slide-up{0%{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-4)}.toast{position:fixed;bottom:92px;left:50%;transform:translate(-50%);z-index:80;display:flex;align-items:center;gap:var(--sp-3);background:var(--surface);color:var(--ink);border:1px solid var(--line-2);border-left:4px solid var(--up);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);font-weight:600;font-size:14px;max-width:92vw;text-align:left;box-shadow:0 12px 32px #00000047;animation:slide-up .18s ease-out}.toast .toast-ic{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--up-soft);color:var(--up)}.toast.danger{border-left-color:var(--down)}.toast.danger .toast-ic{background:var(--down-soft);color:var(--down)}.toast button{color:var(--accent);text-decoration:underline;font-weight:700}@media (min-width: 900px){.toast{bottom:var(--sp-6)}}.skel{background:linear-gradient(90deg,var(--line) 25%,var(--line-2) 50%,var(--line) 75%);background-size:200% 100%;animation:shimmer 1.1s infinite linear;border-radius:var(--radius-sm);min-height:16px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty{text-align:center;padding:var(--sp-7) var(--sp-4);color:var(--ink-2)}.empty .h2{color:var(--ink);margin-bottom:var(--sp-2)}.login-wrap{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--sp-4)}.login-card{width:100%;max-width:380px}.login-brand{font-size:28px;font-weight:700;letter-spacing:-.03em;text-align:center;margin-bottom:var(--sp-6)}.login-brand .dot{color:var(--accent)}.pos-cart-bar{position:fixed;bottom:64px;left:0;right:0;z-index:25;padding:var(--sp-3);max-width:1080px;margin:0 auto}@media (min-width: 900px){.pos-cart-bar{position:sticky;bottom:0;padding:var(--sp-3) 0}}.qty-stepper{display:inline-flex;align-items:center;gap:var(--sp-2)}.qty-stepper button{width:40px;height:40px;border:1px solid var(--line-2);border-radius:var(--radius-sm);font-size:19px;font-weight:700;background:var(--surface)}.qty-stepper span{min-width:28px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}@media print{body{background:#fff}.nav,.no-print,.toast{display:none!important}.app-main{padding:0;max-width:none}.print-sheet{width:100%}}.receipt-80mm{max-width:300px;margin:0 auto;font-size:12px;font-family:var(--mono)}.nav-badge{position:absolute;top:-6px;right:-10px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center}.appbar{display:flex;align-items:center;gap:var(--sp-2)}.bell{position:relative;width:40px;height:40px;border-radius:var(--radius-sm);border:1px solid var(--line-2);background:var(--surface);display:inline-flex;align-items:center;justify-content:center}.bell .dot{position:absolute;top:6px;right:6px;min-width:15px;height:15px;padding:0 3px;border-radius:999px;background:var(--danger);color:#fff;font-size:9px;font-weight:700;line-height:15px;text-align:center}.notif-panel{position:fixed;top:56px;right:12px;z-index:60;width:min(380px,92vw);max-height:70dvh;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 40px #0000002e}.notif-row{display:block;width:100%;text-align:left;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line)}.notif-row:last-child{border-bottom:0}.notif-row.unread{background:var(--accent-soft)}.notif-row .t{font-weight:600;font-size:14px}.notif-row .b{font-size:13px;color:var(--ink-2)}.filter-bar{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-4)}.filter-sep{width:1px;height:24px;background:var(--line-2);margin:0 var(--sp-1)}.held-note{color:var(--warn);font-weight:600}.route-row{align-items:flex-start;gap:var(--sp-3);flex-wrap:wrap}.route-actions{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:center}.route-row.urgent{border-left:3px solid var(--danger);padding-left:var(--sp-3)}.pool-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:650}.cart-row{flex-wrap:wrap;row-gap:var(--sp-2);min-height:48px}.cart-row .row-main{min-width:0}.cart-row .row-title{white-space:normal}.cart-line-total{min-width:84px}.btn.small.cart-remove{min-height:44px;min-width:44px;padding:0}@media (max-width: 560px){.cart-row .row-main{flex:1 1 100%}.cart-row .qty-stepper{margin-left:auto}.cart-line-total{order:-1;min-width:0}}.cart-total{display:flex;justify-content:space-between;align-items:baseline;margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--line);font-size:15px}.cart-total strong{font-size:20px;font-weight:700;letter-spacing:-.02em}.add-chip{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:var(--accent-soft);color:var(--accent);flex:none}.row:hover .add-chip{background:var(--accent);color:var(--accent-ink)}.pay-summary{display:flex;justify-content:space-between;align-items:baseline;padding:var(--sp-3) 0;border-bottom:1px solid var(--line);margin-bottom:var(--sp-3)}.pay-summary strong{font-size:22px;font-weight:700;letter-spacing:-.02em}.steps{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-4);font-size:13px;color:var(--ink-3)}.steps li{display:flex;align-items:center;gap:6px;font-weight:600}.steps li+li:before{content:"";width:18px;height:1px;background:var(--line-2);margin-right:6px}.steps .n{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;font-size:11px;font-weight:700;border:1px solid var(--line-2);background:var(--surface);color:var(--ink-3)}.steps li.active{color:var(--ink)}.steps li.active .n{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.steps li.done{color:var(--ink-2)}.steps li.done .n{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.chart{--bar-w: 68px;--bar-gap: 10px;margin-top:auto;padding-top:var(--sp-2)}.chart-plot{display:flex;align-items:flex-end;justify-content:flex-start;gap:var(--bar-gap);border-bottom:1px solid var(--line-2)}.chart-col{flex:1 1 0;max-width:var(--bar-w);min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch}.chart-val{font-size:11px;font-weight:650;color:var(--ink-2);text-align:center;line-height:1.3;padding-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-bar{background:var(--accent);border-radius:5px 5px 0 0;min-height:3px;transition:height .25s cubic-bezier(.16,1,.3,1)}.chart-col:hover .chart-bar{filter:brightness(1.08)}.chart-axis{display:flex;gap:var(--bar-gap);margin-top:6px}.chart-axis span{flex:1 1 0;max-width:var(--bar-w);min-width:0;text-align:center;font-size:10px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-empty{margin-top:auto;display:flex;align-items:center;justify-content:center;min-height:120px;border-top:1px solid var(--line);text-align:center}@media (max-width: 640px){.chart{--bar-w: 52px;--bar-gap: 8px}}.spark{display:block;width:100%;height:40px}.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--ink-2);margin-top:8px}.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:4px;vertical-align:middle}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:40;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:0 8px 24px #00000026;min-width:160px;overflow:hidden}.dropdown-menu button{display:block;width:100%;text-align:left;padding:10px 14px;font-size:14px}.dropdown-menu button:hover{background:var(--accent-soft)}.install-hint{position:fixed;bottom:78px;left:12px;right:12px;z-index:70;background:var(--ink);color:#fff;border-radius:var(--radius);padding:var(--sp-3) var(--sp-4);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);box-shadow:0 8px 30px #0000004d;animation:slide-up .2s ease-out}@media (min-width: 900px){.install-hint{display:none}}.spin{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:rot .7s linear infinite;vertical-align:-2px}@keyframes rot{to{transform:rotate(360deg)}}.kpi{display:flex;flex-direction:column;gap:2px}.kpi-lab{font-size:11.5px;color:var(--ink-2);text-transform:uppercase;letter-spacing:.6px;font-weight:650;display:flex;align-items:center;gap:7px}.kpi-ic{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;flex:none;color:var(--ink)}.kpi-val{font-size:27px;font-weight:700;margin:7px 0 2px;letter-spacing:.3px;line-height:1.15}.kpi-val.is-empty{color:var(--ink-3);font-weight:600;font-size:24px}.kpi-val .unit{font-size:14px;color:var(--ink-2);font-weight:600}.kpi-mini{font-size:11.5px;color:var(--ink-3);margin-top:3px}.kpi-spark{margin-top:8px;display:block;width:100%;height:30px}.delta{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;font-size:12px;font-weight:650;padding:2px 8px;border-radius:20px}.delta.up{color:var(--up);background:var(--up-soft)}.delta.down{color:var(--down);background:var(--down-soft)}.delta.flat{color:var(--ink-2);background:var(--line)}.viz{margin-top:var(--sp-2)}.viz svg{display:block;width:100%;overflow:visible}.viz-empty{min-height:150px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--ink-3);font-size:13px;border-top:1px solid var(--line);margin-top:auto}.legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:12px}.legend span{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink-2)}.legend i{width:10px;height:10px;border-radius:3px;flex:none}.legend b{color:var(--ink);font-weight:650}.rank{display:flex;flex-direction:column;gap:13px;margin-top:14px}.rank-head{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;margin-bottom:5px}.rank-head b{font-weight:700}.hbar{height:10px;border-radius:6px;background:var(--grid);overflow:hidden}.hbar>i{display:block;height:100%;border-radius:6px;transition:width .35s cubic-bezier(.16,1,.3,1)}.aging{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0 4px}.aging-col{text-align:center}.aging-plot{height:70px;display:flex;align-items:flex-end;justify-content:center}.aging-plot i{width:60%;border-radius:6px 6px 0 0;min-height:3px;display:block}.aging-lab{font-size:11px;color:var(--ink-3);margin-top:4px}.aging-val{font-size:12px;font-weight:700}.marg{font-size:11px;font-weight:700;padding:3px 8px;border-radius:20px;white-space:nowrap}.marg.good{color:var(--up);background:var(--up-soft)}.marg.mid{color:var(--warn);background:var(--warn-soft)}.marg.low{color:var(--down);background:var(--down-soft)}.marg.none{color:var(--ink-3);background:var(--line)}.viz-wrap{position:relative}.viz-tip{position:absolute;pointer-events:none;z-index:5;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius-sm);padding:7px 10px;box-shadow:var(--shadow);font-size:12px;white-space:nowrap;transform:translate(-50%,-115%)}.viz-tip .t{color:var(--ink-2)}.viz-tip .v{color:var(--ink);font-weight:700}.viz-hit{fill:transparent;cursor:crosshair}.viz-seg{transition:opacity .12s}.viz-wrap:hover .viz-seg{opacity:.55}.viz-wrap .viz-seg.on,.viz-wrap:not(:hover) .viz-seg{opacity:1}h2.section{font-size:13px;color:var(--ink-2);margin:26px 2px 12px;letter-spacing:.5px;text-transform:uppercase;font-weight:650}.grid.m2{grid-template-columns:1.6fr 1fr}.grid.m3{grid-template-columns:1.2fr 1fr 1fr}.grid.k4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1050px){.grid.k4{grid-template-columns:repeat(2,1fr)}.grid.m2,.grid.m3{grid-template-columns:1fr}}@media (max-width: 560px){.grid.k4{grid-template-columns:1fr}.kpi-val{font-size:24px}}.type-picker,.settle-picker{display:grid;gap:var(--sp-3);grid-template-columns:1fr 1fr}.settle-picker{grid-template-columns:repeat(3,1fr)}@media (max-width: 620px){.type-picker,.settle-picker{grid-template-columns:1fr}}.type-card,.settle-card{display:flex;flex-direction:column;gap:3px;text-align:left;padding:var(--sp-4);border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--surface);min-height:44px;transition:border-color .12s,background .12s,box-shadow .12s}.type-card:hover,.settle-card:hover{border-color:var(--accent)}.type-card.on,.settle-card.on{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent) inset}.type-ic{font-size:22px;line-height:1;margin-bottom:4px}.type-name,.settle-name{font-weight:650;font-size:15px}.type-sub,.settle-sub{font-size:12.5px;color:var(--ink-2);line-height:1.35}.balance-note{display:flex;align-items:baseline;gap:6px;margin-bottom:var(--sp-3);padding:var(--sp-3);border-radius:var(--radius-sm);background:var(--warn-soft);color:var(--warn);font-size:13px;font-weight:600}.balance-note strong{font-size:17px;font-weight:700}.bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-3);padding:var(--sp-3);border-radius:var(--radius-sm);background:var(--accent-soft);border:1px solid var(--accent);font-size:13px}.bulk-bar strong{font-size:15px}.bulk-actions{display:flex;gap:var(--sp-2);flex-wrap:wrap}.pick-all{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--ink-2);cursor:pointer;min-height:34px}.pick-all input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.dispatch-actions{display:flex;gap:var(--sp-2);align-items:center;flex:none}@media (max-width: 720px){.dispatch-row{flex-wrap:wrap}.dispatch-actions{width:100%;justify-content:flex-end;margin-top:var(--sp-2)}}.section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;margin:26px 2px 12px}.section-head h2.section{margin:0}.section-head-actions{display:flex;gap:var(--sp-2);flex-wrap:wrap}.card-sub{font-size:13px;color:var(--ink-2);margin:-8px 0 4px}.rank-head span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-head b{flex:none}.notif-row{border-left:3px solid transparent}.notif-row.sev-warning{border-left-color:var(--warn)}.notif-row.sev-urgent{border-left-color:var(--down)}.notif-row .t{display:flex;align-items:center;gap:6px}.sev-dot{flex:none;width:16px;height:16px;border-radius:50%;background:var(--down-soft);color:var(--down);font-size:10px;font-weight:800;display:grid;place-items:center}.bell .dot.urgent{background:var(--down)}.notif-cat{margin-top:var(--sp-5)}.notif-cat:first-of-type{margin-top:0}.notif-setting{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.notif-setting:last-child{border-bottom:0}.notif-setting-main{flex:1;min-width:0}.notif-setting-name{font-weight:600;font-size:14px}.notif-setting-sub{font-size:12px;color:var(--ink-2)}.sev-tag{font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:20px;text-transform:uppercase;letter-spacing:.04em}.sev-tag.info{background:var(--line);color:var(--ink-2)}.sev-tag.warning{background:var(--warn-soft);color:var(--warn)}.sev-tag.urgent{background:var(--down-soft);color:var(--down)}.switch{position:relative;display:inline-flex;flex:none;cursor:pointer}.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.switch i{width:42px;height:24px;border-radius:999px;background:var(--line-2);display:block;transition:background .15s;position:relative}.switch i:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--surface);transition:transform .15s;box-shadow:0 1px 3px #0000004d}.switch input:checked+i{background:var(--accent)}.switch input:checked+i:after{transform:translate(18px)}.switch input:focus-visible+i{box-shadow:0 0 0 3px var(--accent-soft)}.hist-banner{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-4);border:1px solid var(--line-2);border-left:4px solid var(--s7);border-radius:var(--radius-sm);background:var(--surface-2);font-size:13px;color:var(--ink-2)}.hist-banner strong{color:var(--ink)}.guide-section{max-width:78ch}.guide-p{margin:0 0 var(--sp-3);line-height:1.6;color:var(--ink-2)}.guide-p:last-child{margin-bottom:0}.guide-p strong{color:var(--ink);font-weight:650}.guide-list{margin:0 0 var(--sp-3) var(--sp-4);line-height:1.6;color:var(--ink-2)}.guide-list li{margin-bottom:var(--sp-1)}.guide-list strong{color:var(--ink);font-weight:650}.guide-sub{font-size:15px}.guide-hr{border:0;border-top:1px solid var(--line);margin:var(--sp-4) 0}.guide-mark{background:var(--accent-soft);color:var(--accent);border-radius:3px;padding:0 2px;font-weight:650}.purchase-items{padding:var(--sp-2) 0 var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line);background:var(--surface-2);border-radius:0 0 var(--radius-sm) var(--radius-sm)}.purchase-item{display:grid;grid-template-columns:1fr auto auto;gap:var(--sp-3);align-items:baseline;padding:var(--sp-1) var(--sp-3) var(--sp-1) 0;font-size:13px}.purchase-item .muted{font-size:12px}@media (max-width: 560px){.purchase-item{grid-template-columns:1fr auto}.purchase-item .muted{display:none}}.interstore{margin-top:6px}.interstore-line{display:flex;flex-wrap:wrap;gap:6px}.is-chip{display:inline-flex;align-items:baseline;gap:4px;padding:2px 8px;border-radius:999px;font-size:11.5px;background:var(--line);color:var(--ink-2);white-space:nowrap}.is-chip b{color:var(--ink);font-weight:700}.is-chip.is-here{background:var(--accent-soft);color:var(--accent)}.is-chip.is-here b{color:var(--accent)}.is-chip.is-zero{opacity:.6}.is-chip.is-zero b{color:var(--ink-2)}.interstore-act{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;margin-top:8px;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);background:var(--warn-soft);color:var(--warn)}.interstore.compact .interstore-act{margin-top:6px}.row-tap{cursor:pointer}.row-out{opacity:.75}.row-out .row-title{color:var(--ink-2)}.audit-row{align-items:flex-start;gap:var(--sp-3)}.audit-row>.badge{flex:none;margin-top:2px;min-width:96px;text-align:center}@media (max-width: 560px){.audit-row{flex-wrap:wrap}.audit-row>.badge{min-width:0}}.scan-sheet{max-width:460px}.scan-view{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:var(--radius-sm);overflow:hidden;background:#000}.scan-video{width:100%;height:100%;object-fit:cover;display:block}.scan-reticle{position:absolute;top:18%;right:12%;bottom:18%;left:12%;border:2px solid var(--accent);border-radius:var(--radius-sm);box-shadow:0 0 0 100vmax #00000059;pointer-events:none}.scan-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;background:#00000080}.scan-beside{display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap}.dropzone{border:1.5px dashed var(--line);border-radius:var(--radius);padding:var(--sp-5) var(--sp-3);text-align:center;cursor:pointer;transition:border-color .15s,background .15s;background:var(--surface-2)}.dropzone:hover:not(.disabled){border-color:var(--accent)}.dropzone.drag-over{border-color:var(--accent);background:var(--accent-soft)}.dropzone.disabled{cursor:not-allowed;opacity:.55}.working-toggle{background:none;border:1px solid var(--line);border-radius:999px;color:var(--ink-3);font-size:11px;padding:3px 9px;cursor:pointer;display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.working-toggle:hover{color:var(--ink-1);border-color:var(--ink-3)}.working{margin-top:var(--sp-2);padding:var(--sp-3);text-align:left;background:var(--surface-2);border-left:2px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--ink-2);line-height:1.55;font-weight:400;max-width:46ch}.band{font-variant-numeric:tabular-nums;font-weight:600;padding:2px 8px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px dashed var(--line)}.status{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.01em;white-space:nowrap}.status.ok{background:color-mix(in oklab,var(--ok) 16%,transparent);color:var(--ok)}.status.warn{background:color-mix(in oklab,var(--warn) 18%,transparent);color:var(--warn)}.status.crit{background:color-mix(in oklab,var(--danger) 16%,transparent);color:var(--danger)}.status.idle{background:var(--surface-2);color:var(--ink-3)}.viz-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5)}.viz-title{font-size:12px;font-weight:600;color:var(--ink-3);margin-bottom:var(--sp-2)}@media (max-width: 720px){.viz-pair{grid-template-columns:1fr}}.anomaly-list{display:grid;gap:var(--sp-3)}.anomaly{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);background:var(--surface-2);border-left:3px solid var(--line)}.anomaly.crit{border-left-color:var(--danger)}.anomaly.warn{border-left-color:var(--warn)}.anomaly-head{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.anomaly-sum{font-weight:500;color:var(--ink-1)}.anomaly-metrics summary{cursor:pointer;color:var(--ink-3);margin-top:var(--sp-2)}.metrics{display:grid;grid-template-columns:auto 1fr;gap:2px var(--sp-4);margin:var(--sp-2) 0 0;font-size:12px}.metrics dt{color:var(--ink-3)}.metrics dd{margin:0;color:var(--ink-1);font-variant-numeric:tabular-nums}.setting-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--sp-4)}.setting label{display:block;font-size:12px;font-weight:600;margin-bottom:4px;color:var(--ink-2)}.setting-row{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:4px}.setting-row .input{width:90px}.setting .unit{color:var(--ink-3);font-size:12px}.neg{color:var(--danger)}.tbl.scan tbody tr:hover{background:var(--surface-2)}.tbl.scan th{white-space:nowrap}.cell-main{font-weight:600;line-height:1.3}.cell-sub{font-size:12px;color:var(--ink-3);line-height:1.35}.tbl .total-row td{border-bottom:0;font-weight:700;padding-top:var(--sp-3)}.page-head-actions{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.split-line{border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--sp-3);margin-bottom:var(--sp-3);background:var(--surface-2)}.split-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-2)}.btn.warn-outline{border-color:var(--warn);color:var(--warn);background:transparent}.btn.warn-outline:hover{background:color-mix(in oklab,var(--warn) 12%,transparent)}.m-app{display:flex;flex-direction:column;min-height:100dvh}.m-top{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:.5px solid var(--line);position:sticky;top:0;background:var(--bg);z-index:40}.m-top-btn{position:relative;background:none;border:none;color:var(--ink);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.m-top-btn .dot-badge{position:absolute;top:9px;right:9px;width:8px;height:8px;border-radius:50%;background:var(--warn)}.m-wm{font-size:15px;font-weight:600;color:var(--ink)}.m-wm .dot{color:var(--accent)}.m-main{flex:1;padding:12px 14px calc(76px + env(safe-area-inset-bottom))}.m-chip{font-size:12px;color:var(--ink-3);margin:0 0 12px}.m-hero{width:100%;min-height:58px;background:var(--accent);color:var(--accent-ink);border:none;border-radius:14px;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}.m-hero:active{filter:brightness(.94)}.m-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.m-tile{background:var(--surface);border:.5px solid var(--line);border-radius:12px;padding:11px 12px;text-align:left;color:var(--ink);min-height:44px}.m-tile p{margin:6px 0 0;font-size:13px}.m-tile .n{font-size:20px;font-weight:600;margin:2px 0 0}.m-tile .sub-hint{margin:2px 0 0;font-size:12px;color:var(--ink-3)}.m-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;padding:12px 0;min-height:44px;background:none;border:none;border-bottom:.5px solid var(--line);color:var(--ink);text-align:left}.m-row:last-of-type{border-bottom:none}.m-bar{position:fixed;left:0;right:0;bottom:0;z-index:45;display:flex;justify-content:space-around;align-items:stretch;background:var(--bg);border-top:.5px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.m-bar-item{flex:1;min-height:48px;background:none;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--ink-3);font-size:10px}.m-bar-item.active{color:var(--accent)}.m-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#080c148c}.m-drawer{position:absolute;top:0;left:0;bottom:0;width:min(78vw,300px);background:var(--surface);border-right:.5px solid var(--line);padding:14px 16px calc(14px + env(safe-area-inset-bottom));overflow-y:auto}.m-drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:var(--ink)}.m-drawer-row{width:100%;display:flex;align-items:center;gap:10px;min-height:44px;padding:4px 2px;font-size:14px;background:none;border:none;border-bottom:.5px solid var(--line);color:var(--ink);text-align:left}.m-drawer-row.active{color:var(--accent)}.m-drawer-row .badge{margin-left:auto}.m-drawer-sep{height:10px}