*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--color-bg: #0b0e16;--color-surface: #161a25;--color-surface-2: #1e2331;--color-surface-3: #252b3b;--color-border: #2b3043;--color-border-strong: #3a4159;--color-text: #e6ebf4;--color-text-muted: #93a0b5;--color-text-faint: #5d6781;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-soft: rgba(59,130,246,.14);--color-danger: #ef4444;--color-warning: #f59e0b;--color-success: #22c55e;--color-info: #06b6d4;--color-purple: #8b5cf6;--color-brand-green: #22c55e;--color-sidebar-bg: #10131d;--color-sidebar-border: #242a3b;--color-sidebar-item-active-bg: rgba(59,130,246,.13);--color-sidebar-item-hover: rgba(255,255,255,.045);--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 2px 6px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.24);--shadow-lg: 0 10px 30px rgba(0,0,0,.4), 0 2px 8px rgba(0,0,0,.3);--shadow-panel: -12px 0 40px rgba(0,0,0,.45);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--fs-xs: 11px;--fs-sm: 13px;--fs-base: 14px;--fs-lg: 16px;--fs-xl: 20px;--fs-2xl: 26px;--fs-3xl: 34px;--gradient-brand: linear-gradient(150deg, #0b1f3a 0%, #12326b 45%, #0e7a52 110%);--gradient-surface: linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,0));--gradient-app: radial-gradient(1250px 840px at 100% 6%, rgba(16,150,98,.3), transparent 56%), radial-gradient(900px 640px at 50% -12%, rgba(22,80,132,.24), transparent 50%), linear-gradient(150deg, #0f3a50 0%, #0d3a2c 50%, #06130e 100%);--logo-filter: none;font-family:Inter,system-ui,-apple-system,sans-serif;color-scheme:dark}[data-theme=light]{--color-bg: #eef1f6;--color-surface: #ffffff;--color-surface-2: #f6f8fb;--color-surface-3: #eef2f7;--color-border: #d7dee8;--color-border-strong: #c2cbd9;--color-text: #0f1b2d;--color-text-muted: #5b677d;--color-text-faint: #8a95a8;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-soft: rgba(37,99,235,.1);--color-danger: #dc2626;--color-warning: #d97706;--color-success: #16a34a;--color-info: #0891b2;--color-purple: #7c3aed;--color-brand-green: #16a34a;--color-sidebar-bg: #f4f7fb;--color-sidebar-border: #dbe2ec;--color-sidebar-item-active-bg: #e2ecfd;--color-sidebar-item-hover: rgba(15,27,45,.045);--shadow-sm: 0 1px 2px rgba(15,27,45,.06);--shadow-md: 0 2px 8px rgba(15,27,45,.08), 0 1px 2px rgba(15,27,45,.05);--shadow-lg: 0 12px 32px rgba(15,27,45,.12), 0 2px 8px rgba(15,27,45,.06);--shadow-panel: -8px 0 32px rgba(15,27,45,.12);--gradient-brand: linear-gradient(150deg, #0b1f3a 0%, #12326b 45%, #0e7a52 110%);--gradient-surface: linear-gradient(180deg, rgba(15,27,45,.015), rgba(15,27,45,0));--gradient-app: radial-gradient(1100px 520px at 8% -10%, rgba(18,50,107,.05), transparent 55%), linear-gradient(168deg, #f1f4f9 0%, #eaeef5 100%);--logo-filter: none;font-family:Inter,system-ui,-apple-system,sans-serif;color-scheme:light}body{background:var(--gradient-app);background-attachment:fixed;color:var(--color-text);min-height:100vh;font-size:var(--fs-base);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{display:flex;flex-direction:column;min-height:100vh}button{cursor:pointer;border:none;border-radius:var(--radius-sm);padding:8px 16px;font-size:var(--fs-base);font-weight:500;font-family:inherit;transition:opacity .15s,background .15s,border-color .15s,box-shadow .15s}button:disabled{opacity:.5;cursor:not-allowed}button.btn-primary{background:var(--color-primary);color:#fff;font-weight:600;padding:9px 18px;box-shadow:var(--shadow-sm)}button.btn-primary:not(:disabled):hover{background:var(--color-primary-hover);opacity:1}button.btn-danger{background:var(--color-danger);color:#fff;font-weight:600}button.btn-secondary{background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border);font-weight:500}button.btn-secondary:not(:disabled):hover{background:var(--color-surface-3);border-color:var(--color-border-strong);opacity:1}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:not(:disabled):hover{opacity:.92}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm)}h2{font-size:var(--fs-xl);font-weight:700;margin-bottom:var(--space-4);letter-spacing:-.01em}h3{font-size:var(--fs-lg);font-weight:600;margin-bottom:var(--space-2)}table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}th{text-align:left;color:var(--color-text-muted);padding:8px 12px;border-bottom:1px solid var(--color-border);font-weight:500}td{padding:8px 12px;border-bottom:1px solid var(--color-border)}tr:last-child td{border-bottom:none}.badge-demo{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--radius-pill);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:#3b82f629;color:#93c5fd;border:1px solid rgba(59,130,246,.45)}.chip-estimated{background:#f59e0b26;color:#fcd34d;border:1px solid rgba(245,158,11,.4)}.chip-verified{background:#10b98126;color:#6ee7b7;border:1px solid rgba(16,185,129,.4)}.chip-unverified{background:#f59e0b1f;color:#fde68a;border:1px solid rgba(245,158,11,.3)}.chip-read-only{background:#94a3b81a;color:#94a3b8;border:1px solid rgba(148,163,184,.25)}.chip-shadow{background:#8b5cf626;color:#c4b5fd;border:1px solid rgba(139,92,246,.4)}.chip-supervised{background:#06b6d41f;color:#67e8f9;border:1px solid rgba(6,182,212,.35)}.chip-manual{background:#f973161f;color:#fdba74;border:1px solid rgba(249,115,22,.35)}.chip-emergency{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.5);animation:pulse-emergency 1.5s ease-in-out infinite}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:600;letter-spacing:.02em;line-height:1.4}@keyframes pulse-emergency{0%,to{opacity:1}50%{opacity:.65}}.app-shell{display:flex;min-height:100vh}.sidebar{width:236px;background:var(--color-sidebar-bg);border-right:1px solid rgba(255,255,255,.11);box-shadow:inset -1px 0 #ffffff0d,16px 0 38px #0000008c;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;padding:var(--space-3) 0 var(--space-5);position:relative;z-index:20}.sidebar-section-header{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-faint);padding:14px 18px 6px}.sidebar-divider{height:1px;background:var(--color-sidebar-border);margin:8px 14px}.sidebar-item{display:flex;align-items:center;gap:11px;padding:9px 16px 9px 14px;margin:1px 8px;font-size:var(--fs-sm);color:var(--color-text-muted);cursor:pointer;border:none;background:transparent;width:calc(100% - 16px);text-align:left;border-radius:var(--radius-sm);position:relative;transition:color .15s,background .15s;font-weight:500;line-height:1.2}.sidebar-item .sidebar-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;opacity:.85}.sidebar-item:hover{color:var(--color-text);background:var(--color-sidebar-item-hover);opacity:1}.sidebar-item.active{color:var(--color-primary);background:var(--color-sidebar-item-active-bg);font-weight:600}.sidebar-item.active .sidebar-icon{opacity:1}.sidebar-item.active:before{content:"";position:absolute;left:-8px;top:6px;bottom:6px;width:3px;border-radius:var(--radius-pill);background:var(--color-primary)}.page-content{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-6);min-width:0;background:transparent}.page-content>*{max-width:1280px;margin-left:auto;margin-right:auto}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:0 22px;display:flex;align-items:center;gap:16px;height:56px;flex-shrink:0;z-index:100}.app-footer{text-align:center;padding:12px 24px;font-size:var(--fs-xs);color:var(--color-text-muted);border-top:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0}.header-action-btn{display:inline-flex;align-items:center;gap:6px;background:var(--gradient-brand);color:#fff;border:1px solid rgba(59,130,246,.5);border-radius:var(--radius-sm);padding:7px 14px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-sm)}.header-action-btn:hover{opacity:.9}.header-logout-btn{display:inline-flex;align-items:center;gap:5px;background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:6px 12px;font-size:12px;font-weight:500;cursor:pointer}.header-logout-btn:hover{color:var(--color-text);border-color:var(--color-border-strong);background:var(--color-surface-2);opacity:1}.metric-card{background:var(--color-surface);background-image:var(--gradient-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:18px 20px;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.metric-card-value{font-size:var(--fs-2xl);font-weight:700;line-height:1.05;letter-spacing:-.02em}.metric-card-label{font-size:var(--fs-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:8px}.metric-card-sub{font-size:var(--fs-xs);color:var(--color-text-muted);margin-top:8px}.section-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:22px;margin-bottom:var(--space-4);box-shadow:var(--shadow-sm)}.section-card-title{font-size:var(--fs-base);font-weight:600;margin-bottom:var(--space-4)}.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:600;letter-spacing:.02em;line-height:1.4}.pill-healthy{background:#22c55e26;color:#86efac;border:1px solid rgba(34,197,94,.3)}.pill-degraded{background:#f59e0b26;color:#fcd34d;border:1px solid rgba(245,158,11,.3)}.pill-critical{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.pill-info{background:#06b6d41f;color:#67e8f9;border:1px solid rgba(6,182,212,.3)}.pill-advisory{background:#8b5cf626;color:#c4b5fd;border:1px solid rgba(139,92,246,.38)}.pill-disabled{background:#64748b1f;color:#94a3b8;border:1px solid rgba(100,116,139,.25)}.pill-readonly{background:#94a3b814;color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.pill-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.progress-bar-track{height:6px;background:var(--color-surface-3);border-radius:var(--radius-pill);overflow:hidden}.progress-bar-fill{height:100%;border-radius:var(--radius-pill);transition:width .3s}.demo-banner{background:linear-gradient(90deg,#0b1f3ae6,#0f1f4ab3);border:1px solid rgba(59,130,246,.45);border-radius:var(--radius-md);padding:11px 16px;display:flex;align-items:center;gap:12px;margin-bottom:var(--space-4);box-shadow:var(--shadow-sm)}.scenario-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 14px;font-size:var(--fs-sm);cursor:pointer;color:var(--color-text);transition:all .15s;text-align:left}.scenario-btn:hover{border-color:var(--color-primary);opacity:1}.scenario-btn.active{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.table-pro{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.table-pro th{padding:10px 14px;text-align:left;font-size:10px;font-weight:700;color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--color-border);white-space:nowrap}.table-pro td{padding:11px 14px;border-bottom:1px solid var(--color-border);vertical-align:middle}.table-pro td.num,.table-pro th.num{text-align:right;font-variant-numeric:tabular-nums}.table-pro tr:last-child td{border-bottom:none}.table-pro tbody tr{transition:background .12s}.table-pro tbody tr:hover td{background:var(--color-sidebar-item-hover)}.table-pro tr.selected td{background:var(--color-primary-soft)}.detail-panel{position:fixed;top:0;right:0;width:380px;height:100vh;background:var(--color-surface);border-left:1px solid var(--color-border);z-index:500;overflow-y:auto;padding:24px;box-shadow:var(--shadow-panel);transition:transform .25s}.global-status-bar{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:0 20px;display:flex;align-items:center;gap:16px;height:40px;font-size:12px}.control-disabled-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;background:#ef44441a;border:1px solid rgba(239,68,68,.28);border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:600;color:#f87171}.hero-block{background:var(--color-surface);background-image:var(--gradient-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:22px 26px;margin-bottom:var(--space-5);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.hero-block:after{content:"";position:absolute;top:0;right:0;width:320px;height:100%;background:var(--gradient-brand);opacity:.07;pointer-events:none}.report-row{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:10px;transition:border-color .15s,box-shadow .15s,transform .15s}.report-row:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.export-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);cursor:pointer}.export-btn:hover{border-color:var(--color-primary);color:var(--color-primary);opacity:1}.export-btn:disabled{cursor:not-allowed;opacity:.45;color:var(--color-text-faint);background:transparent}.gauge-big{font-size:56px;font-weight:800;line-height:1;letter-spacing:-.03em}[data-testid=btn-start-walkthrough]:hover{opacity:.9}.walkthrough-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000026;z-index:490}@keyframes walkthrough-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}[data-testid=walkthrough-panel]{animation:walkthrough-slide-in .25s ease-out}[data-testid=walkthrough-next]:not(:disabled):hover,[data-testid=walkthrough-finish]:not(:disabled):hover{opacity:.85}[data-testid=walkthrough-prev]:not(:disabled):hover{background:#ffffff0d!important;color:var(--color-text)!important}[data-testid=walkthrough-go-to-module]:hover{opacity:.85}[data-testid=walkthrough-exit]:hover{color:var(--color-text)!important;border-color:#ffffff4d!important;background:#ffffff0f!important}body,.sidebar,.card,.section-card,.metric-card,.detail-panel,.global-status-bar,.app-header,.app-footer,.hero-block,.report-row,header,footer,.page-content{transition:background-color .25s ease,border-color .25s ease,color .2s ease}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:16px;cursor:pointer;transition:background .2s,border-color .2s,color .2s;padding:0;flex-shrink:0}.theme-toggle-btn:hover{background:var(--color-surface-2)!important;border-color:var(--color-primary)!important;color:var(--color-text)!important;opacity:1!important}.logo-container{display:flex;align-items:center;gap:12px}.logo-img-wrapper{display:flex;align-items:center;background:#fff;border-radius:var(--radius-sm);padding:4px 9px;border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.login-shell{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh;width:100%}.login-brand{background:var(--gradient-brand);color:#f1f5ff;padding:56px 60px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-brand:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(900px 500px at 85% 10%,rgba(255,255,255,.1),transparent 60%);pointer-events:none}.login-brand-logo{display:inline-block;background:#fff;border-radius:var(--radius-lg);padding:18px 30px;align-self:flex-start;box-shadow:var(--shadow-lg)}.login-headline{font-size:34px;font-weight:800;line-height:1.18;letter-spacing:-.02em;max-width:460px}.login-sub{font-size:15px;line-height:1.6;color:#f1f5ffc7;max-width:440px;margin-top:14px}.login-benefit{display:flex;align-items:flex-start;gap:13px;padding:12px 0}.login-benefit-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-md);background:#ffffff1f;border:1px solid rgba(255,255,255,.18);flex-shrink:0}.login-right{background:var(--color-bg);display:flex;align-items:center;justify-content:center;padding:40px}.login-card{width:100%;max-width:388px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:36px 34px;box-shadow:var(--shadow-lg)}.login-field-label{display:block;font-size:12px;font-weight:600;color:var(--color-text-muted);margin-bottom:6px;letter-spacing:.02em}.login-input{width:100%;padding:11px 13px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);font-size:var(--fs-base);font-family:inherit;margin-bottom:16px;transition:border-color .15s,box-shadow .15s}.login-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.login-submit{width:100%;padding:12px;border-radius:var(--radius-sm);background:var(--gradient-brand);color:#fff;font-size:var(--fs-base);font-weight:700;border:none;cursor:pointer;box-shadow:var(--shadow-md);margin-top:4px}.login-submit:hover{opacity:.93}[data-theme=light] .demo-banner{background:linear-gradient(90deg,#e2ecfd,#f0f6ff);border-color:#a9c8f7}[data-theme=light] .badge-demo{background:#e2ecfd;color:#1d4ed8;border-color:#a9c8f7}[data-theme=light] .control-disabled-badge{background:#dc26260f;border-color:#dc262633;color:#dc2626}[data-theme=light] .pill-healthy{background:#16a34a1a;color:#15803d;border-color:#16a34a40}[data-theme=light] .pill-degraded{background:#d977061a;color:#b45309;border-color:#d9770640}[data-theme=light] .pill-critical{background:#dc26261a;color:#b91c1c;border-color:#dc262640}[data-theme=light] .pill-info{background:#0891b21a;color:#0e7490;border-color:#0891b240}[data-theme=light] .pill-advisory{background:#7c3aed1a;color:#6d28d9;border-color:#7c3aed40}[data-theme=light] .pill-disabled{background:#64748b14;color:#475569;border-color:#64748b33}[data-theme=light] .scenario-btn{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}[data-theme=light] .scenario-btn:hover{border-color:var(--color-primary)}[data-theme=light] .scenario-btn.active{border-color:var(--color-primary);background:#e2ecfd;color:var(--color-primary)}[data-theme=light] .sidebar-item{color:#4a5568}[data-theme=light] .sidebar-item:hover{background:#0f1b2d0d;color:#0f172a}[data-theme=light] .sidebar-item.active{background:var(--color-sidebar-item-active-bg);color:#1d4ed8}