.dashboard-page{background:radial-gradient(circle at 12% 8%,rgba(59,130,246,.14),transparent 28%),radial-gradient(circle at 88% 18%,rgba(168,85,247,.14),transparent 24%),linear-gradient(180deg,#020617fa,#0f172a);color:#e2e8f0;min-height:100vh;overflow:hidden;position:relative}.dashboard-background{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.dashboard-grid{background-image:linear-gradient(rgba(148,163,184,.18) 1px,transparent 0),linear-gradient(90deg,rgba(148,163,184,.18) 1px,transparent 0);background-size:44px 44px;inset:0;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 94%);mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 94%);opacity:.08;position:absolute}.dashboard-blob{border-radius:999px;filter:blur(100px);opacity:.28;position:absolute}.dashboard-blob--blue{background:#3b82f647;height:24rem;left:-8rem;top:-8rem;width:24rem}.dashboard-blob--violet{background:#8b5cf638;bottom:12%;height:22rem;right:-6rem;width:22rem}.dashboard-shell{margin:0 auto;padding:8.25rem 0 5rem;position:relative;width:min(1180px,calc(100% - 32px));z-index:1}.dashboard-chart-card,.dashboard-hero,.dashboard-metric-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172abd;border:1px solid rgba(148,163,184,.16);border-radius:30px;box-shadow:0 24px 80px #02061757;overflow:hidden;position:relative}.dashboard-chart-card:before,.dashboard-hero:before,.dashboard-metric-card:before{background:linear-gradient(135deg,hsla(0,0%,100%,.05),transparent 42%,rgba(96,165,250,.03));content:"";inset:0;pointer-events:none;position:absolute}.dashboard-hero{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1.3fr) minmax(320px,.9fr);margin-bottom:1.75rem;padding:2rem}.dashboard-kicker,.dashboard-panel-kicker{color:#94a3b8db;font-size:.78rem;font-weight:700;letter-spacing:.24em;margin:0 0 .8rem;text-transform:uppercase}.dashboard-title{color:#f8fafc;font-size:clamp(2.5rem,5vw,4.4rem);letter-spacing:-.06em;line-height:.98;margin:0}.dashboard-subtitle{color:#e2e8f0cc;font-size:1.02rem;line-height:1.8;margin:1rem 0 0;max-width:44rem}.dashboard-hero-tags{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.dashboard-hero-tag{align-items:center;background:#1e293bc7;border:1px solid rgba(148,163,184,.14);border-radius:999px;color:#e2e8f0e0;display:inline-flex;font-size:.82rem;font-weight:600;min-height:2.4rem;padding:.45rem .85rem}.dashboard-hero-panel{background:radial-gradient(circle at top right,rgba(96,165,250,.16),transparent 26%),linear-gradient(180deg,#0f172ae6,#0f172aad);border:1px solid rgba(148,163,184,.12);border-radius:24px;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem}.dashboard-panel-title{color:#f8fafc;font-size:1.6rem;font-weight:800;margin:0}.dashboard-overview-grid{display:grid;gap:.9rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.2rem}.dashboard-overview-item{background:#0f172a94;border:1px solid rgba(148,163,184,.12);border-radius:20px;padding:1rem}.dashboard-overview-label{color:#94a3b8;display:block;font-size:.8rem;margin-bottom:.45rem}.dashboard-overview-value{color:#f8fafc;font-size:1.05rem;font-weight:700}.dashboard-metrics-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:1.75rem}.dashboard-metric-card{padding:1.45rem}.dashboard-metric-icon{align-items:center;background:#1e293bc7;border-radius:18px;color:#e2e8f0;display:inline-flex;font-size:1.05rem;height:3rem;justify-content:center;margin-bottom:1rem;width:3rem}.dashboard-metric-card--energy .dashboard-metric-icon{color:#4ade80}.dashboard-metric-card--activity .dashboard-metric-icon{color:#38bdf8}.dashboard-metric-card--physique .dashboard-metric-icon{color:#f59e0b}.dashboard-metric-card--wealth .dashboard-metric-icon{color:#a78bfa}.dashboard-metric-label{color:#94a3b8;font-size:.82rem;font-weight:700;letter-spacing:.18em;margin:0 0 .55rem;text-transform:uppercase}.dashboard-metric-value-row{align-items:flex-end;display:flex;gap:.55rem}.dashboard-metric-value{color:#f8fafc;font-size:clamp(2rem,3vw,2.6rem);font-weight:800;line-height:1}.dashboard-metric-unit{color:#e2e8f0b3;font-size:.9rem;font-weight:600;padding-bottom:.3rem}.dashboard-progress{background:#94a3b829;border-radius:999px;height:.55rem;margin-top:1rem;overflow:hidden;width:100%}.dashboard-progress-bar{border-radius:inherit;height:100%;transition:width .6s ease}.dashboard-progress-bar--energy{background:linear-gradient(90deg,#34d399,#22c55e)}.dashboard-progress-bar--activity{background:linear-gradient(90deg,#38bdf8,#6366f1)}.dashboard-metric-badge{align-items:center;background:#1e293bd1;border:1px solid rgba(148,163,184,.14);border-radius:999px;color:#cbd5e1;display:inline-flex;font-size:.8rem;font-weight:700;gap:.45rem;margin-top:1rem;padding:.45rem .75rem}.dashboard-metric-badge--positive{color:#86efac}.dashboard-metric-meta{color:#94a3b8e6;font-size:.84rem;line-height:1.7;margin:.95rem 0 0}.dashboard-chart-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-chart-card{min-height:25rem;padding:1.45rem}.dashboard-chart-head{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.2rem}.dashboard-chart-note{align-items:center;background:#1e293bc7;border-radius:999px;color:#94a3b8;display:inline-flex;font-size:.78rem;font-weight:600;min-height:2.2rem;padding:.3rem .75rem}.dashboard-chart-body{height:20rem}.dashboard-empty-state{align-items:center;background:#0f172a6b;border:1px dashed rgba(148,163,184,.18);border-radius:24px;color:#94a3b8;display:flex;flex-direction:column;gap:.85rem;height:20rem;justify-content:center}.dashboard-empty-state i{color:#60a5fa;font-size:1.8rem}@media(max-width:1180px){.dashboard-hero{grid-template-columns:1fr}.dashboard-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.dashboard-shell{padding-top:7.4rem;width:min(100% - 24px,980px)}.dashboard-chart-grid{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-shell{padding-bottom:4rem;padding-top:7rem;width:min(100% - 20px,980px)}.dashboard-chart-card,.dashboard-hero,.dashboard-metric-card{border-radius:24px;padding:1.25rem}.dashboard-metrics-grid,.dashboard-overview-grid{grid-template-columns:1fr}.dashboard-chart-head{flex-direction:column}}@media(max-width:520px){.dashboard-title{font-size:2.3rem}.dashboard-chart-card,.dashboard-hero,.dashboard-metric-card{border-radius:22px}}
