.dashboard-page{--dashboard-border:rgba(112,132,178,0.28);--dashboard-text:#1f2b45;--dashboard-text-muted:#586788;--dashboard-text-dim:#7a88a8;--dashboard-hero-overlay:linear-gradient(180deg,rgba(255,255,255,0.94),rgba(248,251,255,0.88));--dashboard-title:#3448ba;--dashboard-kpi-surface:linear-gradient(180deg,rgba(255,255,255,0.96),rgba(247,250,255,0.92));--dashboard-panel-surface:rgba(255,255,255,0.92);--dashboard-group-surface:linear-gradient(180deg,rgba(255,255,255,0.96),rgba(247,251,255,0.94));--dashboard-row-surface:linear-gradient(180deg,rgba(255,255,255,0.98),rgba(250,252,255,0.92));--dashboard-filter-surface:rgba(255,255,255,0.9);--dashboard-filter-active:#2f3f95;--dashboard-filter-active-border:#3a4eae;--dashboard-meter-track:#e4eaf6;--dashboard-status-on-bg:rgba(31,191,141,0.14);--dashboard-status-on-fg:#14745f;--dashboard-status-off-bg:rgba(245,144,47,0.14);--dashboard-status-off-fg:#9d4e11;--dashboard-status-unknown-bg:rgba(126,141,174,0.16);--dashboard-status-unknown-fg:#4f5f80;min-height:100%;background:radial-gradient(circle at 10% -20%,rgba(94,110,255,.18),transparent 40%),radial-gradient(circle at 90% -30%,rgba(18,190,223,.12),transparent 44%),linear-gradient(180deg,#f2f6fd,#edf3fc);color:var(--dashboard-text)}.dashboard-detail-panel--empty,.dashboard-detail-panel__state,.dashboard-filter-bar__tab,.dashboard-footer-legend,.dashboard-group,.dashboard-hero,.dashboard-hero__aurora,.dashboard-kpi,.dashboard-meter__track,.dashboard-page,.dashboard-page__error,.dashboard-row,.dashboard-state-shell__banner{transition:background-color .22s ease,background .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease}:root[data-theme=dark] .dashboard-page{--dashboard-border:rgba(151,168,212,0.25);--dashboard-text:#e8efff;--dashboard-text-muted:#b9c6e8;--dashboard-text-dim:#96a5cc;--dashboard-hero-overlay:linear-gradient(180deg,rgba(24,34,64,0.96),rgba(19,28,54,0.9));--dashboard-title:#f2f6ff;--dashboard-kpi-surface:linear-gradient(180deg,rgba(28,38,70,0.96),rgba(22,31,58,0.92));--dashboard-panel-surface:rgba(24,36,70,0.88);--dashboard-group-surface:linear-gradient(180deg,rgba(27,37,68,0.95),rgba(22,31,56,0.94));--dashboard-row-surface:linear-gradient(180deg,rgba(26,35,65,0.96),rgba(21,30,56,0.92));--dashboard-filter-surface:rgba(24,36,70,0.85);--dashboard-filter-active:#3949a3;--dashboard-filter-active-border:#4c61ca;--dashboard-meter-track:#263354;--dashboard-status-on-bg:rgba(74,207,181,0.16);--dashboard-status-on-fg:#17806f;--dashboard-status-off-bg:rgba(255,143,49,0.14);--dashboard-status-off-fg:#bf5f13;--dashboard-status-unknown-bg:rgba(154,164,184,0.14);--dashboard-status-unknown-fg:#5f6c84;background:radial-gradient(circle at 10% -20%,rgba(94,110,255,.35),transparent 40%),radial-gradient(circle at 90% -30%,rgba(18,190,223,.2),transparent 44%),linear-gradient(180deg,#0a1020,#0c1428)}.dashboard-page__inner{width:min(1440px,calc(100% - 20px));margin:0 auto;padding:28px 0 44px}.dashboard-hero{position:relative;display:flex;justify-content:space-between;gap:24px;padding:28px 28px 20px;border-radius:28px;overflow:hidden}.dashboard-hero,.dashboard-hero__aurora{border:1px solid var(--dashboard-border)}.dashboard-hero__aurora{position:absolute;inset:0;background:radial-gradient(circle at 12% 18%,rgba(112,124,255,.28),transparent 30%),radial-gradient(circle at 48% 24%,rgba(0,198,255,.18),transparent 32%),radial-gradient(circle at 92% 10%,rgba(255,108,160,.2),transparent 28%),var(--dashboard-hero-overlay)}.dashboard-hero__copy,.dashboard-hero__meta{position:relative;z-index:1}.dashboard-hero__copy{max-width:840px}.dashboard-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(145,163,212,.18);color:#c9d7fb;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.dashboard-hero__title{margin:14px 0 12px;font-size:clamp(2.2rem,4vw,3.2rem);line-height:1.02;color:var(--dashboard-title)}.dashboard-hero__subtitle{margin:0;max-width:64ch;color:var(--dashboard-text-muted);font-size:1.05rem;line-height:1.6}.dashboard-hero__meta{display:flex;flex-direction:column;align-items:flex-end;gap:18px;min-width:240px}.dashboard-hero__badge{padding:8px 14px;border-radius:999px;background:#f7cb4b;color:#2f2608;font-size:13px;font-weight:700}.dashboard-hero__stats{display:grid;gap:12px;margin:0;text-align:right}.dashboard-hero__stats dt{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--dashboard-text-dim)}.dashboard-hero__stats dd{margin:4px 0 0;color:var(--dashboard-text);font-size:1.05rem;font-weight:700}.dashboard-kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.dashboard-kpi{padding:16px 18px;min-height:124px;border-radius:18px;background:var(--dashboard-kpi-surface);border:1px solid var(--dashboard-border);box-shadow:0 20px 50px -34px rgba(0,0,0,.6)}.dashboard-kpi--violet{box-shadow:inset 4px 0 0 #7068ff,0 20px 50px -34px rgba(62,85,128,.3)}.dashboard-kpi--amber{box-shadow:inset 4px 0 0 #f6b83b,0 20px 50px -34px rgba(62,85,128,.3)}.dashboard-kpi--cyan{box-shadow:inset 4px 0 0 #62daf3,0 20px 50px -34px rgba(62,85,128,.3)}.dashboard-kpi--orange{box-shadow:inset 4px 0 0 #ff9f57,0 20px 50px -34px rgba(62,85,128,.3)}.dashboard-kpi__label{display:block;color:var(--dashboard-text-dim);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.dashboard-kpi__value{display:block;margin-top:12px;color:var(--dashboard-text);font-size:clamp(2.2rem,3.2vw,2.8rem);line-height:1}.dashboard-kpi__helper{display:block;margin-top:10px;color:var(--dashboard-text-dim);font-size:13px}.dashboard-filter-bar{display:flex;align-items:center;gap:20px;margin-top:26px}.dashboard-filter-bar__label{color:var(--dashboard-text-dim);font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.dashboard-filter-bar__tabs{display:flex;flex-wrap:wrap;gap:10px}.dashboard-filter-bar__tab{border:1px solid var(--dashboard-border);background:var(--dashboard-filter-surface);color:var(--dashboard-text-muted);border-radius:999px;padding:12px 20px;min-height:48px;font-size:15px;font-weight:800;letter-spacing:.01em;cursor:pointer;transition:background-color .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}.dashboard-filter-bar__tab.is-active{background:var(--dashboard-filter-active);color:#ffffff;border-color:var(--dashboard-filter-active-border)}.dashboard-filter-bar__tab:focus-visible{outline:3px solid rgba(64,80,200,.24);outline-offset:2px;transform:translateY(-1px)}.dashboard-detail-panel--empty,.dashboard-detail-panel__state,.dashboard-page__error{margin-top:18px;padding:16px 18px;border-radius:18px;background:var(--dashboard-panel-surface);border:1px solid var(--dashboard-border);color:var(--dashboard-text-muted);font-size:1.05rem}.dashboard-state-shell{display:grid;gap:18px;margin-top:18px}.dashboard-state-shell__banner{display:grid;gap:6px;padding:16px 18px;border-radius:18px;border:1px solid var(--dashboard-border);background:var(--dashboard-panel-surface);transition:box-shadow .18s ease,border-color .18s ease}.dashboard-state-shell__banner--loading{box-shadow:inset 4px 0 0 #6d68ff}.dashboard-state-shell__banner--inProgress{box-shadow:inset 4px 0 0 #22bde8}.dashboard-state-shell__banner--empty{box-shadow:inset 4px 0 0 #ff9f57}.dashboard-state-shell__banner--error{box-shadow:inset 4px 0 0 #ff5e57}.dashboard-state-shell__title{color:var(--dashboard-text);font-size:1.2rem}.dashboard-state-shell__subtitle{color:var(--dashboard-text-muted);font-size:14px}.dashboard-state-shell__content{display:grid;gap:0}.dashboard-detail-panel{display:grid;gap:20px}.dashboard-group{padding:22px;border-radius:24px;background:var(--dashboard-group-surface);border:1px solid var(--dashboard-border);box-shadow:0 24px 60px -38px rgba(0,0,0,.6);transition:transform .18s ease,box-shadow .18s ease}.dashboard-group:focus-visible{outline:3px solid rgba(64,80,200,.2);outline-offset:3px;transform:translateY(-1px)}.dashboard-group--0{box-shadow:inset 4px 0 0 #6d68ff,0 24px 60px -38px rgba(52,78,119,.35)}.dashboard-group--1{box-shadow:inset 4px 0 0 #20c2e6,0 24px 60px -38px rgba(52,78,119,.35)}.dashboard-group--2{box-shadow:inset 4px 0 0 #ff4f95,0 24px 60px -38px rgba(52,78,119,.35)}.dashboard-group--3{box-shadow:inset 4px 0 0 #ff8f31,0 24px 60px -38px rgba(52,78,119,.35)}.dashboard-group__header{display:flex;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid rgba(151,168,212,.22)}.dashboard-group__eyebrow{display:block;color:var(--dashboard-text-dim);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.dashboard-group__title{margin:12px 0 8px;font-size:clamp(1.95rem,3vw,2.55rem);color:var(--dashboard-title)}.dashboard-group__summary{margin:0;color:var(--dashboard-text-muted);font-size:1.05rem}.dashboard-group__rollup{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;min-width:320px;margin:0}.dashboard-group__rollup dt,.dashboard-row__facts dt{font-size:11px;color:var(--dashboard-text-dim);letter-spacing:.14em;text-transform:uppercase}.dashboard-group__rollup dd,.dashboard-row__facts dd{margin:6px 0 0;color:var(--dashboard-text);font-size:1.85rem;font-weight:700}.dashboard-group__rows{display:grid;gap:12px;margin-top:16px}.dashboard-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.9fr) minmax(260px,1fr);gap:18px;align-items:center;padding:16px 18px;border-radius:16px;border:1px solid rgba(151,168,212,.24);background:var(--dashboard-row-surface);transition:border-color .18s ease,box-shadow .18s ease}.dashboard-row:focus-within{border-color:rgba(64,80,200,.3);box-shadow:0 16px 30px -24px rgba(52,78,119,.35)}.dashboard-row__headline{display:flex;align-items:center;justify-content:space-between;gap:14px}.dashboard-row__headline h3{margin:0;color:var(--dashboard-text);font-size:1.12rem}.dashboard-status{display:inline-flex;align-items:center;justify-content:center;min-width:110px;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.dashboard-status--on{background:var(--dashboard-status-on-bg);color:var(--dashboard-status-on-fg)}.dashboard-status--off{background:var(--dashboard-status-off-bg);color:var(--dashboard-status-off-fg)}.dashboard-status--unknown{background:var(--dashboard-status-unknown-bg);color:var(--dashboard-status-unknown-fg)}.dashboard-row__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0}.dashboard-row__facts dd{font-size:1.3rem}.dashboard-meter,.dashboard-row__meters{display:grid;gap:10px}.dashboard-meter{grid-template-columns:90px 1fr 44px;align-items:center}.dashboard-meter__label,.dashboard-meter__value{color:var(--dashboard-text-muted);font-size:13px;font-weight:700}.dashboard-group__rollup dt,.dashboard-kpi__label,.dashboard-meter__label,.dashboard-row__facts dt{text-transform:uppercase;letter-spacing:.12em}.dashboard-meter__track{height:8px;border-radius:999px;background:var(--dashboard-meter-track);overflow:hidden}.dashboard-meter__fill{display:block;height:100%;border-radius:999px}.dashboard-meter__fill--violet{background:linear-gradient(90deg,#7267ff,#af52ff)}.dashboard-meter__fill--cyan{background:linear-gradient(90deg,#22bde8,#65e3ff)}.dashboard-meter__fill--orange{background:linear-gradient(90deg,#ff9e44,#ff5e57)}.dashboard-footer-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;padding-top:12px;border-top:1px solid rgba(151,168,212,.22);color:var(--dashboard-text-dim);font-size:13px}@media (max-width:1100px){.dashboard-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-row{grid-template-columns:1fr}}@media (max-width:820px){.dashboard-page__inner{width:min(100%,calc(100% - 24px));padding-top:18px}.dashboard-group__header,.dashboard-hero{flex-direction:column}.dashboard-hero__meta{align-items:flex-start}.dashboard-group__rollup,.dashboard-kpi-row,.dashboard-row__facts{grid-template-columns:1fr}.dashboard-group__rollup{min-width:0}.dashboard-filter-bar{flex-direction:column;align-items:flex-start}.dashboard-filter-bar__tabs{width:100%}.dashboard-filter-bar__tab{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 8px);min-height:50px;justify-content:center}.dashboard-meter{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.dashboard-detail-panel--empty,.dashboard-detail-panel__state,.dashboard-filter-bar__tab,.dashboard-footer-legend,.dashboard-group,.dashboard-hero,.dashboard-hero__aurora,.dashboard-kpi,.dashboard-meter__track,.dashboard-page,.dashboard-page__error,.dashboard-row,.dashboard-state-shell__banner{transition:none}}