:root{--type-body: 16px;--type-emphasis: 15px;--type-ui: 14px;--type-support: 13px;--type-meta: 12px;--type-phone-body: 15px;--type-phone-ui: 14px;--type-phone-support: 13px;--type-phone-meta: 12px;--type-phone-title: 18px;--type-card-title: 18px;--type-panel: 20px;--type-section: 25px;--type-page: 32px;--type-hero: 40px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.25;--leading-snug: 1.4;--leading-normal: 1.6;--leading-relaxed: 1.7;--tracking-ko: 0;--tracking-latin: -.02em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--sidebar-w: 268px;--page-bg: #f1f5f9;--surface: #ffffff;--surface-soft: #f8fafc;--surface-hover: #f1f5f9;--text-main: #1a1a1a;--text-sub: #4a5568;--text-muted: #718096;--border: #e2e8f0;--border-strong: #cbd5e1;--on-primary: #ffffff;--ok: #15803d;--ok-bg: #dcfce7;--warn: #b45309;--warn-bg: #fef3c7;--bad: #b91c1c;--bad-bg: #fee2e2;--idle: #64748b;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06)}:root[data-palette=A]{--primary: #0d47a1;--primary-strong: #0a3a8a;--primary-soft: #e8eef6;--primary-soft-strong: #d6e3f5;--sidebar-bg: #1e293b;--sidebar-text: #f1f5f9;--sidebar-muted: #94a3b8;--sidebar-active-bg: rgba(66, 165, 245, .18);--sidebar-active-text: #ffffff;--sidebar-active-bar: #42a5f5;--sidebar-hover-bg: rgba(255, 255, 255, .06);--sidebar-border: #334155;--sidebar-section-label: #64748b;--chart-1: #0d47a1;--chart-2: #1976d2;--chart-3: #42a5f5;--chart-4: #90caf9;--chart-5: #bbdefb;--hero-start: #0d47a1;--hero-end: #1976d2}:root[data-palette=B]{--primary: #0e7490;--primary-strong: #155e75;--primary-soft: #ecfeff;--primary-soft-strong: #cffafe;--sidebar-bg: #e0f2f7;--sidebar-text: #134e4a;--sidebar-muted: #5e7e89;--sidebar-active-bg: #ffffff;--sidebar-active-text: #0e7490;--sidebar-active-bar: #0e7490;--sidebar-hover-bg: rgba(255, 255, 255, .55);--sidebar-border: #b8dde6;--sidebar-section-label: #5e7e89;--chart-1: #0e7490;--chart-2: #0891b2;--chart-3: #22d3ee;--chart-4: #67e8f9;--chart-5: #a5f3fc;--hero-start: #0e7490;--hero-end: #0891b2}:root[data-palette=C]{--primary: #1f2937;--primary-strong: #111827;--primary-soft: #f3f4f6;--primary-soft-strong: #e5e7eb;--sidebar-bg: #0f1115;--sidebar-text: #f4f4f5;--sidebar-muted: #9ca3af;--sidebar-active-bg: rgba(255, 255, 255, .1);--sidebar-active-text: #ffffff;--sidebar-active-bar: #e5e7eb;--sidebar-hover-bg: rgba(255, 255, 255, .05);--sidebar-border: #27272a;--sidebar-section-label: #71717a;--chart-1: #111827;--chart-2: #374151;--chart-3: #6b7280;--chart-4: #9ca3af;--chart-5: #d1d5db;--hero-start: #111827;--hero-end: #374151}:root[data-palette=D]{--primary: #0f766e;--primary-strong: #115e59;--primary-soft: #f0fdfa;--primary-soft-strong: #ccfbf1;--sidebar-bg: #c8eee6;--sidebar-text: #0d3d3a;--sidebar-muted: #4d7d77;--sidebar-active-bg: #ffffff;--sidebar-active-text: #0f766e;--sidebar-active-bar: #0f766e;--sidebar-hover-bg: rgba(255, 255, 255, .55);--sidebar-border: #99d4cb;--sidebar-section-label: #4d7d77;--chart-1: #0f766e;--chart-2: #14b8a6;--chart-3: #5eead4;--chart-4: #99f6e4;--chart-5: #ccfbf1;--hero-start: #0f766e;--hero-end: #14b8a6}:root[data-palette=E]{--primary: #2c2c2e;--primary-strong: #1d1d1f;--primary-soft: #f5f5f7;--primary-soft-strong: #e8e8ed;--sidebar-bg: #2e2c2e;--sidebar-text: #f5f5f7;--sidebar-muted: #98989d;--sidebar-active-bg: rgba(255, 255, 255, .1);--sidebar-active-text: #ffffff;--sidebar-active-bar: #c7c7cc;--sidebar-hover-bg: rgba(255, 255, 255, .05);--sidebar-border: #3d3b3d;--sidebar-section-label: #8e8e93;--chart-1: #2c2c2e;--chart-2: #48484a;--chart-3: #6e6e73;--chart-4: #98989d;--chart-5: #c7c7cc;--hero-start: #2c2c2e;--hero-end: #48484a}:root[data-palette=F]{--primary: #2f5340;--primary-strong: #1d3829;--primary-soft: #eaf1ec;--primary-soft-strong: #d8e6dc;--sidebar-bg: #e4ece6;--sidebar-text: #1d3829;--sidebar-muted: #5f7a68;--sidebar-active-bg: #ffffff;--sidebar-active-text: #2f5340;--sidebar-active-bar: #2f5340;--sidebar-hover-bg: rgba(255, 255, 255, .55);--sidebar-border: #c4d5c9;--sidebar-section-label: #5f7a68;--chart-1: #1d3829;--chart-2: #2f5340;--chart-3: #4a7c59;--chart-4: #7fa98c;--chart-5: #b9d2c0;--hero-start: #2f5340;--hero-end: #4a7c59}:root[data-mode=dark]:not([data-palette=G]){--page-bg: #0f172a;--surface: #17233a;--surface-soft: #1c2942;--surface-hover: #223154;--text-main: #eef2f8;--text-sub: #b6c2d4;--text-muted: #8b9ab1;--border: #2b3a55;--border-strong: #3d5075;--ok: #4ade80;--ok-bg: rgba(74, 222, 128, .16);--warn: #fbbf24;--warn-bg: rgba(251, 191, 36, .16);--bad: #fb7185;--bad-bg: rgba(251, 113, 133, .16);--idle: #94a3b8}:root[data-palette=G][data-mode=dark]{--page-bg: #07100f;--surface-soft: #0a1514;--surface: rgba(14, 28, 26, .82);--surface-strong: #10201e;--surface-hover: #12241f;--border: rgba(183, 218, 209, .14);--border-strong: rgba(183, 218, 209, .28);--text-main: #eef7f4;--text-sub: #9db1ac;--text-muted: #718681;--primary: #5ef2bd;--primary-strong: #2ed89a;--primary-soft: rgba(94, 242, 189, .12);--primary-soft-strong: rgba(94, 242, 189, .2);--on-primary: #04110d;--ok: #5ef2bd;--ok-bg: rgba(94, 242, 189, .14);--warn: #ffc779;--warn-bg: rgba(255, 199, 121, .16);--bad: #ff9b9b;--bad-bg: rgba(255, 155, 155, .16);--idle: #718681;--sidebar-bg: #0a1514;--sidebar-text: #eef7f4;--sidebar-muted: #9db1ac;--sidebar-active-bg: rgba(94, 242, 189, .14);--sidebar-active-text: #eef7f4;--sidebar-active-bar: #5ef2bd;--sidebar-hover-bg: rgba(255, 255, 255, .05);--sidebar-border: rgba(183, 218, 209, .16);--sidebar-section-label: #718681;--chart-1: #5ef2bd;--chart-2: #2ed89a;--chart-3: #6eddf1;--chart-4: #9db1ac;--chart-5: #38706a;--hero-start: #0f2a24;--hero-end: #123a30;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .28)}:root[data-palette=G][data-mode=dark] body{background:radial-gradient(circle at 78% 7%,rgba(71,204,166,.12),transparent 28%),radial-gradient(circle at 10% 30%,rgba(103,128,255,.08),transparent 27%),var(--page-bg)}:root[data-palette=G][data-mode=light]{--page-bg: #eef4f1;--surface-soft: #e6efeb;--surface: rgba(255, 255, 255, .88);--surface-strong: #ffffff;--surface-hover: #dfeae5;--border: rgba(18, 55, 46, .12);--border-strong: rgba(18, 55, 46, .24);--text-main: #10231f;--text-sub: #526b65;--text-muted: #71857f;--primary: #0b9a6c;--primary-strong: #087c58;--primary-soft: #dcefe7;--primary-soft-strong: #c6e5d9;--on-primary: #ffffff;--ok: #087c58;--ok-bg: #d7f0e5;--warn: #a86808;--warn-bg: #fbeed3;--bad: #b44444;--bad-bg: #f8dede;--idle: #71857f;--sidebar-bg: #d7e7e0;--sidebar-text: #10231f;--sidebar-muted: #526b65;--sidebar-active-bg: #ffffff;--sidebar-active-text: #087c58;--sidebar-active-bar: #0b9a6c;--sidebar-hover-bg: rgba(255, 255, 255, .55);--sidebar-border: #bcd4cb;--sidebar-section-label: #71857f;--chart-1: #087c58;--chart-2: #0b9a6c;--chart-3: #4fbf99;--chart-4: #9ad7c2;--chart-5: #c9e8dc;--hero-start: #0b9a6c;--hero-end: #087f9f}*{box-sizing:border-box}html,body,#root{min-width:0;max-width:100%;margin:0;padding:0}body{background:var(--page-bg);color:var(--text-main);font-family:Paperlogy,Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--type-body);font-weight:var(--weight-regular);line-height:var(--leading-relaxed);-webkit-font-smoothing:antialiased}body,h1,h2,h3,h4,p,li,td,th,button,label,dt,dd,input,select,textarea{word-break:keep-all;overflow-wrap:break-word;letter-spacing:var(--tracking-ko)}h1,h2,h3,h4,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}button{font-family:inherit;cursor:pointer}button:disabled{cursor:not-allowed}table{border-collapse:collapse;width:100%}.tabular,td.numeric,th.numeric,.kpi-value,.metric-value{font-variant-numeric:tabular-nums}.amount,.date-cell{white-space:nowrap}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.page-title{font-size:var(--type-page);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.section-title{font-size:var(--type-section);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.panel-title,.card-title{font-size:var(--type-card-title);font-weight:var(--weight-semibold);line-height:var(--leading-snug)}.modal-title{font-size:var(--type-panel);font-weight:var(--weight-semibold);line-height:var(--leading-snug)}.body-text{font-size:var(--type-body);line-height:var(--leading-relaxed);color:var(--text-sub)}.ui-text{font-size:var(--type-ui);font-weight:var(--weight-medium);line-height:var(--leading-normal)}.emphasis-text{font-size:var(--type-emphasis);font-weight:var(--weight-medium);line-height:var(--leading-normal)}.support-text[data-density=support]{font-size:var(--type-support);line-height:var(--leading-normal);color:var(--text-muted)}.meta-text[data-density=meta]{font-size:var(--type-meta);line-height:var(--leading-normal);color:var(--text-muted)}.chart-svg[data-density=meta] text{font-size:var(--type-meta);fill:var(--text-muted)}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5) var(--space-4);background:var(--sidebar-bg);color:var(--sidebar-text);border-right:1px solid var(--sidebar-border);overflow-y:auto;min-width:0}.brand{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-2) var(--space-4);border-bottom:1px solid var(--sidebar-border)}.brand-mark{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:var(--radius-md);background:var(--sidebar-active-bar);color:var(--sidebar-bg)}.brand-name{font-size:var(--type-card-title);font-weight:var(--weight-bold);line-height:var(--leading-snug);letter-spacing:var(--tracking-latin)}.brand-descriptor{font-size:var(--type-ui);line-height:var(--leading-normal);color:var(--sidebar-muted)}.nav-group-label{padding:var(--space-2) var(--space-2) var(--space-1);font-size:var(--type-ui);font-weight:var(--weight-semibold);color:var(--sidebar-section-label)}.nav-list{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:10px var(--space-3);border:0;border-left:3px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--sidebar-muted);font-size:var(--type-ui);font-weight:var(--weight-medium);line-height:var(--leading-normal);text-align:left}.nav-item:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text)}.nav-item[aria-current=page]{background:var(--sidebar-active-bg);border-left-color:var(--sidebar-active-bar);color:var(--sidebar-active-text);font-weight:var(--weight-semibold)}.nav-item .nav-count{margin-left:auto;font-variant-numeric:tabular-nums}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--sidebar-border)}.theme-select{position:relative}.theme-trigger{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:9px var(--space-3);border:1px solid var(--sidebar-border);border-radius:var(--radius-sm);background:var(--sidebar-hover-bg);color:var(--sidebar-text);font-size:var(--type-ui);font-weight:var(--weight-medium);line-height:var(--leading-normal)}.theme-label{color:var(--sidebar-muted)}.theme-swatch{width:12px;height:12px;flex:none;border-radius:50%;border:1px solid rgba(148,163,184,.5)}.theme-current{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-chevron{margin-left:auto;flex:none}.theme-menu{position:absolute;bottom:calc(100% + 6px);left:0;right:0;z-index:70;display:flex;flex-direction:column;gap:2px;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:0 12px 32px #0f172a2e}.theme-option{display:flex;align-items:center;gap:var(--space-2);padding:8px 10px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-main);font-size:var(--type-ui);font-weight:var(--weight-medium);line-height:var(--leading-normal);text-align:left}.theme-option:hover{background:var(--surface-hover)}.theme-option[aria-selected=true]{background:var(--primary-soft);color:var(--primary-strong);font-weight:var(--weight-semibold)}.theme-option-keyword{margin-left:auto;color:var(--text-muted)}.mode-toggle{display:flex;align-items:center;gap:var(--space-2);padding:9px var(--space-3);border:1px solid var(--sidebar-border);border-radius:var(--radius-sm);background:transparent;color:var(--sidebar-muted);font-size:var(--type-ui);font-weight:var(--weight-medium);line-height:var(--leading-normal)}.mode-toggle:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text)}.main-column{display:flex;flex-direction:column;min-width:0}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);flex-wrap:wrap;padding:var(--space-3) var(--space-8);background:var(--surface);border-bottom:1px solid var(--border)}.topbar-left{display:flex;align-items:center;gap:var(--space-3);min-width:0}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);flex:none}.topbar-right{display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap}.session-switch{display:flex;align-items:center;gap:var(--space-2)}.segmented{display:inline-flex;padding:3px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-soft)}.segmented button{padding:6px 12px;border:0;border-radius:4px;background:transparent;color:var(--text-sub);font-size:var(--type-ui);font-weight:var(--weight-medium);line-height:var(--leading-normal)}.segmented button[aria-pressed=true]{background:var(--primary);color:var(--on-primary);font-weight:var(--weight-semibold)}.screen{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-6) var(--space-8) var(--space-10);min-width:0}.screen-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-5);flex-wrap:wrap}.screen-head-text{display:flex;flex-direction:column;gap:var(--space-2);max-width:900px}.layout-row{display:grid;gap:var(--space-4);align-items:stretch;min-width:0}.layout-row.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.layout-row.wide-left{grid-template-columns:minmax(0,2.1fr) minmax(0,1fr)}.layout-row.wide-right{grid-template-columns:minmax(0,1fr) minmax(0,1.9fr)}.layout-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}.layout-row>*{min-width:0}.stack{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--space-4);align-items:stretch}.panel{display:flex;flex-direction:column;height:100%;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.panel-head-text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.panel-body{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4) var(--space-5) var(--space-5);min-width:0}.panel-body.flush{padding:0}.panel-note{margin-top:auto;padding:var(--space-3) var(--space-5) var(--space-4);border-top:1px dashed var(--border);color:var(--text-muted)}.kpi-card{display:flex;flex-direction:column;gap:var(--space-2);height:100%;padding:var(--space-4) var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.kpi-head{display:flex;align-items:center;gap:var(--space-2);color:var(--text-sub)}.kpi-value{font-size:var(--type-section);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.kpi-unit{font-size:var(--type-ui);font-weight:var(--weight-medium);color:var(--text-sub)}.kpi-foot{margin-top:auto;display:flex;align-items:center;gap:var(--space-2)}.info-card{display:flex;flex-direction:column;gap:var(--space-2);height:100%;padding:var(--space-4) var(--space-5);background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-md)}.badge{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);color:var(--text-sub);font-size:var(--type-ui);font-weight:var(--weight-medium);line-height:1;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:var(--dot, var(--idle))}.badge.ok{--dot: var(--ok)}.badge.warn{--dot: var(--warn)}.badge.bad{--dot: var(--bad)}.badge.info{--dot: var(--primary)}.badge.attention.danger{background:var(--bad-bg);border-color:var(--bad);color:var(--bad);font-weight:var(--weight-semibold)}td .badge,.stack-side .badge{min-width:5.2em;justify-content:center}.alert-banner{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-4) var(--space-5);border:1px solid var(--bad);border-radius:var(--radius-lg);background:var(--bad-bg)}.alert-banner .alert-icon{color:var(--bad);flex:none}.alert-banner-text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;flex:1 1 320px}.alert-banner-title{font-size:var(--type-card-title);font-weight:var(--weight-semibold);line-height:var(--leading-snug);color:var(--bad)}.notice{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-soft);color:var(--text-sub);font-size:var(--type-ui);line-height:var(--leading-normal)}.notice.blocked{border-color:var(--warn);background:var(--warn-bg);color:var(--warn)}.notice.done{border-color:var(--ok);background:var(--ok-bg);color:var(--ok)}.primary-button,.ghost-button,.quiet-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:40px;padding:0 var(--space-4);border-radius:var(--radius-sm);font-size:var(--type-ui);font-weight:var(--weight-semibold);line-height:1;white-space:nowrap}.primary-button{border:1px solid var(--primary);background:var(--primary);color:var(--on-primary)}.primary-button:hover:not(:disabled){background:var(--primary-strong);border-color:var(--primary-strong)}.ghost-button{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-main)}.ghost-button:hover:not(:disabled){background:var(--surface-hover)}.quiet-button{height:32px;border:1px solid transparent;background:transparent;color:var(--primary-strong);font-weight:var(--weight-medium)}.quiet-button:hover:not(:disabled){background:var(--primary-soft)}.primary-button:disabled,.ghost-button:disabled,.quiet-button:disabled{opacity:.5}.chip-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:999px;background:var(--surface);color:var(--text-sub);font-size:var(--type-ui);font-weight:var(--weight-medium);line-height:1}.chip[aria-pressed=true],.chip[aria-selected=true]{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-strong);font-weight:var(--weight-semibold)}.chip .chip-dot{width:6px;height:6px;border-radius:50%;background:var(--dot, var(--idle))}.tab-row{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border);flex-wrap:wrap}.tab-row button{padding:10px var(--space-4);border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-sub);font-size:var(--type-ui);font-weight:var(--weight-medium);line-height:var(--leading-normal)}.tab-row button[aria-selected=true]{border-bottom-color:var(--primary);color:var(--primary-strong);font-weight:var(--weight-semibold)}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field-label{font-size:var(--type-ui);font-weight:var(--weight-medium);color:var(--text-sub)}input[type=text],input[type=number],select{height:40px;padding:0 14px;width:100%;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-main);font-family:inherit;font-size:var(--type-ui);font-weight:var(--weight-medium)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}input[type=range]{width:100%;accent-color:var(--primary)}.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}.table-wrap{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}.data-table{min-width:100%}.data-table th,.data-table td{padding:11px var(--space-4);border-bottom:1px solid var(--border);font-size:var(--type-ui);line-height:var(--leading-normal);text-align:left;vertical-align:middle}.data-table th{position:sticky;top:0;z-index:1;background:var(--surface-soft);color:var(--text-sub);font-weight:var(--weight-semibold);white-space:nowrap}.data-table td{color:var(--text-main);font-weight:var(--weight-regular)}.data-table th.numeric,.data-table td.numeric{text-align:right}.data-table tbody tr:hover{background:var(--surface-hover)}.data-table tbody tr[aria-selected=true]{background:var(--primary-soft)}.data-table tbody tr.row-attention td{background:var(--bad-bg)}.data-table tbody tr:last-child td{border-bottom:0}.row-button{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:var(--primary-strong);font-family:inherit;font-size:var(--type-ui);font-weight:var(--weight-semibold);text-align:left}.row-button:hover{text-decoration:underline}.pair-id{font-weight:var(--weight-semibold);letter-spacing:var(--tracking-latin)}.definition-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3) var(--space-5)}.definition-list>div{display:flex;flex-direction:column;gap:2px;min-width:0}.definition-list dt{font-size:var(--type-ui);font-weight:var(--weight-medium);color:var(--text-muted)}.definition-list dd{margin:0;font-size:var(--type-emphasis);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums}.metric-value{font-size:var(--type-panel);font-weight:var(--weight-semibold);line-height:var(--leading-snug)}.stepper{display:flex;flex-direction:column;gap:var(--space-2)}.step{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft)}.step.pass{border-color:var(--ok)}.step.blocked{border-color:var(--bad)}.step.active{border-color:var(--primary);background:var(--primary-soft)}.step-index{display:grid;place-items:center;width:26px;height:26px;flex:none;border-radius:50%;background:var(--surface);border:1px solid var(--border-strong);font-size:var(--type-ui);font-weight:var(--weight-semibold);color:var(--text-sub)}.step.pass .step-index{background:var(--ok);border-color:var(--ok);color:var(--surface)}.step.blocked .step-index{background:var(--bad);border-color:var(--bad);color:var(--surface)}.step-text{display:flex;flex-direction:column;gap:2px;min-width:0}.step-name{font-size:var(--type-emphasis);font-weight:var(--weight-semibold)}.chart-block{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.chart-legend{display:flex;gap:var(--space-4);flex-wrap:wrap}.legend-item{display:inline-flex;align-items:center;gap:6px;font-size:var(--type-ui);color:var(--text-sub)}.legend-swatch{width:14px;height:3px;border-radius:2px}.chart-svg{width:100%;height:auto;display:block}.flow-svg{width:100%;max-width:1046px;height:auto;margin:0 auto;display:block}.flow-svg text{fill:var(--text-main);font-family:inherit;font-size:var(--type-ui)}.flow-svg .flow-caption{fill:var(--text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;left:var(--sidebar-w);z-index:50;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:#0f172a73}.modal{width:min(640px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:0 24px 60px #0f172a47}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap}.landing{display:flex;flex-direction:column;gap:var(--space-8);padding:0 0 var(--space-10)}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:var(--space-8);padding:var(--space-10) var(--space-8);border-radius:var(--radius-lg);background-color:var(--hero-start);background-image:linear-gradient(120deg,var(--hero-start),var(--hero-end));color:#fff}.hero-copy{display:flex;flex-direction:column;gap:var(--space-4);max-width:620px}.hero-kicker{font-size:var(--type-ui);font-weight:var(--weight-semibold);color:#ffffffd1}.hero-title{font-size:var(--type-hero);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.hero-lead{font-size:var(--type-body);line-height:var(--leading-relaxed);color:#ffffffe6}.hero-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;padding-top:var(--space-2)}.hero .primary-button{background:#fff;border-color:#fff;color:#14213d}.hero .ghost-button{background:transparent;border-color:#fff9;color:#fff}.hero-figure{padding:var(--space-5);border-radius:var(--radius-md);background:#ffffff1a;border:1px solid rgba(255,255,255,.24)}.hero-figure svg text{fill:#fff;font-family:inherit;font-size:var(--type-ui)}.landing-section{display:flex;flex-direction:column;gap:var(--space-5)}.value-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-4);align-items:stretch}.value-card{display:flex;flex-direction:column;gap:var(--space-2);height:100%;padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.value-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--primary-soft);color:var(--primary-strong)}.cta-band{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);flex-wrap:wrap;padding:var(--space-6) var(--space-8);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.cell-stack{display:inline-flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.issue-list{display:flex;flex-direction:column;gap:var(--space-3)}.issue-head{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.timeline{display:flex;flex-direction:column}.timeline li{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.timeline li:last-child{border-bottom:0;padding-bottom:0}.timeline-time{flex:none;width:84px;padding-top:2px}.timeline-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.soc-list{display:flex;flex-direction:column;gap:var(--space-3)}.soc-row{display:flex;align-items:center;gap:var(--space-3)}.soc-name{flex:none;width:72px}.soc-track{flex:1;height:10px;min-width:0;border-radius:999px;background:var(--surface-hover);overflow:hidden}.soc-fill{display:block;height:100%;border-radius:999px;background:var(--chart-2)}.soc-value{flex:none;width:160px;text-align:right}.rule-list,.numbered-list{display:flex;flex-direction:column;gap:var(--space-2)}.rule-list li{position:relative;padding-left:var(--space-5);font-size:var(--type-ui);line-height:var(--leading-normal);color:var(--text-sub)}.rule-list li:before{content:"";position:absolute;left:4px;top:9px;width:6px;height:6px;border-radius:50%;background:var(--primary)}.numbered-list li,.cause-chain li{display:flex;align-items:flex-start;gap:var(--space-3)}.cause-chain{display:flex;flex-direction:column;gap:var(--space-3)}.cause-step{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:50%;background:var(--primary-soft);color:var(--primary-strong);font-size:var(--type-ui);font-weight:var(--weight-semibold)}.cause-text{display:flex;flex-direction:column;gap:2px;min-width:0}.command-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-2)}.command-option{display:flex;flex-direction:column;gap:2px;padding:var(--space-3) var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text-main);text-align:left}.command-option[aria-pressed=true]{border-color:var(--primary);background:var(--primary-soft)}.before-after{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3);align-items:stretch}.code-block{margin:0;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);color:var(--text-sub);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;line-height:var(--leading-normal);overflow-x:auto;white-space:pre}.brand-name,.brand-descriptor{display:block}@media(min-width:2200px){.screen{padding-left:var(--space-10);padding-right:var(--space-10)}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.screen-inner{max-width:2400px}}@media(max-width:1119px){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{position:relative;z-index:60;height:auto;overflow:visible;gap:var(--space-3);padding:var(--space-4);border-right:0;border-bottom:1px solid var(--sidebar-border)}.brand{padding-bottom:var(--space-3)}.nav-group-label{display:none}.nav-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;padding-bottom:var(--space-1)}.nav-list{flex-direction:row;gap:var(--space-2);width:max-content}.nav-item{width:auto;border-left:0;border-bottom:3px solid transparent;border-radius:var(--radius-sm);white-space:nowrap}.nav-item[aria-current=page]{border-left-color:transparent;border-bottom-color:var(--sidebar-active-bar)}.sidebar-footer{margin-top:0;flex-direction:row;align-items:center;gap:var(--space-2);padding-top:var(--space-3)}.theme-select{flex:1 1 200px}.theme-menu{bottom:auto;top:calc(100% + 6px)}.layout-row.two,.layout-row.three,.layout-row.wide-left,.layout-row.wide-right{grid-template-columns:minmax(0,1fr)}.hero{grid-template-columns:minmax(0,1fr);padding:var(--space-8) var(--space-6)}.modal-overlay{left:0;align-items:flex-end;padding:0}.modal{width:100%;max-height:88dvh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}}@media(max-width:899px){.screen,.topbar{padding-left:var(--space-4);padding-right:var(--space-4)}.page-title,.hero-title{font-size:var(--type-section)}.table-wrap{overflow-x:visible}.data-table thead{display:none}.data-table,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%}.data-table tr{padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.data-table tr+tr{margin-top:var(--space-2)}.data-table td{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:5px 0;border-bottom:0;text-align:left}.data-table td.numeric{text-align:left}.data-table td:before{content:attr(data-label);flex:none;color:var(--text-muted);font-weight:var(--weight-medium)}.data-table td.narrow-hide{display:none}td .badge{min-width:0}.definition-list{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}