@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-base: #0b0e14;--bg-surface: #111520;--bg-elevated: #171c2a;--bg-overlay: #1e2436;--bg-hover: #252d3f;--border-subtle: #1e2436;--border-default: #2a3349;--border-focus: #4f7cff;--text-primary: #e8ecf4;--text-secondary: #8892a8;--text-tertiary: #5c6478;--text-inverse: #0b0e14;--accent-primary: #4f7cff;--accent-hover: #6d93ff;--accent-muted: rgba(79, 124, 255, .15);--risk-ok: #22c55e;--risk-ok-bg: rgba(34, 197, 94, .12);--risk-warning: #f59e0b;--risk-warning-bg: rgba(245, 158, 11, .12);--risk-critical: #ef4444;--risk-critical-bg: rgba(239, 68, 68, .12);--risk-emergency: #dc2626;--risk-emergency-bg: rgba(220, 38, 38, .15);--pnl-positive: #22c55e;--pnl-negative: #ef4444;--pnl-neutral: #8892a8;--mode-normal: #22c55e;--mode-degraded: #f59e0b;--mode-safe: #f97316;--mode-lockdown: #dc2626;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", "Fira Code", "Consolas", monospace;--text-xs: .6875rem;--text-sm: .75rem;--text-base: .8125rem;--text-md: .875rem;--text-lg: 1rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--z-drawer: 100;--z-modal: 200;--z-status: 300;--z-toast: 400}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--text-base);font-feature-settings:"tnum" 1,"ss01" 1;line-height:1.5;color:var(--text-primary);background:var(--bg-base);overflow-x:hidden}a{color:var(--accent-primary);text-decoration:none}a:hover{color:var(--accent-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-main{display:flex;flex:1;overflow:hidden}.app-content{flex:1;overflow-y:auto;padding:var(--space-6)}.nav-sidebar{width:220px;background:var(--bg-surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;padding:var(--space-4) 0;flex-shrink:0}.nav-brand{padding:var(--space-4) var(--space-5);font-size:var(--text-lg);font-weight:700;color:var(--text-primary);letter-spacing:-.02em;border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-4)}.nav-brand span{color:var(--accent-primary)}.nav-section{padding:var(--space-2) var(--space-5);font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-5);color:var(--text-secondary);font-size:var(--text-base);font-weight:500;transition:all var(--transition-fast);cursor:pointer;border-left:3px solid transparent}.nav-link:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-link.active{color:var(--accent-primary);background:var(--accent-muted);border-left-color:var(--accent-primary)}.nav-link-icon{font-size:var(--text-md);width:20px;text-align:center}.nav-link-shortcut{margin-left:auto;font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono);background:var(--bg-overlay);padding:1px 5px;border-radius:var(--radius-sm)}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);transition:border-color var(--transition-fast)}.card:hover{border-color:var(--border-default)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.card-title{font-size:var(--text-md);font-weight:600;color:var(--text-primary)}.card-subtitle{font-size:var(--text-sm);color:var(--text-secondary)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.table-dense{width:100%;border-collapse:collapse;font-size:var(--text-sm);font-feature-settings:"tnum" 1}.table-dense th{position:sticky;top:0;background:var(--bg-elevated);padding:var(--space-2) var(--space-3);text-align:left;font-weight:600;color:var(--text-secondary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-default);white-space:nowrap;z-index:1}.table-dense th.numeric,.table-dense td.numeric{text-align:right;font-family:var(--font-mono)}.table-dense td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);white-space:nowrap;color:var(--text-primary)}.table-dense tr:hover td{background:var(--bg-hover)}.table-dense .positive{color:var(--pnl-positive)}.table-dense .negative{color:var(--pnl-negative)}.table-dense .neutral{color:var(--pnl-neutral)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 8px;border-radius:999px;font-size:var(--text-xs);font-weight:600;white-space:nowrap}.badge-ok{background:var(--risk-ok-bg);color:var(--risk-ok)}.badge-warning{background:var(--risk-warning-bg);color:var(--risk-warning)}.badge-critical{background:var(--risk-critical-bg);color:var(--risk-critical)}.badge-unknown{background:var(--bg-overlay);color:var(--text-tertiary)}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.badge-dot.pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.metric-chip{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle);min-width:120px}.metric-chip-label{font-size:var(--text-xs);font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.metric-chip-value{font-size:var(--text-xl);font-weight:700;font-family:var(--font-mono);font-feature-settings:"tnum" 1;color:var(--text-primary)}.metric-chip-value.ok{color:var(--risk-ok)}.metric-chip-value.warning{color:var(--risk-warning)}.metric-chip-value.critical{color:var(--risk-critical)}.metric-chip-sub{font-size:var(--text-xs);color:var(--text-tertiary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-danger{background:var(--risk-critical);color:#fff}.btn-danger:hover:not(:disabled){background:var(--risk-emergency)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:var(--border-default)}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:var(--bg-hover)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.input{width:100%;padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:var(--text-sm);transition:border-color var(--transition-fast)}.input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-muted)}.input::placeholder{color:var(--text-tertiary)}.input-mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.input-group{display:flex;flex-direction:column;gap:var(--space-1)}.input-label{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.input-row{display:flex;gap:var(--space-3)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:var(--space-2) var(--space-3);padding-right:var(--space-8);background:var(--bg-elevated) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%238892a8' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") right 10px center/12px no-repeat;border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:var(--text-sm);cursor:pointer}.select:focus{outline:none;border-color:var(--accent-primary)}.status-bar{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-1) var(--space-5);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);font-size:var(--text-xs);min-height:32px;z-index:var(--z-status);flex-shrink:0}.status-bar-section{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary)}.status-bar-divider{width:1px;height:16px;background:var(--border-subtle)}.status-bar-mode{padding:1px 8px;border-radius:999px;font-weight:700;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em}.status-bar-mode.normal{background:var(--risk-ok-bg);color:var(--mode-normal)}.status-bar-mode.degraded{background:var(--risk-warning-bg);color:var(--mode-degraded)}.status-bar-mode.safe{background:#f9731626;color:var(--mode-safe)}.status-bar-mode.lockdown{background:var(--risk-critical-bg);color:var(--mode-lockdown)}.risk-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:var(--z-drawer);opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.risk-drawer-overlay.open{opacity:1;visibility:visible}.risk-drawer{position:fixed;top:0;right:0;bottom:0;width:380px;background:var(--bg-surface);border-left:1px solid var(--border-subtle);z-index:calc(var(--z-drawer) + 1);transform:translate(100%);transition:transform var(--transition-normal);display:flex;flex-direction:column;overflow-y:auto}.risk-drawer.open{transform:translate(0)}.risk-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle)}.risk-drawer-title{font-size:var(--text-md);font-weight:700}.risk-drawer-close{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:var(--text-lg);padding:var(--space-1)}.risk-drawer-close:hover{color:var(--text-primary)}.risk-drawer-body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;animation:fadeIn var(--transition-fast)}.modal{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);max-width:480px;width:90%;box-shadow:var(--shadow-lg);animation:slideUp var(--transition-normal)}.modal-title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-3)}.modal-body{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6;margin-bottom:var(--space-5)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.page-title{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em}.page-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.stale-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--risk-warning-bg);border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);color:var(--risk-warning);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-4)}.stale-banner-icon{font-size:var(--text-lg)}.gauge{position:relative;width:100%;height:8px;background:var(--bg-overlay);border-radius:4px;overflow:hidden}.gauge-fill{height:100%;border-radius:4px;transition:width var(--transition-normal),background var(--transition-normal)}.gauge-fill.ok{background:var(--risk-ok)}.gauge-fill.warning{background:var(--risk-warning)}.gauge-fill.critical{background:var(--risk-critical)}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-5)}.tab{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition-fast);background:none;border-top:none;border-left:none;border-right:none;font-family:var(--font-family)}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.toggle{position:relative;width:36px;height:20px;background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:10px;cursor:pointer;transition:background var(--transition-fast)}.toggle.active{background:var(--accent-primary);border-color:var(--accent-primary)}.toggle-handle{position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform var(--transition-fast)}.toggle.active .toggle-handle{transform:translate(16px)}