:root{--navy: #052540;--navy-ink: #0B2239;--ink-2: #5B7186;--ink-3: #7D93A8;--page: #F3F6FA;--card: #FFFFFF;--border: #CBD7E4;--hairline: #EDF2F8;--cyan: #16B3D6;--cyan-deep: #1193B8;--blue: #0E63C4;--sky: #8ECAE6;--violet: #7C4DD8;--magenta: #E5237E;--crit: #E23A6F;--high: #F0820F;--med: #F5B82E;--low: #2FA97C;--live: #2FE0A2;--grad-slash: linear-gradient(160deg, var(--cyan), var(--violet) 60%, var(--magenta));--grad-cta: linear-gradient(100deg, var(--magenta), var(--violet));--grad-bar: linear-gradient(90deg, var(--blue), var(--cyan));--corner-cut: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 0 100%);--skew: -12deg;--font-display: "Bricolage Grotesque", sans-serif;--font-body: "Instrument Sans", sans-serif;--bg-page: var(--page);--bg-card: var(--card);--bg-card-hover: var(--hairline);--bg-header: var(--navy);--bg-input: rgba(5, 37, 64, .05);--bg-input-border: rgba(203, 215, 228, .5);--text-primary: var(--navy-ink);--text-secondary: var(--ink-2);--text-muted: var(--ink-3);--text-heading: var(--navy);--border-color: var(--hairline);--border-strong: var(--border);--shadow-card: 0 1px 2px rgba(5, 37, 64, .06), 0 3px 10px rgba(5, 37, 64, .04);--table-header-bg: var(--navy);--table-row-hover: var(--hairline);--table-border: var(--border);--table-border-row:var(--hairline);--skeleton-from: #CBD7E4;--skeleton-to: #EDF2F8;--color-light-blue: var(--sky);--color-medium-blue: var(--cyan);--color-dark-navy: var(--navy);--color-yellow: #FFB703;--color-orange: var(--high)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body{overflow-x:hidden}body{font-family:var(--font-body);background-color:var(--page);color:var(--navy-ink);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--navy)}#root{min-height:100vh}a{color:var(--blue);text-decoration:none}a:hover{color:var(--magenta)}input,select,textarea,button{font-family:inherit}button{cursor:pointer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--page)}::-webkit-scrollbar-thumb{background:var(--sky)}::-webkit-scrollbar-thumb:hover{background:var(--cyan)}.skew{transform:skew(var(--skew))}.skew>*{display:block;transform:skew(calc(-1 * var(--skew)))}.cut{clip-path:var(--corner-cut)}.slash{position:absolute;top:0;right:-16px;width:52px;height:120%;background:var(--grad-slash);transform:skew(-14deg);pointer-events:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulsedot{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(2.1);opacity:0}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .25s ease-out}.spin{animation:spin 1s linear infinite}.skeleton{background:linear-gradient(90deg,var(--skeleton-from) 25%,var(--skeleton-to) 50%,var(--skeleton-from) 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}.glass-card,.card{background:var(--card);border:1px solid var(--border);clip-path:var(--corner-cut)}.hover-card{transition:filter .15s ease}.hover-card:hover{filter:brightness(.97)}.badge{display:inline-flex;align-items:center;padding:2px 10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;transform:skew(var(--skew))}.badge>span{transform:skew(calc(-1 * var(--skew)))}.badge.risk-critical,.risk-critical{background:#fce3f0;color:var(--crit)}.badge.risk-high,.risk-high{background:#fdecd3;color:#b45d08}.badge.risk-medium,.risk-medium{background:#fef9db;color:#8a6800}.badge.risk-low,.risk-low{background:#dcf3e9;color:#177a52}.btn-cta{background:var(--grad-cta);padding:10px 22px;border:none;cursor:pointer;box-shadow:4px 4px #05254026;transform:skew(var(--skew))}.btn-cta>span{display:block;color:#fff;font-size:13px;font-weight:700;transform:skew(calc(-1 * var(--skew)))}.btn-cta:hover{filter:brightness(1.08)}.progress-bar{height:6px;background:var(--hairline);overflow:hidden;transform:skew(var(--skew))}.progress-bar-fill{height:100%;background:var(--grad-bar);transition:width .8s ease}.data-table{width:100%;border-collapse:collapse}.data-table th{background:var(--navy);padding:10px 14px;text-align:left;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--sky);white-space:nowrap}.data-table td{padding:10px 14px;border-bottom:1px solid var(--hairline);font-size:12.5px;color:var(--navy-ink);font-variant-numeric:tabular-nums}.data-table tr:hover td{background:var(--hairline)}.custom-tooltip{background:var(--navy);color:#fff;padding:8px 12px;font-size:12px;box-shadow:4px 4px #05254033;pointer-events:none}.custom-tooltip .tooltip-label{font-weight:700;margin-bottom:4px;color:var(--sky);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.status-dot-live{width:8px;height:8px;background:var(--live);display:inline-block;position:relative}.status-dot-live:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--live);animation:pulsedot 2s infinite}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 18px;color:#9dbbcd;font-size:13px;font-weight:500;text-decoration:none;position:relative}.nav-item:hover{color:#fff;background:#8ecae614}.nav-item.active{color:#fff;font-weight:600;background:linear-gradient(90deg,rgba(22,179,214,.22),transparent 80%)}.nav-item.active:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:4px;background:linear-gradient(180deg,var(--cyan),var(--magenta));transform:skewY(-18deg)}.metric-number{font-family:var(--font-display);font-size:2.2rem;font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--navy);font-variant-numeric:tabular-nums}.metric-number.danger{color:var(--crit)}.metric-number.warning{color:var(--high)}.metric-number.success{color:var(--low)}.metric-number.info{color:var(--cyan)}.gradient-text{background:var(--grad-bar);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.alert-critical{border-left:4px solid var(--crit);background:#fff5f7}.alert-high{border-left:4px solid var(--high);background:#fff8f0}.alert-warning{border-left:4px solid var(--med);background:#fffceb}.alert-info{border-left:4px solid var(--cyan);background:#f0fafd}.grid-kpi{display:grid;grid-template-columns:repeat(4,1fr)}.grid-2col{display:grid;grid-template-columns:1fr 1fr}.grid-2-1{display:grid;grid-template-columns:2fr 1fr}.grid-3-2{display:grid;grid-template-columns:1.5fr 1fr}.cards-kpi-row{display:grid}.carousel-kpi{display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;padding-bottom:8px}.carousel-kpi::-webkit-scrollbar{height:4px}.carousel-kpi::-webkit-scrollbar-thumb{background:#16b3d64d}.carousel-kpi-item{flex:0 0 calc(100% - 16px);min-width:280px}@media (max-width: 900px){.grid-kpi{display:none}.carousel-kpi{display:flex}.grid-2col,.grid-2-1,.grid-3-2{grid-template-columns:1fr}.header-search,.header-datasource{display:none!important}.cards-kpi-row{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px}.cards-kpi-row>*{flex:0 0 280px;min-width:280px;scroll-snap-align:start}}@media (min-width: 901px){.carousel-kpi{display:none}}