:root{--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", monospace;--bg: #f6f7f9;--surface: #ffffff;--surface-2: #f0f2f5;--border: #dfe3e8;--text: #1a2230;--text-muted: #5a6675;--accent: #1f6feb;--accent-contrast: #ffffff;--risk-high-bg: #fdecec;--risk-high-fg: #b42318;--risk-med-bg: #fef6e7;--risk-med-fg: #b25e09;--risk-low-bg: #eaf6ee;--risk-low-fg: #1a7f37;--m-draft: #8892a0;--m-confirmed: #1f6feb;--m-ready: #5a3fd6;--m-picked: #0e7c86;--m-transit: #1f9bd1;--m-ofd: #b25e09;--m-delivered: #1a7f37;--m-failed: #b42318;--m-returning: #c2410c;--m-returned: #7c3aed;--m-cancelled: #6b7280;--radius: 8px;--shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .1)}@media (prefers-color-scheme: dark){:root{--bg: #0e1117;--surface: #161b22;--surface-2: #1c232d;--border: #2a323c;--text: #e6edf3;--text-muted: #9aa7b4;--accent: #4c9aff;--risk-high-bg: #3a1b1a;--risk-high-fg: #ff7b72;--risk-med-bg: #33280f;--risk-med-fg: #e3b341;--risk-low-bg: #12261a;--risk-low-fg: #56d364;--shadow: 0 1px 2px rgba(0, 0, 0, .4)}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);font-size:14px;line-height:1.45}a{color:inherit;text-decoration:none}.app{display:grid;grid-template-columns:232px 1fr;height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px 12px;gap:4px}.brand{font-weight:700;font-size:16px;padding:8px 10px 16px;letter-spacing:-.01em}.brand small{display:block;font-weight:500;color:var(--text-muted);font-size:11px}.nav-link{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;color:var(--text-muted);font-weight:500}.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link.active{background:var(--accent);color:var(--accent-contrast)}.nav-section{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:14px 10px 4px}.main{overflow:auto;padding:24px 28px}.page-title{font-size:20px;font-weight:700;margin:0 0 4px}.page-sub{color:var(--text-muted);margin:0 0 20px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:16px 18px}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;font-weight:600;color:var(--text-muted);padding:10px 12px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface)}.table td{padding:10px 12px;border-bottom:1px solid var(--border)}.table tr:hover td{background:var(--surface-2);cursor:pointer}.table .mono{font-family:var(--font-mono);font-size:12px}.chip{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid transparent}.chip:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.risk-high{background:var(--risk-high-bg);color:var(--risk-high-fg)}.risk-med{background:var(--risk-med-bg);color:var(--risk-med-fg)}.risk-low{background:var(--risk-low-bg);color:var(--risk-low-fg)}.milestone{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:12px}.milestone:before{content:"";width:8px;height:8px;border-radius:2px;background:var(--dot, var(--m-draft))}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:22px}.tile{padding:16px 18px}.tile .kpi{font-size:28px;font-weight:700}.tile .label{color:var(--text-muted);font-size:13px}.exp-grid{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start}.timeline{list-style:none;margin:0;padding:0}.timeline li{position:relative;padding:0 0 18px 22px;border-left:2px solid var(--border)}.timeline li:last-child{border-left-color:transparent}.timeline li:before{content:"";position:absolute;left:-7px;top:2px;width:12px;height:12px;border-radius:50%;background:var(--surface);border:2px solid var(--dot, var(--m-transit))}.timeline .when{font-size:12px;color:var(--text-muted)}.timeline .what{font-weight:600}.timeline .meta{font-size:12px;color:var(--text-muted)}.aside dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0}.aside dt{color:var(--text-muted)}.aside dd{margin:0;text-align:right;font-weight:500}.reasons{margin:8px 0 0;padding-left:18px}.reasons li{margin:2px 0}.banner{padding:12px 16px;border-radius:var(--radius);margin-bottom:18px;background:var(--risk-med-bg);color:var(--risk-med-fg);font-weight:500}.empty{color:var(--text-muted);padding:40px;text-align:center}.back-link{color:var(--accent);font-weight:600;display:inline-block;margin-bottom:12px}.act{padding:6px 12px;border-radius:6px;cursor:pointer;font-weight:600;font-size:13px;border:1px solid var(--border);background:var(--surface-2);color:var(--text)}.act:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.act:disabled{opacity:.4;cursor:not-allowed}