:root{--bg-app: #f7f8fa;--bg-card: #ffffff;--bg-deep: #0f1419;--bg-sidebar: #0b0e12;--bg-sidebar-2: #161b22;--text: #0f1419;--text-muted: #5c6470;--text-faint: #909aa8;--border: #e6e8eb;--border-light: #f0f1f3;--accent: #1955a6;--accent-soft: #e8effa;--accent-dark: #123f7c;--teal: #0f8b86;--teal-soft: #e5f4f3;--green: #16a34a;--green-soft: #dcfce7;--red: #dc2626;--red-soft: #fee2e2;--amber: #d97706;--amber-soft: #fef3c7;--purple: #7c3aed;--purple-soft: #ede9fe;--radius: 8px;--radius-sm: 6px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--font: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", "Roboto", sans-serif;--font-mono: "SF Mono", "JetBrains Mono", "Menlo", "Monaco", monospace;--c1: #e94e1b;--c2: #0f8b86;--c3: #f2b441;--c4: #7c3aed;--c5: #0066a1;--c6: #5c6470}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg-app);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.mono{font-family:var(--font-mono);font-size:.85em}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.tnum{font-variant-numeric:tabular-nums}.text-right{text-align:right}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.main{background:var(--bg-app);min-width:0}.page{padding:var(--space-5) var(--space-6) 48px}.sidebar{background:var(--bg-sidebar);color:#c9d1d9;padding:20px 0;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 20px 20px;font-weight:600;font-size:15px;color:#fff;border-bottom:1px solid var(--bg-sidebar-2)}.brand-mark{width:24px;height:24px;background:var(--accent);border-radius:0;display:inline-flex;align-items:center;justify-content:center;color:#fff;padding:4px}.brand-mark svg{display:block}.sidebar-org{padding:16px 20px;border-bottom:1px solid var(--bg-sidebar-2)}.sidebar-org .label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#6e7681;margin-bottom:4px}.sidebar-org .name{font-size:14px;color:#fff;font-weight:500;word-break:break-word}.sidebar-nav{padding:12px 0;flex:1}.sidebar-section-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#6e7681;padding:14px 20px 8px;font-weight:600}.sidebar-link{display:flex;align-items:center;gap:10px;padding:9px 20px;color:#c9d1d9;font-size:13.5px;border-left:2px solid transparent;cursor:pointer;width:100%;background:transparent;border-top:0;border-right:0;border-bottom:0;text-align:left;font-family:inherit}.sidebar-link:hover{background:var(--bg-sidebar-2);color:#fff}.sidebar-link.active{background:var(--bg-sidebar-2);color:#fff;border-left-color:var(--accent)}.sidebar-link .nav-badge{margin-left:auto;font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);border:1px solid #2a2f37;border-radius:8px;padding:1px 6px}.sidebar-user{padding:16px 20px;border-top:1px solid var(--bg-sidebar-2);display:flex;align-items:center;gap:10px}.user-avatar{width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.sidebar-user .name{font-size:13px;color:#fff}.sidebar-user .role{font-size:11px;color:#909aa8}.topbar{background:var(--bg-card);border-bottom:1px solid var(--border);padding:14px 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.topbar h1{font-size:18px;font-weight:600;letter-spacing:-.01em}.topbar .breadcrumb{font-size:12px;color:var(--text-muted);margin-top:2px}.topbar-actions{display:flex;gap:8px;align-items:center}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;cursor:pointer;font-family:inherit;color:var(--text)}.btn-primary{background:var(--bg-deep);color:#fff;border-color:var(--bg-deep)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-dark)}.btn-ghost{border-color:var(--border)}.btn-ghost:hover{border-color:var(--text)}.btn-sm{padding:4px 10px;font-size:12px}.btn-danger{color:var(--red);border-color:var(--border)}.btn-danger:hover{border-color:var(--red)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.card-pad-lg{padding:24px}.card h3{font-size:15px;font-weight:600;margin-bottom:14px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-header h3{margin:0}.stack-16>*+*{margin-top:16px}.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px}.kpi{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.kpi-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:8px;font-weight:600}.kpi-value{font-size:24px;font-weight:600;letter-spacing:-.02em;color:var(--text)}.kpi-delta{font-size:12px;margin-top:4px}.kpi-delta.up{color:var(--red)}.kpi-delta.down{color:var(--green)}.kpi-delta.neutral{color:var(--text-muted)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-2-1{display:grid;grid-template-columns:2fr 1fr;gap:16px}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data thead th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--text-muted);padding:10px 12px;border-bottom:1px solid var(--border);background:var(--bg-app);cursor:pointer;-webkit-user-select:none;user-select:none}table.data thead th.no-sort{cursor:default}table.data thead th:hover:not(.no-sort){color:var(--text)}table.data thead th.sort-asc:after{content:"  ↑";color:var(--accent)}table.data thead th.sort-desc:after{content:"  ↓";color:var(--accent)}table.data tbody td{padding:11px 12px;border-bottom:1px solid var(--border-light);color:var(--text)}table.data tbody tr.clickable:hover{background:var(--bg-app);cursor:pointer}table.data tbody tr:last-child td{border-bottom:none}table.data .num{text-align:right;font-variant-numeric:tabular-nums}table.data .center{text-align:center}.badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;border-radius:4px;letter-spacing:.02em}.badge-accent{background:var(--accent-soft);color:var(--accent-dark)}.badge-green{background:var(--green-soft);color:var(--green)}.badge-red{background:var(--red-soft);color:var(--red)}.badge-amber{background:var(--amber-soft);color:var(--amber)}.badge-teal{background:var(--teal-soft);color:var(--teal)}.badge-purple{background:var(--purple-soft);color:var(--purple)}.badge-neutral{background:var(--bg-app);color:var(--text-muted);border:1px solid var(--border)}.badge-high{background:var(--red-soft);color:var(--red)}.badge-medium{background:var(--amber-soft);color:var(--amber)}.badge-low{background:var(--bg-app);color:var(--text-muted);border:1px solid var(--border)}.filter-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;margin-bottom:16px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.filter-bar .label{font-size:12px;color:var(--text-muted);font-weight:500}.select,.input{padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);font-size:13px;font-family:inherit;color:var(--text)}.input{min-width:180px}.toggle-group{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-card)}.toggle-group button{border:0;background:transparent;padding:6px 12px;font-size:12px;cursor:pointer;color:var(--text-muted);font-family:inherit;border-right:1px solid var(--border)}.toggle-group button:last-child{border-right:none}.toggle-group button:hover{background:var(--bg-app)}.toggle-group button.active{background:var(--bg-deep);color:#fff}.tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:24px}.tab{padding:12px 20px;font-size:13px;font-weight:500;color:var(--text-muted);border:0;border-bottom:2px solid transparent;cursor:pointer;background:transparent;font-family:inherit;margin-bottom:-1px;display:inline-flex;align-items:center;gap:6px}.tab:hover{color:var(--text)}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.tab .tab-preview{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-dark);background:var(--accent-soft);border-radius:6px;padding:1px 5px}.chart-wrap{position:relative;width:100%}.chart-sm{height:200px}.chart-md{height:280px}.chart-lg{height:340px}.legend-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-light)}.legend-dot{width:10px;height:10px;border-radius:2px;display:inline-block}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 16px;color:var(--text-muted);gap:6px}.state .state-title{font-weight:600;color:var(--text)}.skeleton{background:linear-gradient(90deg,var(--border-light) 25%,#e9ebee 37%,var(--border-light) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--radius-sm);height:14px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.preview-banner{display:flex;align-items:center;gap:10px;background:var(--accent-soft);color:var(--accent-dark);border:1px solid var(--accent);border-radius:var(--radius);padding:10px 16px;margin-bottom:16px;font-size:13px;font-weight:500}.preview-banner .dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.preview-dim{opacity:.85}.synthetic-banner{display:flex;align-items:center;gap:10px;background:#fef3c7;color:#92400e;border:1px solid #f59e0b;border-radius:var(--radius);padding:10px 16px;margin:16px 24px 0;font-size:13px;font-weight:600}.synthetic-banner .dot{width:8px;height:8px;border-radius:50%;background:#f59e0b}.synthetic-banner-dismiss{margin-left:auto;background:transparent;border:1px solid #f59e0b;color:#92400e;border-radius:var(--radius);padding:2px 10px;font-size:12px;font-weight:600;cursor:pointer}.synthetic-banner-dismiss:hover{background:#fde68a}.signin{min-height:100vh;display:grid;place-items:center;background:var(--bg-deep)}.signin-card{background:var(--bg-card);border-radius:12px;padding:40px;width:380px;max-width:90%;text-align:center;box-shadow:0 20px 60px #00000059}.signin-card .brand-mark{width:40px;height:40px;padding:6px;margin:0 auto 16px}@media (max-width: 1100px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 880px){.layout{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:column}.sidebar-nav{display:flex;flex-wrap:wrap}.kpi-grid{grid-template-columns:1fr 1fr}.grid-2,.grid-2-1{grid-template-columns:1fr}.page,.topbar{padding-left:16px;padding-right:16px}}.docs-lede{max-width:720px;margin-bottom:var(--space-5);font-size:14px;line-height:1.6}.docs-group{margin-bottom:var(--space-5)}.docs-group-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--space-3)}.docs-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-3)}.docs-card{display:block;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);text-decoration:none;color:var(--text);transition:border-color .15s ease}.docs-card:hover{border-color:var(--accent)}.docs-card-title{font-weight:600;font-size:14px;margin-bottom:var(--space-1)}.docs-card-desc{font-size:12.5px;color:var(--text-muted);line-height:1.5}.docs-layout{display:grid;grid-template-columns:200px minmax(0,1fr) 200px;gap:var(--space-6);align-items:start}.docs-toc,.docs-outline{position:sticky;top:var(--space-5);font-size:13px;display:flex;flex-direction:column;gap:2px;max-height:calc(100vh - 48px);overflow-y:auto}.docs-toc-group{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);margin:var(--space-3) 0 var(--space-1)}.docs-toc>div:first-child .docs-toc-group{margin-top:0}.docs-toc-link,.docs-outline-link{display:block;padding:4px 8px;border-radius:var(--radius-sm);color:var(--text-muted);text-decoration:none;line-height:1.4}.docs-toc-link:hover,.docs-outline-link:hover{color:var(--text);background:var(--border-light)}.docs-toc-link.active{color:var(--accent-dark);background:var(--accent-soft);font-weight:600}.docs-article{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-6);min-width:0}.docs-content{max-width:760px;font-size:14px;line-height:1.65;color:var(--text)}.docs-content h1{font-size:22px;margin-bottom:var(--space-4)}.docs-content h2{font-size:17px;margin:var(--space-6) 0 var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-light)}.docs-content h3{font-size:14.5px;margin:var(--space-5) 0 var(--space-2)}.docs-content h4{font-size:13.5px;margin:var(--space-4) 0 var(--space-2)}.docs-content p,.docs-content ul,.docs-content ol{margin-bottom:var(--space-3)}.docs-content ul,.docs-content ol{padding-left:22px}.docs-content li{margin-bottom:var(--space-1)}.docs-content li>p{margin-bottom:var(--space-1)}.docs-content a{color:var(--accent-dark)}.docs-content code{font-family:var(--font-mono);font-size:12.5px;background:var(--border-light);border-radius:4px;padding:1px 5px}.docs-content pre{background:var(--bg-deep);color:#e6edf3;border-radius:var(--radius-sm);padding:var(--space-4);overflow-x:auto;margin-bottom:var(--space-3)}.docs-content pre code{background:none;padding:0;color:inherit;font-size:12.5px}.docs-content blockquote{border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3)}.docs-content blockquote p:last-child{margin-bottom:0}.docs-content table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:var(--space-4);display:block;overflow-x:auto}.docs-content table th{text-align:left;padding:8px 12px;border-bottom:2px solid var(--border);color:var(--text-muted);font-weight:600;white-space:nowrap}.docs-content table td{padding:8px 12px;border-bottom:1px solid var(--border-light);vertical-align:top}.docs-content hr{border:none;border-top:1px solid var(--border);margin:var(--space-5) 0}.docs-pager{display:flex;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-light);max-width:760px}.docs-pager-link{font-size:13px;font-weight:600;color:var(--accent-dark);text-decoration:none}.docs-pager-link:hover{text-decoration:underline}@media (max-width: 1280px){.docs-layout{grid-template-columns:200px minmax(0,1fr)}.docs-outline{display:none}}@media (max-width: 880px){.docs-layout{grid-template-columns:1fr}.docs-toc{position:static;max-height:none}}