:root{--background:#0f172a;--card:#1e293b;--muted:#94a3b8;--primary:#38bdf8;--success:#34d399;--danger:#f87171}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--background);color:#fff;min-height:100vh}button{font-family:inherit}a{color:inherit}.layout{padding:32px 16px 48px;max-width:1080px;margin:0 auto}.card,.header{background:linear-gradient(145deg,rgba(30,41,59,.9),rgba(15,23,42,.9));border-radius:18px;padding:24px;box-shadow:0 30px 80px rgba(15,23,42,.35)}.header{display:flex;flex-direction:column;gap:12px}@media (min-width:640px){.header{flex-direction:row;justify-content:space-between;align-items:center}}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.metric-card{background:hsla(0,0%,100%,.03);border-radius:16px;padding:16px;border:1px solid rgba(148,163,184,.1)}.metric-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.metric-value{font-size:28px;font-weight:600}.button{border:none;border-radius:999px;background:var(--primary);color:#0f172a;font-weight:600;padding:10px 20px;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.button:disabled{opacity:.6;cursor:not-allowed}.button:hover:not(:disabled){transform:translateY(-1px)}.input{border-radius:12px;border:1px solid rgba(148,163,184,.3);background:hsla(0,0%,100%,.04);color:#fff;padding:12px 14px}.input,.table{width:100%;font-size:14px}.table{border-collapse:collapse}.table td,.table th{padding:10px;text-align:left}.table th{color:var(--muted);font-weight:500}.badge{align-items:center;gap:6px;padding:4px 10px;font-size:12px}.badge,.range-tabs{display:inline-flex;border-radius:999px}.range-tabs{background:rgba(148,163,184,.15);padding:4px}.range-tab{border:none;background:transparent;color:var(--muted);font-size:13px;border-radius:999px;padding:6px 16px;cursor:pointer}.range-tab.active{background:#fff;color:#0f172a;font-weight:600}.section-title{font-size:16px;margin-bottom:12px;font-weight:600}.trend-list{max-height:260px;overflow:auto}.trend-item{display:grid;grid-template-columns:90px repeat(3,1fr);font-size:13px;padding:6px 0;border-bottom:1px solid rgba(148,163,184,.1)}.trend-item:last-child{border-bottom:none}.login-card{max-width:420px;margin:0 auto;padding:32px;border-radius:20px;background:rgba(30,41,59,.85);box-shadow:0 20px 60px rgba(0,0,0,.45);text-align:center}