:root{--pb-primary:#252f3f;--pb-accent:#2563eb;--pb-accent-2:#60a5fa;--pb-success:#16a34a;--pb-danger:#dc2626;--pb-muted:#6b7280;--card-bg:#fff;--card-radius:10px}body{margin:0;padding:0;font-family:Segoe UI,Roboto,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,system-ui;background:#f8fafc;color:#0f172a}*{box-sizing:border-box}.kpi-card{border-radius:var(--card-radius);padding:16px;min-width:220px;background:var(--card-bg);color:#0f172a;box-shadow:0 1px 6px rgba(16,24,40,.06);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;display:flex;flex-direction:column}.kpi-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(2,6,23,.08)}.kpi-card.selected{background:linear-gradient(90deg,#0f172a,#071029);color:#fff;box-shadow:0 10px 30px rgba(2,6,23,.45)}.kpi-title{font-size:12px;color:var(--pb-muted);margin-bottom:6px;text-transform:capitalize}.kpi-value{font-size:24px;font-weight:700;display:flex;align-items:baseline;gap:8px}.kpi-unit{font-size:12px;color:var(--pb-muted);font-weight:500}.kpi-trend{font-size:12px;font-weight:600}.kpi-sparkline{margin-top:10px}.kpi-badge{display:flex;align-items:center;gap:8px}.kpi-gauge{width:36px;height:36px}.kpi-badge-label{font-size:11px;color:var(--pb-muted)}.dashboard-page{min-height:100vh;padding:24px;color:#0f172a;font-family:IBM Plex Sans,Manrope,Trebuchet MS,sans-serif;background:radial-gradient(circle at 10% 0,rgba(1,132,255,.12),transparent 40%),radial-gradient(circle at 90% 10%,rgba(0,193,142,.1),transparent 38%),linear-gradient(180deg,#f4f8ff,#f7fbff 45%,#f8fbf9)}.dashboard-center-state{min-height:70vh;display:grid;place-items:center;text-align:center;padding:24px}.dashboard-center-card{max-width:560px;width:100%;background:hsla(0,0%,100%,.9);border:1px solid #dbeafe;border-radius:18px;padding:28px;box-shadow:0 16px 48px rgba(15,23,42,.08)}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.dashboard-title{margin:0;font-size:clamp(1.45rem,2vw,2rem);font-weight:750;letter-spacing:-.02em}.dashboard-subtitle{margin:6px 0 0;color:#334155;font-size:.95rem}.dashboard-user-pill{background:hsla(0,0%,100%,.86);border:1px solid #dbeafe;border-radius:999px;padding:8px 12px;color:#334155;font-size:.85rem;white-space:nowrap}.dashboard-signout{color:#0b6dd8;font-weight:600;text-decoration:none}.dashboard-signout:focus-visible,.dashboard-signout:hover{text-decoration:underline;outline:none}.dashboard-kpi-section{background:hsla(0,0%,100%,.62);border:1px solid #deebff;border-radius:18px;padding:14px;box-shadow:0 10px 30px rgba(30,64,175,.07)}.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:12px;gap:12px}.dashboard-panel{margin-top:24px;background:hsla(0,0%,100%,.86);border:1px solid #dbeafe;border-radius:18px;padding:20px;box-shadow:0 12px 34px rgba(15,23,42,.07)}.dashboard-panel h2{margin:0;font-size:1.35rem;letter-spacing:-.01em}.dashboard-panel-intro{margin-top:8px;margin-bottom:14px;color:#475569;font-size:.92rem}.dashboard-row-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px}.dashboard-section-card{margin-top:16px;padding:16px;border:1px solid #cfe1ff;background:linear-gradient(180deg,rgba(247,251,255,.95),rgba(241,250,248,.95));border-radius:14px}.dashboard-ghost-button{border:1px solid #b8d5ff;background:#fff;color:#1e3a8a;border-radius:10px;padding:6px 10px;font-size:.82rem;font-weight:600;cursor:pointer}.dashboard-ghost-button:hover{background:#eff6ff}.dashboard-outcome{margin-top:12px;padding:10px 12px;border-radius:10px;border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a}@media (max-width:900px){.dashboard-page{padding:14px}.dashboard-header{flex-direction:column}.dashboard-user-pill{white-space:normal}}