@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{--font-body:"Inter", "Segoe UI", sans-serif;--font-heading:"Space Grotesk", "Inter", "Segoe UI", sans-serif;--brand-ink:#07070d;--brand-panel:#11111b;--brand-panel-soft:#171726;--brand-purple:#7c3aed;--brand-purple-strong:#9333ea;--brand-lilac:#c4b5fd;--brand-text:#f5f3ff;--brand-muted:#b6b0cf;--surface:#11111bdb;font-family:var(--font-body);color:var(--brand-text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#9333ea2e,#0000 20%),radial-gradient(circle at 100% 100%,#7c3aed1f,#0000 26%),linear-gradient(#050509 0%,#0a0912 44%,#0d0b16 100%);font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}code{font-family:Consolas,Courier New,monospace}#root{min-height:100vh}.dashboard-shell{min-height:100vh;color:var(--brand-text);background:radial-gradient(circle at 0 0,#7c3aed2e,#0000 20%),linear-gradient(#07070d 0%,#0b0b14 48%,#0d0c16 100%);padding:20px}.dashboard-main{min-width:0;max-width:1500px;margin:0 auto}.topbar{background:#100f1ae6;border:1px solid #c4b5fd14;border-radius:24px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:18px 22px;display:flex;box-shadow:0 18px 40px #0003}.topbar__intro{min-width:0}.topbar__eyebrow{color:var(--brand-lilac);letter-spacing:.18em;text-transform:uppercase;margin:0 0 6px;font-size:.68rem;font-weight:700}.topbar__title{color:#fff;font-family:var(--font-heading);margin:0;font-size:clamp(1.8rem,2.6vw,2.8rem);line-height:.95}.topbar__subtitle{color:var(--brand-muted);max-width:620px;margin:10px 0 0;font-size:.95rem}.topbar__actions{align-items:center;gap:10px;display:flex}.topbar-search{background:#ffffff08;border:1px solid #c4b5fd1a;border-radius:999px;align-items:center;min-width:340px;padding:3px;display:flex}.topbar-search input{color:#fff;background:0 0;border:0;width:100%;padding:12px 16px}.topbar-search input::placeholder{color:#8f87b3}.topbar-search input:focus{outline:none}.setup-card,.state-card,.filters-card,.table-card,.feature-card,.metric-card,.performance-card,.panel-card{background:#11111be6;border:1px solid #c4b5fd14;border-radius:24px;box-shadow:0 18px 40px #0003}.setup-card,.state-card{padding:22px}.state-card--error{color:#fda4af;border-color:#fb718538}.setup-card code,.setup-card pre{font-family:Consolas,Courier New,monospace}.setup-card pre{color:#f5f3ff;background:#050509;border-radius:16px;padding:16px;overflow-x:auto}.overview-grid{grid-template-columns:1.2fr .72fr .78fr 1.05fr;gap:16px;display:grid}.feature-card{background:linear-gradient(135deg,#7c3aed24,#0000 52%),linear-gradient(#141220fa,#0e0d18fa);padding:22px}.feature-card__eyebrow,.panel-card__eyebrow{color:var(--brand-lilac);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:700}.feature-card h2,.panel-card h2,.table-card h2,.setup-card h2{color:#fff;font-family:var(--font-heading);margin:12px 0 0;font-size:1.35rem;line-height:1.08}.feature-card__text,.panel-card p,.table-card p,.setup-card p,.metric-card__label,.metric-card__detail,.signal-empty{color:var(--brand-muted)}.feature-card__text{margin:14px 0 0;font-size:.98rem;line-height:1.65}.feature-card__footer{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.feature-card__footer div{background:#ffffff06;border:1px solid #c4b5fd14;border-radius:16px;padding:14px 14px 12px}.feature-card__footer span{color:var(--brand-muted);font-size:.78rem;display:block}.feature-card__footer strong{color:#fff;font-family:var(--font-heading);margin-top:8px;font-size:1rem;display:block}.metric-card{background:linear-gradient(#12111efa,#0d0c16fa);min-width:0;padding:20px;overflow:hidden}.metric-card--purple{background:radial-gradient(circle at 100% 0,#a855f724,#0000 28%),linear-gradient(#161024fa,#0d0c16fa)}.metric-card__label{margin:0;font-size:.88rem}.metric-card__value{color:#fff;font-family:var(--font-heading);overflow-wrap:anywhere;margin-top:14px;font-size:clamp(1.65rem,2vw,2.5rem);line-height:.94;display:block}.metric-card__detail{margin:10px 0 0;font-size:.84rem;line-height:1.5}.performance-card{background:radial-gradient(circle at 100% 0,#56ccf214,#0000 26%),linear-gradient(#12111efa,#0d0c16fa);padding:20px}.performance-card__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.performance-card__title{color:#fff;font-family:var(--font-heading);margin-top:10px;font-size:1.08rem;display:block}.performance-card__body{grid-template-columns:160px 1fr;align-items:center;gap:16px;margin-top:16px;display:grid}.donut-chart{aspect-ratio:1;border-radius:50%;width:160px;position:relative}.donut-chart:after{content:"";background:#11111b;border:1px solid #c4b5fd0f;border-radius:50%;position:absolute;inset:18px}.donut-chart__center{z-index:1;text-align:center;place-items:center;display:grid;position:absolute;inset:0}.donut-chart__center span{color:var(--brand-muted);font-size:.75rem}.donut-chart__center strong{color:#fff;font-family:var(--font-heading);font-size:1.36rem}.donut-legend{gap:10px;display:grid}.donut-legend div{grid-template-columns:10px 1fr auto;align-items:center;gap:10px;display:grid}.donut-legend p{color:var(--brand-muted);margin:0}.donut-legend strong{color:#fff}.legend-dot{border-radius:999px;width:10px;height:10px}.legend-dot--purple{background:#8b5cf6}.legend-dot--cyan{background:#56ccf2}.legend-dot--amber{background:#f5b941}.insight-grid{grid-template-columns:.95fr 1.05fr;gap:16px;margin-top:16px;display:grid}.panel-card{background:linear-gradient(#11111bf0,#0d0c16fa);padding:22px}.panel-card--alert{background:linear-gradient(135deg,#7c3aed1f,#0000 60%),linear-gradient(#11111bf0,#0d0c16fa)}.panel-card__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.bar-chart{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:14px;min-height:220px;margin-top:20px;display:grid}.bar-chart__item{justify-items:center;gap:8px;display:grid}.bar-chart__track{background:#ffffff06;border:1px solid #c4b5fd14;border-radius:18px;align-items:end;width:100%;height:156px;padding:10px;display:flex}.bar-chart__fill{border-radius:14px;width:100%}.bar-chart__fill--purple{background:linear-gradient(#b784ff,#7c3aed)}.bar-chart__fill--cyan{background:linear-gradient(#8fe7ff,#56ccf2)}.bar-chart__fill--amber{background:linear-gradient(#ffd86e,#f5b941)}.bar-chart__fill--rose{background:linear-gradient(#f9a8d4,#ec4899)}.bar-chart__item strong{color:#fff;font-family:var(--font-heading);font-size:1rem}.bar-chart__item span{color:var(--brand-muted);font-size:.8rem}.alert-list{gap:10px;max-height:340px;margin-top:18px;padding-right:6px;display:grid;overflow-y:auto}.alert-list::-webkit-scrollbar{width:8px}.alert-list::-webkit-scrollbar-thumb{background:#c4b5fd38;border-radius:999px}.alert-item{background:#ffffff06;border:1px solid #c4b5fd14;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.alert-item strong{color:#fff;font-size:.96rem;display:block}.alert-item p{color:var(--brand-muted);margin:4px 0 0;font-size:.82rem}.alert-item__meta{text-align:right}.alert-item__meta span{color:var(--brand-muted);font-size:.78rem;display:block}.alert-item__meta strong{color:#f0abfc;margin-top:6px}.filters-card{grid-template-columns:1fr 1fr 160px;align-items:center;gap:12px;margin-top:16px;padding:18px;display:grid}.control{color:#fff;width:100%;font:inherit;box-sizing:border-box;background:#ffffff08;border:1px solid #c4b5fd1f;border-radius:14px;padding:14px 15px}.control:focus{border-color:var(--brand-purple);outline:2px solid #a855f724}.filters-card__summary{background:#ffffff06;border:1px solid #c4b5fd14;border-radius:16px;justify-items:center;padding:11px 12px;display:grid}.filters-card__summary span{color:var(--brand-muted);text-transform:uppercase;letter-spacing:.12em;font-size:.68rem}.filters-card__summary strong{color:#fff;font-family:var(--font-heading);margin-top:6px;font-size:1.25rem}.table-card{margin-top:16px}.table-card__header{justify-content:space-between;align-items:center;gap:16px;padding:22px 22px 4px;display:flex}.table-card__header h2{color:#fff;font-family:var(--font-heading);margin:0;font-size:1.28rem}.table-card__header p{color:var(--brand-muted);margin:7px 0 0}.pill{letter-spacing:.02em;border:1px solid #0000;border-radius:999px;align-items:center;padding:8px 12px;font-size:.74rem;font-weight:800;display:inline-flex}.pill--emerald{color:#8df7b2;background:#22c55e24;border-color:#22c55e24}.pill--sky{color:#d8b4fe;background:#a855f724;border-color:#a855f724}.pill--amber{color:#fcd34d;background:#f59e0b24;border-color:#f59e0b24}.pill--rose{color:#f9a8d4;background:#f472b624;border-color:#f472b624}.pill--slate{color:#ddd6fe;background:#ffffff0d;border-color:#c4b5fd14}.table-wrap{margin-top:14px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:1080px}th,td{text-align:left;vertical-align:top;border-top:1px solid #c4b5fd14;padding:15px 22px;font-size:.92rem}thead th{color:var(--brand-muted);text-transform:uppercase;letter-spacing:.08em;border-top:0;font-size:.76rem}tbody tr:hover{background:#a855f70a}.cell-strong{color:#fff;font-weight:700}.cell-mono{color:var(--brand-muted);font-family:Consolas,Courier New,monospace;font-size:.8rem}.cell-critical{color:#f0abfc;font-weight:700}.empty-state{text-align:center;padding:44px 24px}.empty-state strong{color:#fff;font-size:1.05rem;display:block}.empty-state p{margin-top:10px}@media (width<=1360px){.overview-grid{grid-template-columns:1.1fr .8fr .8fr}.performance-card{grid-column:span 3}}@media (width<=1180px){.overview-grid,.insight-grid{flex-direction:column;gap:12px;display:flex}.feature-card__footer{grid-template-columns:1fr}.performance-card__body{grid-template-columns:1fr;justify-items:center}.performance-card__header,.panel-card__header{flex-direction:column;align-items:flex-start}.filters-card{grid-template-columns:1fr}}@media (width<=820px){.dashboard-shell{padding:12px}.topbar,.feature-card,.metric-card,.performance-card,.panel-card,.filters-card,.table-card{border-radius:20px}.topbar{padding:16px}.topbar__title{font-size:clamp(2.2rem,10vw,3.2rem);line-height:.95}.topbar__subtitle{margin-top:8px;font-size:.92rem;line-height:1.55}.topbar,.topbar__actions,.filters-card,.panel-card__header,.alert-item{flex-direction:column;align-items:flex-start}.topbar__actions{width:100%}.topbar__actions .pill{align-self:flex-start}.topbar-search{width:100%;min-width:0}.topbar-search input{padding:11px 14px;font-size:.95rem}.overview-grid,.insight-grid{flex-direction:column!important;gap:12px!important;display:flex!important}.overview-grid>*,.insight-grid>*{width:100%;min-width:0}.bar-chart,.filters-card,.feature-card__footer{grid-template-columns:1fr;gap:12px}.performance-card__body,.bar-chart{margin-top:14px}.donut-legend{width:100%}.feature-card,.metric-card,.performance-card,.panel-card,.filters-card,.table-card{padding-left:16px;padding-right:16px}.feature-card__footer{gap:10px}.feature-card__footer div,.filters-card__summary{width:100%}.metric-card__value{font-size:2.2rem}.feature-card h2,.panel-card h2,.table-card h2,.setup-card h2{font-size:1.15rem;line-height:1.15}.filters-card{padding-top:16px;padding-bottom:16px}.control{padding:13px 14px}.table-card__header{flex-direction:column;align-items:flex-start;padding:18px 16px 0}.table-wrap{padding:14px 0 16px;overflow:visible}table,thead,tbody,tr,th,td{display:block}table{min-width:0}thead{display:none}tbody{gap:12px;display:grid}tbody tr{background:#ffffff06;border:1px solid #c4b5fd14;border-radius:18px;overflow:hidden}tbody tr:hover{background:#ffffff0a}td{text-align:right;word-break:break-word;border-top:1px solid #c4b5fd0f;justify-content:space-between;gap:12px;padding:12px 16px;font-size:.9rem;line-height:1.45;display:flex}td:first-child{border-top:0}td:before{content:attr(data-label);color:var(--brand-muted);letter-spacing:.08em;text-transform:uppercase;text-align:left;flex:0 0 92px;font-size:.72rem;font-weight:700}td .pill{margin-left:auto}.alert-item__meta{text-align:left}.cell-mono{font-size:.76rem}}