:root{color-scheme:light;--bg: #f5f7fa;--surface: #ffffff;--surface-2: #eef2f7;--line: #d8e0ea;--ink: #17202f;--muted: #687386;--good: #147a46;--good-bg: #e7f6ed;--risk: #b33a2e;--risk-bg: #fdeceb;--accent: #2454d6;--accent-bg: #e8eefc;font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button{border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);height:36px;padding:0 12px;font:inherit}button:disabled{cursor:not-allowed;opacity:.58}.mode-badge{display:inline-flex;align-items:center;height:36px;border:1px solid #b8e2c9;border-radius:999px;padding:0 12px;background:var(--good-bg);color:var(--good);font-size:13px;font-weight:700}.shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{border-right:1px solid var(--line);background:#111827;color:#f8fafc;padding:20px 14px}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 22px}.brand span{display:grid;place-items:center;width:36px;height:36px;border-radius:6px;background:#2f6fed;font-weight:700}.brand strong{font-size:16px}.sidebar nav{display:grid;gap:6px}.sidebar nav button{display:flex;align-items:center;justify-content:space-between;width:100%;height:auto;min-height:40px;border:0;border-radius:6px;background:transparent;color:#cbd5e1;padding:10px 12px;text-align:left;cursor:pointer}.sidebar nav button.active,.sidebar nav button:not(:disabled):hover{background:#ffffff1a;color:#fff}.sidebar nav button:disabled{cursor:not-allowed;opacity:.62}.sidebar nav small{color:#94a3b8;font-size:11px}.content{padding:22px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.topbar p{margin:0 0 6px;color:var(--muted)}h1,h2{margin:0;letter-spacing:0}h1{font-size:26px;line-height:1.2}h2{font-size:16px}.filters{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.mobile-nav{display:none;gap:8px;overflow-x:auto;margin-bottom:12px;padding-bottom:4px}.mobile-nav button{flex:0 0 auto;white-space:nowrap}.mobile-nav button.active{border-color:var(--accent);background:var(--accent-bg);color:#1f469f;font-weight:700}.notice{display:flex;align-items:center;gap:12px;min-height:42px;margin-bottom:12px;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:var(--surface);font-size:13px}.notice.error{border-color:#f4b8b3;background:var(--risk-bg);color:var(--risk)}.notice.info{border-color:#c7d4f8;background:var(--accent-bg);color:#1f469f}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;margin-bottom:12px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:14px;min-height:86px;display:flex;flex-direction:column;justify-content:space-between}.kpi span{color:var(--muted);font-size:13px}.kpi strong{font-size:24px;overflow-wrap:anywhere}.kpi.loading strong{position:relative;overflow:hidden;width:70%;height:29px;border-radius:6px;background:var(--surface-2)}.kpi.loading strong:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);animation:shimmer 1.2s ease-in-out infinite}.kpi.good{background:var(--good-bg);border-color:#b8e2c9}.kpi.risk{background:var(--risk-bg);border-color:#f4b8b3}.dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:12px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:16px}.panel.wide{grid-column:1 / -1}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.panel-head span,.panel-note{color:var(--muted);font-size:13px}.import-view,.franchise-view,.site-view,.flow-view,.deduction-view,.analysis-view{display:grid;gap:12px}.analysis-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:18px;align-items:start}.analysis-hero h2{font-size:22px;margin-bottom:8px}.analysis-hero p{max-width:76ch;margin:0;color:var(--muted);font-size:14px;line-height:1.7}.analysis-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.analysis-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px}.analysis-section{display:grid;gap:12px}.analysis-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.analysis-row-action{display:grid;grid-template-columns:132px minmax(0,1fr);gap:12px;align-items:start;width:100%;height:auto;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:0 0 12px;text-align:left;cursor:pointer}.analysis-row-action:last-child{border-bottom:0;padding-bottom:0}.analysis-row-action:hover,.analysis-row-action:focus-visible,.analysis-row-action.active{color:var(--ink);outline:none}.analysis-row-action.active strong{color:#1f469f}.analysis-row-action.active span{color:#314a7f}.analysis-list strong,.analysis-option strong,.dispatch-factor-grid strong{font-size:14px}.analysis-list span,.analysis-option span,.dispatch-factor-grid span{color:var(--muted);font-size:13px;line-height:1.65}.analysis-summary-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;border-radius:8px;padding:12px;background:var(--accent-bg);color:#1f469f}.analysis-summary-row span{font-size:13px;font-weight:700}.analysis-summary-row strong{font-size:22px}.analysis-cards,.dispatch-factor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.analysis-option,.dispatch-factor-grid div{display:grid;align-content:start;gap:8px;min-height:112px;border:1px solid var(--line);border-radius:8px;padding:14px;background:var(--surface-2)}.analysis-option{width:100%;height:auto;text-align:left;cursor:pointer}.analysis-option:hover,.analysis-option:focus-visible,.analysis-option.active{border-color:var(--accent);background:var(--accent-bg);outline:none}.analysis-option.active strong{color:#1f469f}.analysis-mode-panel{display:grid;gap:12px;border:1px solid var(--line);border-radius:8px;padding:14px;background:#fbfcfe}.analysis-mode-panel.compact-panel{margin-top:12px}.panel-head.compact{margin-bottom:0}.action-table tbody tr{cursor:pointer}.action-table tbody tr:hover,.action-table tbody tr.active{background:var(--accent-bg)}.action-table tbody tr.active td:first-child{color:#1f469f;font-weight:700}.analysis-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.analysis-toolbar label{display:grid;gap:6px;color:var(--muted);font-size:13px;font-weight:700}.analysis-toolbar select{min-width:min(520px,78vw);height:36px;border:1px solid var(--line);border-radius:6px;padding:0 10px;background:var(--surface);color:var(--ink);font:inherit}.compact-kpis{margin-bottom:0}.import-summary{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.upload-panel{display:grid;gap:12px}.upload-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.file-picker{position:relative;display:inline-flex;align-items:center;min-width:min(100%,360px);max-width:100%;min-height:38px;border:1px dashed var(--line);border-radius:8px;padding:8px 12px;background:var(--surface-2);color:var(--ink);cursor:pointer}.file-picker input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.file-picker span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.primary-action{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:700;cursor:pointer}.primary-action:disabled{border-color:var(--line);background:var(--surface-2);color:var(--muted)}.success-note{color:var(--good)}.error-note{color:var(--risk);overflow-wrap:anywhere}.status-pill,.result-pass,.result-fail{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:0 9px;font-size:12px;font-weight:700}.status-pill.completed,.result-pass{background:var(--good-bg);color:var(--good)}.status-pill.failed,.result-fail{background:var(--risk-bg);color:var(--risk)}.status-pill.pending,.status-pill.running{background:var(--accent-bg);color:#1f469f}.job-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px;color:var(--muted);font-size:13px}.job-meta strong{color:var(--ink)}.progress-track{height:10px;border-radius:999px;overflow:hidden;background:var(--surface-2)}.progress-bar{height:100%;background:var(--accent)}.validation-score{display:grid;gap:4px;margin:8px 0 16px}.validation-score strong{font-size:36px;line-height:1}.validation-score span{color:var(--muted);font-size:13px}.validation-counts{display:flex;gap:8px;flex-wrap:wrap}.validation-counts span{border-radius:999px;padding:5px 9px;background:var(--surface-2);color:var(--muted);font-size:12px;font-weight:700}.validation-counts .pass{background:var(--good-bg);color:var(--good)}.validation-counts .fail{background:var(--risk-bg);color:var(--risk)}.insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.insight-grid div{display:grid;gap:8px;border:1px solid var(--line);border-radius:8px;padding:14px;background:var(--surface-2)}.insight-grid strong{font-size:24px}.insight-grid span{color:var(--muted);font-size:13px;line-height:1.5}.split-bar{display:flex;height:46px;border-radius:6px;overflow:hidden;background:var(--surface-2);color:#fff;font-size:13px;font-weight:600}.split-bar div{display:flex;align-items:center;padding:0 14px;min-width:fit-content}.outbound{background:var(--accent)}.inbound{background:var(--good)}.rank-list{display:grid;gap:12px}.compact-list{margin-top:12px}.chart{width:100%;min-width:0}.chart-rank{height:260px}.chart-heatmap{height:360px}.empty-panel,.empty-cell{color:var(--muted);font-size:13px}.empty-panel{display:grid;place-items:center;min-height:96px;border:1px dashed var(--line);border-radius:8px;background:var(--surface-2)}.empty-cell{text-align:center}.rank-row{display:grid;grid-template-columns:minmax(180px,1.1fr) 1fr 100px;gap:12px;align-items:center}.rank-label{display:grid;gap:3px}.rank-label strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-label span{color:var(--muted);font-size:12px}.rank-track{height:10px;background:var(--surface-2);border-radius:999px;overflow:hidden}.rank-bar{height:100%;background:var(--accent)}.rank-bar.negative{background:var(--risk)}.amount{text-align:right;font-size:13px;font-variant-numeric:tabular-nums}.negative-text{color:var(--risk)}table{width:100%;border-collapse:collapse;font-size:13px}th,td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left}th{color:var(--muted);font-weight:600}.selected-row{background:var(--accent-bg)}.table-link{height:auto;border:0;border-radius:4px;padding:2px 4px;background:transparent;color:var(--accent);font-weight:700;cursor:pointer}.table-link:hover,.table-link:focus-visible{background:var(--surface);outline:1px solid var(--accent)}@keyframes shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.kpi.loading strong:after{animation:none}}@media(max-width:980px){.shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-nav{display:flex}.topbar{flex-direction:column}.filters{justify-content:flex-start}.kpi-grid,.dashboard-grid,.import-summary,.insight-grid,.analysis-hero,.analysis-grid,.analysis-stats,.analysis-cards,.dispatch-factor-grid{grid-template-columns:1fr}}@media(max-width:680px){.content{padding:14px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rank-row,.analysis-row-action{grid-template-columns:1fr;gap:6px}.amount{text-align:left}.chart-rank{height:300px}.chart-heatmap{height:420px}}