:root{--premium-canvas:#cfd0d1;--premium-surface:#f7f7f5;--premium-surface-strong:#fcfcfb;--premium-ink:#171717;--premium-border:#18181717;--premium-border-strong:#18181724;--premium-shadow:0 22px 60px -34px #0f172a6b;--premium-card-shadow:0 12px 34px -28px #0f172a61;--chart-blue:#2f6df6;--chart-pink:#ee4f9a;--chart-lime:#32c85b;--chart-orange:#f59e0b;--chart-violet:#815cf6}html:not(.dark) body{background:var(--premium-canvas)}.app-frame-shell{background:radial-gradient(circle at 12% 4%,#ffffff6b,#0000 25%),linear-gradient(135deg,#d7d8d9,#c9caca)}.app-frame-shell .ambient-bg{opacity:.2;filter:saturate(.55)}.premium-sidebar,.premium-main-shell{box-shadow:var(--premium-shadow);border:1px solid #ffffffb8}.premium-sidebar{background:color-mix(in oklab,var(--premium-surface-strong) 95%,transparent);-webkit-backdrop-filter:blur(30px)saturate(135%);backdrop-filter:blur(30px)saturate(135%)}.premium-sidebar .nav-link,.premium-sidebar .nav-group{border:1px solid #0000}.premium-sidebar .nav-link[data-active=true],.premium-sidebar .nav-group[data-active=true]{border-color:#ffffff1a;box-shadow:0 9px 18px -12px #000c;color:#fff!important;background:#1b1b1b!important}.premium-sidebar .nav-link[data-active=true] svg,.premium-sidebar .nav-group[data-active=true] svg,.premium-sidebar .nav-group[data-active=true] span{color:inherit!important}.premium-sidebar .nav-link[data-active=true]>span:last-child{color:#fff;background:#fff}.premium-sidebar nav{scrollbar-width:thin}.premium-main-shell{background:color-mix(in oklab,var(--premium-surface) 98%,transparent)}.premium-commandbar{border-bottom:1px solid var(--premium-border);-webkit-backdrop-filter:blur(22px)saturate(145%);backdrop-filter:blur(22px)saturate(145%);background:#fafaf8d6;min-height:76px;padding:0 26px}.premium-commandbar-kicker{color:var(--muted-foreground);letter-spacing:.14em;text-transform:uppercase;margin-bottom:2px;font-size:10px;font-weight:700}.premium-quick-nav{overflow:hidden}.premium-quick-nav a{max-width:150px;color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;border-radius:12px;padding:9px 13px;font-size:12px;font-weight:600;transition:all .18s;overflow:hidden}.premium-quick-nav a:hover{color:var(--foreground);background:#0f0f0f0d}.premium-quick-nav a[data-active=true]{color:#fff;background:#1b1b1b;box-shadow:0 8px 17px -12px #000000c7}.premium-commandbar-actions{align-items:center;gap:8px;display:flex}.premium-live-pill{border:1px solid var(--premium-border);color:var(--muted-foreground);background:#ffffffb8;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:11px;font-weight:600;display:inline-flex}.premium-live-pill>span{background:var(--chart-lime);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in oklab,var(--chart-lime) 18%,transparent);border-radius:999px}.premium-user-chip{border:1px solid var(--premium-border);background:#ffffffc7;border-radius:999px;align-items:center;gap:8px;max-width:150px;padding:4px 10px 4px 5px;display:flex}.premium-user-chip>span:first-child{color:#fff;background:#1b1b1b;border-radius:999px;flex:none;place-items:center;width:29px;height:29px;font-size:11px;font-weight:800;display:grid}.premium-user-chip>span:last-child{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:650;overflow:hidden}.premium-main-shell [data-slot=page-container]{width:min(100%,1640px);margin-inline:auto;padding:26px 30px 42px}.premium-main-shell [data-slot=card]{border-color:var(--premium-border);box-shadow:var(--premium-card-shadow);border-radius:22px}.dashboard-premium-page{--dashboard-gap:16px}.dashboard-heading-row{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.dashboard-premium-heading{min-width:0}.dashboard-premium-heading .dashboard-eyebrow{color:var(--muted-foreground);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700}.dashboard-premium-heading h1{letter-spacing:-.065em;margin-top:3px;font-size:clamp(2.3rem,4.5vw,4rem);font-weight:550;line-height:.98}.dashboard-premium-heading p:last-child{max-width:660px;color:var(--muted-foreground);margin-top:10px;font-size:13px}.dashboard-role-pill{border:1px solid var(--premium-border);color:var(--muted-foreground);letter-spacing:.06em;text-transform:uppercase;background:#ffffffad;border-radius:999px;align-items:center;padding:6px 10px;font-size:10px;font-weight:700;display:inline-flex}.analytics-toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.analytics-period{border:1px solid var(--premium-border);background:#ffffffc7;border-radius:15px;align-items:center;gap:4px;padding:4px;display:inline-flex;box-shadow:0 9px 24px -22px #0f172a75}.analytics-period>svg{width:15px;height:15px;color:var(--muted-foreground);margin-inline:7px 3px}.analytics-period button{color:var(--muted-foreground);border-radius:10px;padding:8px 11px;font-size:11px;font-weight:650;transition:all .16s}.analytics-period button:hover{color:var(--foreground)}.analytics-period button[data-active=true]{color:#fff;background:#1b1b1b;box-shadow:0 7px 16px -12px #000000b8}.analytics-compare{cursor:pointer;border:1px solid var(--premium-border);color:var(--muted-foreground);background:#ffffffad;border-radius:15px;align-items:center;gap:8px;padding:9px 11px;font-size:11px;font-weight:650;transition:all .16s;display:inline-flex}.analytics-compare.is-active{color:var(--foreground)}.analytics-switch{background:#0f0f0f24;border-radius:999px;width:28px;height:16px;transition:all .16s;position:relative}.analytics-switch>span{background:#fff;border-radius:999px;width:10px;height:10px;transition:all .16s;position:absolute;top:3px;left:3px;box-shadow:0 2px 7px #0000003d}.analytics-compare.is-active .analytics-switch{background:#1b1b1b}.analytics-compare.is-active .analytics-switch>span{transform:translate(12px)}.dashboard-kpi-grid{gap:14px}.metric-card{--metric-accent:var(--muted-foreground);background:radial-gradient(circle at 92% 10%,color-mix(in oklab,var(--metric-accent) 11%,transparent),transparent 38%),color-mix(in oklab,var(--card) 98%,transparent);min-height:142px;transition:transform .18s,border-color .18s,box-shadow .18s;overflow:hidden}.metric-card:after{background:linear-gradient(90deg,transparent,var(--metric-accent),transparent);content:"";opacity:.7;border-radius:999px 999px 0 0;height:2px;position:absolute;bottom:0;left:18px;right:18px}.metric-card:hover{border-color:color-mix(in oklab,var(--metric-accent) 24%,var(--premium-border));box-shadow:0 19px 38px -31px color-mix(in oklab,var(--metric-accent) 34%,#0f172a66);transform:translateY(-2px)}.metric-card[data-accent=primary]{--metric-accent:var(--chart-blue)}.metric-card[data-accent=success]{--metric-accent:var(--chart-lime)}.metric-card[data-accent=warning]{--metric-accent:var(--chart-orange)}.metric-card[data-accent=destructive]{--metric-accent:var(--chart-pink)}.metric-card__eyebrow{color:var(--muted-foreground);font-size:11px;font-weight:600}.metric-card__value{letter-spacing:-.055em;margin-top:13px;font-size:clamp(1.75rem,2.5vw,2.35rem);font-weight:560;line-height:.98}.metric-card__icon{border:1px solid color-mix(in oklab,var(--metric-accent) 18%,transparent);background:color-mix(in oklab,var(--metric-accent) 10%,white);width:34px;height:34px;color:var(--metric-accent);border-radius:12px;place-items:center;display:grid}.metric-delta{background:color-mix(in oklab,currentColor 9%,transparent);border-radius:999px;align-items:center;gap:4px;margin-top:10px;padding:4px 7px;font-size:10px;font-weight:700;display:inline-flex}.metric-sparkline{width:86px;height:31px;color:var(--metric-accent)}.chart-card{background:linear-gradient(#ffffffe0,#fbfbf9f0);overflow:hidden}.chart-card__header{padding:20px 22px 8px}.chart-card__title{letter-spacing:-.025em;font-size:15px;font-weight:650}.chart-card__description{color:var(--muted-foreground);margin-top:4px;font-size:11px}.chart-card__menu{border:1px solid var(--premium-border);width:36px;height:36px;color:var(--muted-foreground);background:#ffffffbd;border-radius:999px;place-items:center;display:grid}.chart-card__body{padding:2px 16px 16px}.chart-stage .recharts-cartesian-grid-horizontal line,.chart-stage .recharts-cartesian-grid-vertical line{stroke:color-mix(in oklab,var(--border) 68%,transparent)}.chart-stage .recharts-tooltip-wrapper{filter:drop-shadow(0 15px 20px #0f172a24)}.dashboard-hero-grid{gap:var(--dashboard-gap);grid-template-columns:minmax(0,2.05fr) minmax(310px,.95fr);display:grid}.dashboard-pulse-card{background:linear-gradient(#fbfbfa,#f5f5f1);flex-direction:column;min-height:100%;display:flex}.dashboard-pulse-main{padding:23px 23px 20px}.dashboard-pulse-kicker{justify-content:space-between;align-items:center;gap:10px;display:flex}.dashboard-pulse-kicker>span:first-child{border:1px solid var(--premium-border);color:var(--muted-foreground);background:#ffffffb8;border-radius:999px;align-items:center;gap:6px;padding:6px 9px;font-size:10px;font-weight:700;display:inline-flex}.dashboard-pulse-value{letter-spacing:-.075em;margin-top:22px;font-size:clamp(3.1rem,6vw,5.25rem);font-weight:520;line-height:.88}.dashboard-pulse-caption{color:var(--muted-foreground);margin-top:9px;font-size:12px}.dashboard-pulse-row{margin-top:18px}.dashboard-pulse-row__label{justify-content:space-between;align-items:center;gap:10px;font-size:11px;font-weight:600;display:flex}.dashboard-pulse-track{background:#0f0f0f0d;border:1px solid #0f0f0f0d;border-radius:999px;height:9px;margin-top:7px;overflow:hidden}.dashboard-pulse-track>span{border-radius:inherit;background:var(--pulse-color,var(--chart-blue));height:100%;display:block;box-shadow:inset 0 1px #ffffff61}.dashboard-pulse-insight{color:#fff;background:radial-gradient(circle at 85% 18%,#ffffffbf,#0000 28%),radial-gradient(circle at 18% 95%,#2d6cf6c7,#0000 52%),linear-gradient(135deg,#efac7c,#f8e2c8 36%,#84b4ef,#234fd1);border-radius:18px;flex:1;margin:0 10px 10px;padding:22px;position:relative;overflow:hidden}.dashboard-pulse-insight:after{content:"";border:22px solid #ffffffb8;border-radius:42px;width:130px;height:190px;position:absolute;top:-42px;right:-22px;transform:rotate(20deg)}.dashboard-pulse-insight>*{z-index:1;position:relative}.dashboard-pulse-insight h3{max-width:280px;margin-top:26px;font-size:20px;font-weight:650;line-height:1.08}.dashboard-pulse-insight p{color:#ffffffd1;max-width:310px;margin-top:9px;font-size:11px;line-height:1.5}.dark{--premium-canvas:#050506;--premium-surface:#0c0d0f;--premium-surface-strong:#111216;--premium-ink:#f6f6f6;--premium-border:#ffffff14;--premium-border-strong:#ffffff21;--premium-shadow:0 26px 70px -34px #000000e6;--premium-card-shadow:0 18px 42px -30px #000000e0}.dark .app-frame-shell{background:radial-gradient(circle at 10% 0,#27a8751a,#0000 28%),#050506}.dark .premium-sidebar,.dark .premium-commandbar,.dark .premium-main-shell{background:#0e0f12f2;border-color:#ffffff12}.dark .premium-live-pill,.dark .premium-user-chip,.dark .analytics-period,.dark .analytics-compare,.dark .dashboard-role-pill{background:#ffffff0a}.dark .chart-card,.dark .dashboard-pulse-card{background:linear-gradient(#141519,#101115)}.dark .metric-card__icon{background:color-mix(in oklab,var(--metric-accent) 14%,#111216)}@media(min-width:768px){.app-frame-shell{gap:14px;padding:18px}.premium-main-shell,.app-frame-shell>aside{height:calc(100vh - 36px)}.premium-main-shell{border-radius:30px;overflow:hidden}.premium-sidebar{border-radius:26px}}@media(max-width:1199px){.dashboard-heading-row{flex-direction:column;align-items:flex-start}.analytics-toolbar{justify-content:flex-start}.dashboard-hero-grid{grid-template-columns:1fr}}@media(max-width:767px){.app-frame-shell{background:var(--background)}.premium-main-shell{box-shadow:none;border:0;border-radius:0}.premium-main-shell [data-slot=page-container]{padding:18px 14px 104px}.dashboard-premium-heading h1{font-size:2.65rem}.analytics-toolbar,.analytics-period{width:100%}.analytics-period button{flex:1}.analytics-compare{flex:1;justify-content:center}.metric-card{min-height:132px}.dashboard-pulse-insight:after{opacity:.65}}