:root{color-scheme:dark;--bg: #0a0f1f;--panel: #141b2f;--panel-2: #101827;--border: rgba(59, 73, 114, .45);--text: #e8ecf7;--muted: #9aa3bd;--accent: #38bdf8;--accent-2: #22d3ee;--danger: #f87171;--success: #34d399;--warning: #fbbf24}*{box-sizing:border-box}body{margin:0;padding:24px;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at 20% 20%,#1a2547,#0a0f1f 45%,#070b16);color:var(--text)}.wrap{max-width:1200px;margin:0 auto;background:linear-gradient(160deg,#141b2ff2,#0c1020fa);border-radius:20px;border:1px solid rgba(42,51,82,.7);padding:20px;box-shadow:0 24px 60px #05081499}h1{margin:0;font-size:22px}h2{font-size:14px;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted)}.meta{color:var(--muted);font-size:13px}.card{padding:18px;border-radius:18px;border:1px solid rgba(42,51,82,.6);background:#0a0f1f99}.auth form{display:grid;gap:12px}label{font-weight:600;font-size:14px;color:var(--muted)}input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-size:15px}button{padding:12px 16px;border-radius:12px;border:none;cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#22d3ee);color:#02131f;font-weight:700}button.secondary{background:transparent;border:1px solid var(--border);color:var(--text);margin-top:16px}.report-header{display:grid;gap:12px;padding-bottom:16px;border-bottom:1px solid rgba(42,51,82,.5)}.report-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.report-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.range-tabs{display:flex;gap:8px;flex-wrap:wrap}.range-tab{padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:#0f172a99;color:var(--muted)}.range-tab.active{border-color:#38bdf899;color:var(--text);background:#38bdf826}.summary-grid{margin:16px 0;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.summary-card{padding:14px;border-radius:16px;background:#0a0f1f99;border:1px solid rgba(42,51,82,.6);display:grid;gap:8px}.summary-card .label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.summary-card .value{font-size:20px;font-weight:700}.section-grid{display:grid;gap:16px}.chart-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.report-section{border-radius:18px;border:1px solid rgba(42,51,82,.6);background:#0a0f1f8c;padding:16px;display:grid;gap:14px}.chart-card{border-radius:16px;border:1px solid rgba(42,51,82,.6);background:#080c188c;padding:14px;display:grid;gap:10px}.chart-card-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.chart-card-title{font-size:14px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.chart-card-meta{font-size:12px;color:var(--muted)}.chart-card-body{display:grid;gap:8px}.metric-tile{border-radius:16px;border:1px solid rgba(42,51,82,.6);background:#0a0f1f99;padding:12px;display:grid;gap:6px}.metric-tile-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.metric-tile-value{font-size:20px;font-weight:700}.metric-tile-meta{font-size:12px;color:var(--muted)}.sparkline{width:100%;height:36px;color:var(--accent)}.sparkline-empty,.chart-empty{font-size:12px;color:var(--muted)}.trend-area{width:100%;height:120px}.line-chart,.bar-chart{width:100%;height:120px;color:var(--accent)}.donut-chart{display:block;margin:0 auto}.week-heatmap{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.heat-cell{border-radius:12px;padding:8px;background:rgba(15,23,42,calc(.2 + var(--heat, 0) * .5));border:1px solid rgba(42,51,82,.5);display:grid;gap:6px;font-size:11px;color:var(--muted)}.heat-label{text-transform:uppercase;letter-spacing:.8px;font-size:10px}.heat-value{font-size:12px;color:var(--text);font-weight:600}.bullet-bar{display:grid;gap:6px}.bullet-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}.bullet-track{position:relative;height:10px;border-radius:999px;background:#0f172a99;border:1px solid rgba(42,51,82,.6)}.bullet-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#38bdf899,#22d3eecc)}.bullet-target{position:absolute;top:-3px;width:2px;height:16px;background:var(--warning)}.section-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.section-title{font-size:16px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.section-plan{font-size:18px;font-weight:600}.actions-list{display:grid;gap:8px}.action-item{padding:12px;border-radius:12px;border:1px solid rgba(42,51,82,.4);background:#080c1899}.metric-table{display:grid;gap:8px}.metric-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:12px;padding:10px 0;border-bottom:1px solid rgba(42,51,82,.4);font-size:13px}.metric-group{padding:8px 0;border-bottom:1px dashed rgba(42,51,82,.4)}.metric-group-title{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:6px}.metric-row.header{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.raw-panel{border-radius:18px;border:1px solid rgba(42,51,82,.6);background:#0a0f1f99;padding:16px;display:grid;gap:12px}.raw-panel-header{display:flex;justify-content:space-between;gap:12px}.raw-json{max-height:520px;overflow:auto;padding:12px;border-radius:12px;background:#080c18cc;border:1px solid rgba(42,51,82,.6);font-size:12px;color:#cbd5f5}.variants-panel{border-radius:18px;border:1px solid rgba(42,51,82,.6);background:#0a0f1f99;padding:16px;display:grid;gap:12px}.variants-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.variant-card{border-radius:16px;border:1px solid rgba(42,51,82,.6);background:#080c18a6;padding:12px;display:grid;gap:8px}.variant-title{font-size:14px;font-weight:600}.variant-link{font-size:12px;color:var(--accent-2);text-decoration:none}.metric-label{font-weight:600}.error{padding:10px 12px;border-radius:12px;background:#f871711a;color:var(--danger)}.auth-status{margin-top:12px;color:var(--danger)}@media (max-width: 800px){.report-top{flex-direction:column;align-items:flex-start}.metric-row{grid-template-columns:1.6fr 1fr 1fr}.metric-row div:nth-child(4),.metric-row div:nth-child(5){display:none}}