@import "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";:root{--font-sans:"IBM Plex Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Hanken Grotesk", -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--color-canvas:#f8fafc;--color-card:#fff;--color-border:#e2e8f0;--color-border-subtle:#f1f5f9;--color-navy:#0f172a;--color-navy-dark:#020617;--color-navy-border:#1e293b;--color-slate-text:#64748b;--color-slate-subtle:#94a3b8;--color-blue-primary:#2563eb;--color-blue-light:#eff6ff;--color-blue-border:#bfdbfe;--color-emerald:#059669;--color-emerald-light:#ecfdf5;--color-emerald-border:#a7f3d0;--color-rose:#dc2626;--color-rose-light:#fef2f2;--color-rose-border:#fca5a5;--color-amber:#ea580c;--color-amber-light:#fff7ed;--color-amber-border:#fed7aa}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-canvas);color:var(--color-navy);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3,h4,h5,h6,.font-heading{font-family:var(--font-heading);color:var(--color-navy);font-weight:700}.font-mono{font-family:var(--font-mono)}.material-symbols-outlined{text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;vertical-align:middle;direction:ltr;font-style:normal;font-weight:400;line-height:1;display:inline-block;font-family:Material Symbols Outlined!important}::selection{color:#1e3a8a!important;background-color:#bfdbfe!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app-container{background-color:var(--color-canvas);min-height:100vh;display:flex}.sidebar{background-color:var(--color-navy);color:#cbd5e1;border-right:1px solid var(--color-navy-border);z-index:50;flex-direction:column;flex-shrink:0;width:270px;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand-header{background:var(--color-navy-dark);border-bottom:1px solid var(--color-navy-border);align-items:center;gap:12px;padding:16px 20px;display:flex}.brand-icon-box{color:#fff;background:#2563eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex;box-shadow:0 4px 6px #2563eb40}.brand-title-text{font-family:var(--font-heading);color:#fff;letter-spacing:-.01em;font-size:16px;font-weight:700}.sidebar-section-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;padding:12px 14px 6px;font-size:10.5px;font-weight:700}.sidebar-nav-list{flex-direction:column;gap:2px;padding:0 10px;display:flex}.sidebar-nav-link{cursor:pointer;color:#94a3b8;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;width:100%;margin-bottom:2px;padding:8.5px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar-nav-link:hover{color:#fff;background:#1e293bb3}.sidebar-nav-link.active{color:#fff;background:#2563eb;font-weight:500;box-shadow:0 1px 2px #0000001a}.sidebar-nav-link.active .sidebar-icon,.sidebar-nav-link.active .sidebar-label{color:#fff}.sidebar-nav-left{align-items:center;gap:12px;display:flex}.sidebar-badge-crit{color:#fda4af;font-family:var(--font-mono);background:#f43f5e2e;border:1px solid #f43f5e4d;border-radius:4px;padding:1.5px 6px;font-size:11px;font-weight:600}.sidebar-badge-blue{color:#93c5fd;font-family:var(--font-mono);background:#2563eb38;border:1px solid #2563eb4d;border-radius:4px;padding:1.5px 6px;font-size:11px;font-weight:600}.sidebar-active-dot{background:#fff;border-radius:50%;width:6px;height:6px;display:inline-block}.sidebar-bottom-card{background:#020617d9;border:1px solid #1e293b;border-radius:8px;margin:auto 10px 16px;padding:12px 14px}.main-wrapper{flex-direction:column;flex:1;min-width:0;max-width:1780px;padding:1.5rem 2rem 3rem;display:flex}.platform-top-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:10px 18px;display:flex;box-shadow:0 1px 3px #0f172a0a}.content-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:20px 24px;box-shadow:0 1px 3px #0f172a0a}.metric-box{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:4px;padding:16px 18px;display:flex;box-shadow:0 1px 3px #0f172a0a}.metric-label{color:#64748b;font-size:13px;font-weight:500}.metric-val{font-family:var(--font-heading);color:#0f172a;font-size:26px;font-weight:700;line-height:1.2}.metric-delta{color:#64748b;font-size:12px}.metric-delta.normal{color:#059669}.metric-delta.inverse{color:#dc2626}.ui-tabs{border-bottom:1px solid #e2e8f0;gap:6px;margin-bottom:16px;display:flex}.ui-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;padding:10px 18px;font-size:13px;font-weight:600;transition:all .15s}.ui-tab-btn:hover{color:#2563eb}.ui-tab-btn.active{color:#2563eb;background-color:#eff6ff;border-bottom:2px solid #2563eb}.data-table-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.data-table th{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600;font-family:var(--font-mono);background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:9px 12px}.data-table td{color:#0f172a;border-bottom:1px solid #f1f5f9;padding:9px 12px}.data-table tr:hover{background-color:#f8fafc}.btn-primary{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:background-color .15s}.btn-primary:hover{background-color:#1d4ed8}.btn-secondary{color:#0f172a;cursor:pointer;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:7px 14px;font-size:12.5px;font-weight:600}.btn-secondary:hover{background-color:#f1f5f9}