@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--bg-base:#060a0f;--bg-main:#0b141d;--bg-panel:#0e1c2aa6;--border-glass:#14b8a614;--text-primary:#e2f1f0;--text-secondary:#8198a6;--text-muted:#4a6375;--accent-indigo:#06b6d4;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-orange:#f97316;--accent-rose:#f43f5e;--accent-sky:#8b5cf6;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}body.light-theme{--bg-base:#f0f4f6;--bg-main:#fff;--bg-panel:#ffffffbf;--border-glass:#06b6d414;--text-primary:#0f1c24;--text-secondary:#4a616e;--text-muted:#819b9e}body.light-theme .sidebar{background-color:#eaf0f2;border-right:1px solid #0000000f}body.light-theme .menu-item{color:#475569}body.light-theme .menu-item:hover{color:#0f172a;background-color:#0000000a}body.light-theme .menu-item.active{color:#fff;background-color:var(--accent-indigo)}body.light-theme .app-header{background:linear-gradient(90deg,#f0f4f6 0%,#fff 100%);border-bottom:1px solid #0000000f}body.light-theme .scenario-selector-container{background-color:#00000008;border:1px solid #00000014}body.light-theme .scenario-selector-container select{color:var(--text-primary)}body.light-theme .scenario-selector-container select option{color:var(--text-primary);background-color:#fff}body.light-theme th{background-color:#00000005;border-bottom:1px solid #00000014}body.light-theme td{border-bottom:1px solid #0000000a}body.light-theme tr:hover td{background-color:#00000003}body.light-theme .summary-box{background-color:#6366f10d}body.light-theme .explain-panel{background-color:#00000005}body.light-theme .btn-secondary{color:var(--text-primary);background-color:#00000008}body.light-theme .btn-secondary:hover{background-color:#0000000f}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-primary);min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;overflow-x:hidden}.app-container{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border-glass);background-color:#03060a;flex-direction:column;flex-shrink:0;width:280px;padding:24px;display:flex}.sidebar-brand{border-bottom:1px solid #ffffff0d;margin-bottom:24px;padding-bottom:24px}.sidebar-brand h2{color:var(--accent-indigo);letter-spacing:.05em;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700}.sidebar-brand span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.sidebar-menu{flex-direction:column;flex-grow:1;gap:8px;display:flex}.menu-item{color:var(--text-secondary);transition:var(--transition-smooth);border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-weight:500;text-decoration:none;display:flex}.menu-item i{width:20px;font-size:1.1rem}.menu-item:hover{color:var(--text-primary);background-color:#ffffff08}.menu-item.active{color:var(--text-primary);background-color:var(--accent-indigo);box-shadow:0 4px 15px #06b6d44d}.sidebar-footer{color:var(--text-muted);text-align:center;border-top:1px solid #ffffff0d;padding-top:16px;font-size:.75rem}.main-content{background-color:var(--bg-main);flex-direction:column;flex-grow:1;min-width:0;display:flex}.app-header{background:linear-gradient(90deg, #070e14 0%, var(--bg-main) 100%);border-bottom:1px solid var(--border-glass);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px 40px;display:flex}.header-info h1{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:700}.header-info p{color:var(--text-secondary);margin-top:4px;font-size:.85rem}.header-controls{align-items:center;gap:16px;display:flex}.scenario-selector-container{border:1px solid var(--border-glass);background-color:#0003;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;display:flex}.scenario-selector-container label{color:var(--text-secondary);align-items:center;gap:6px;font-size:.8rem;display:flex}.scenario-selector-container select{color:var(--text-primary);cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit;font-size:.85rem;font-weight:600}.scenario-selector-container select option{background-color:var(--bg-main);color:var(--text-primary)}.status-badge{color:var(--accent-emerald);background-color:#10b9811a;border:1px solid #10b98133;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:.8rem;font-weight:600;display:flex}.status-dot{background-color:var(--accent-emerald);width:8px;height:8px;box-shadow:0 0 8px var(--accent-emerald);border-radius:50%;animation:2s infinite pulse;display:inline-block}@keyframes pulse{0%{opacity:.8;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}to{opacity:.8;transform:scale(.9)}}.page-container{flex-grow:1;max-height:calc(100vh - 90px);padding:32px 40px;overflow-y:auto}.page{animation:.4s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.grid-5{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:24px;display:grid}.grid-2-1{grid-template-columns:2fr 1fr;gap:24px;margin-bottom:24px;display:grid}@media (width<=1024px){.grid-2-1{grid-template-columns:1fr}}.card{background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);transition:var(--transition-smooth);border-radius:12px;padding:24px;box-shadow:0 8px 32px #00000040}.card:hover{border-color:#6366f133;transform:translateY(-2px);box-shadow:0 12px 40px #6366f114}.metric-card{padding:20px}.metric-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.metric-value{color:var(--text-primary);margin-top:8px;font-family:Outfit,sans-serif;font-size:2rem;font-weight:700}.metric-delta{align-items:center;gap:4px;margin-top:6px;font-size:.8rem;font-weight:500;display:flex}.delta-pos{color:var(--accent-emerald)}.delta-neg{color:var(--accent-rose)}.delta-warn{color:var(--accent-amber)}.delta-info{color:var(--accent-sky)}.table-container{margin-top:16px;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}th{color:var(--text-secondary);background-color:#ffffff05;border-bottom:1px solid #ffffff14;padding:14px 16px;font-weight:600}td{color:var(--text-primary);border-bottom:1px solid #ffffff0a;padding:14px 16px}tr:hover td{background-color:#ffffff03}.badge{text-transform:uppercase;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:700;display:inline-block}.badge-critical{color:var(--accent-rose);background-color:#f43f5e26;border:1px solid #f43f5e40}.badge-high{color:var(--accent-orange);background-color:#f9731626;border:1px solid #f9731640}.badge-medium{color:var(--accent-amber);background-color:#f59e0b26;border:1px solid #f59e0b40}.badge-low,.badge-safe{color:var(--accent-emerald);background-color:#10b98126;border:1px solid #10b98140}.summary-box{border-left:4px solid var(--accent-indigo);background-color:#6366f10f;border-radius:0 8px 8px 0;margin-bottom:24px;padding:16px;font-size:.95rem;line-height:1.5}h2.section-title{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:16px;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:600;display:flex}.chart-container{width:100%;height:320px;position:relative}.chart-donut-container{justify-content:center;width:100%;height:220px;display:flex;position:relative}.filter-row{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.filter-group{flex-direction:column;gap:6px;display:flex}.filter-group label{color:var(--text-secondary);font-size:.8rem;font-weight:600}.filter-group select,.filter-group input{border:1px solid var(--border-glass);color:var(--text-primary);background-color:#0000004d;border-radius:6px;outline:none;min-width:180px;padding:8px 12px;font-family:inherit;font-size:.88rem}.filter-group select:focus,.filter-group input:focus{border-color:var(--accent-indigo)}.explain-panel{border-left:3px solid var(--accent-indigo);background-color:#0f172a80;border-radius:8px;margin-top:12px;padding:16px;font-size:.88rem;line-height:1.45}.explain-panel p{margin-bottom:8px}.btn-group{gap:12px;margin-top:12px;display:flex}.btn{cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:4px;padding:6px 12px;font-family:inherit;font-size:.8rem;font-weight:600}.btn-primary{background-color:var(--accent-indigo);color:#fff}.btn-primary:hover{background-color:#4f46e5}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-glass);background-color:#ffffff0d}.btn-secondary:hover{background-color:#ffffff1a}.sim-controls{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:24px;display:grid}.slider-group{flex-direction:column;gap:8px;display:flex}.slider-group label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.slider-header{justify-content:space-between;display:flex}.slider-val{color:var(--accent-indigo);font-weight:700}.slider-group input[type=range]{width:100%;accent-color:var(--accent-indigo);cursor:pointer}.toast-container{z-index:9999;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border:1px solid #ffffff14;border-left:4px solid var(--accent-indigo);background-color:#0f172a;border-radius:6px;align-items:center;gap:12px;padding:12px 20px;animation:.3s ease-out slideIn;display:flex;box-shadow:0 10px 25px #0000004d}body.light-theme .toast{border:1px solid #00000014;border-left:4px solid var(--accent-indigo);color:var(--text-primary);background-color:#fff;box-shadow:0 10px 25px #00000014}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.rec-row-header{cursor:pointer}.rec-row-header:hover td{background-color:#ffffff05}.loading{height:200px;color:var(--text-secondary);justify-content:center;align-items:center;gap:12px;font-size:1rem;display:flex}.active-tab{background-color:var(--accent-indigo)!important;color:#fff!important;border-color:var(--accent-indigo)!important}.animate-fade-in{animation:.4s ease-out fadeIn}