:root{--background:#11141a;--surface:#242932;--surface-soft:#1b1f27;--text:#f7f6f2;--muted:#9ca3af;--line:rgba(255,255,255,0.1);--primary:#49c986;--primary-strong:#2fa66b;--accent:#ff7846;--focus:#55d2cb}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:radial-gradient(circle at 20% 0,rgba(73,201,134,.14),transparent 28%),radial-gradient(circle at 92% 18%,rgba(255,120,70,.1),transparent 26%),linear-gradient(180deg,#161a22,#101319 48%,#0c0f14);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}.shell{margin:0 auto;max-width:1180px;min-height:100vh;padding:28px}.topbar{background:rgba(23,27,35,.62);border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 44px rgba(0,0,0,.18);padding:18px}.dashboardHeader,.topbar{align-items:center;display:flex;gap:20px;justify-content:space-between}.eyebrow{color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:0;margin:0 0 8px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,5vw,4rem);line-height:.95;text-shadow:0 12px 36px rgba(0,0,0,.28)}h1,h2{margin-bottom:0}h2{font-size:clamp(1.7rem,3vw,3rem);line-height:1}.segmented{background:rgba(255,255,255,.05);border:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;min-width:132px;padding:4px}.segmented button{background:transparent;border:0;color:#c7ccd5;min-height:40px}.segmented button.active{background:#f7f6f2;color:#151922}.appNav{display:flex;flex-wrap:wrap;gap:8px}.appNav a{border:1px solid var(--line);color:#c7ccd5;min-height:40px;padding:10px 14px;text-decoration:none}.appNav a:hover{background:rgba(255,255,255,.08);color:#f7f6f2}.choicePanel,.loginPanel{align-items:stretch;display:grid;grid-gap:28px;gap:28px;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);margin-top:72px}.choicePanel{background:radial-gradient(circle at 100% 0,rgba(73,201,134,.1),transparent 26%),var(--surface);box-shadow:0 22px 58px rgba(0,0,0,.24);grid-template-columns:1fr;max-width:760px}.choicePanel,.intro{border:1px solid var(--line);border-radius:8px;padding:32px}.intro{align-items:flex-end;background:linear-gradient(rgba(17,20,26,.12),rgba(17,20,26,.82)),url(https://images.unsplash.com/photo-1517836357463-d25dfeac3438?auto=format&fit=crop&w=1400&q=80);background-position:50%;background-size:cover;color:white;display:flex;min-height:520px;box-shadow:0 22px 58px rgba(0,0,0,.22)}.emptyState,.loginForm,.recommendation,.sourcePanel{background:radial-gradient(circle at 100% 0,rgba(85,210,203,.08),transparent 28%),var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 22px 58px rgba(0,0,0,.18);padding:28px}.loginForm{align-self:end;display:grid;grid-gap:18px;gap:18px}label{color:#c7ccd5;display:grid;font-size:.9rem;font-weight:700;grid-gap:8px;gap:8px}input{background:rgba(255,255,255,.055);border:1px solid var(--line);color:var(--text);min-height:48px;padding:0 14px}input:hover{border-color:rgba(255,255,255,.18)}button:focus-visible,input:focus{outline:3px solid color-mix(in srgb,var(--focus) 30%,transparent);outline-offset:2px}.actions{display:flex;flex-wrap:wrap;gap:10px}.ghostButton,.primaryButton,.secondaryButton,.sourceList button{border:1px solid transparent;min-height:44px;padding:0 18px}.primaryButton{background:linear-gradient(135deg,var(--primary),#55d2cb);color:#101319;font-weight:850}.primaryButton:hover{background:linear-gradient(135deg,var(--primary-strong),#47bdb7)}.secondaryButton{background:rgba(255,255,255,.06);border-color:var(--line);color:#f7f6f2}.ghostButton:hover,.secondaryButton:hover,.sourceList button:hover{background:rgba(255,255,255,.095);border-color:rgba(255,255,255,.18)}.ghostButton{background:rgba(255,255,255,.035);border-color:var(--line);color:#c7ccd5}.dashboard{margin-top:44px}.dashboardHeader{background:rgba(23,27,35,.56);border:1px solid var(--line);border-radius:8px;padding:18px}.metricGrid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:1fr;margin-top:24px}.metricCard{align-items:center;background:radial-gradient(circle at 82% 42%,rgba(105,116,139,.3),transparent 32%),linear-gradient(145deg,#303642,#252a33 58%,#20242c);border:1px solid rgba(255,255,255,.08);border-radius:8px;box-shadow:0 18px 44px rgba(0,0,0,.28);color:#f7f6f2;display:grid;grid-gap:20px;gap:20px;grid-template-columns:minmax(0,1fr) 150px;min-height:196px;overflow:hidden;padding:22px;position:relative}.metricCard p,.metricCard small{color:rgba(247,246,242,.54);display:block}.metricCard h3{color:#ffffff;font-size:1.35rem;margin-bottom:0}.metricInfo{min-width:0}.metricTitle{align-items:center;display:flex;gap:12px}.metricTitle>span{background:#5ed08d;border-radius:999px;box-shadow:0 0 16px rgba(94,208,141,.48);flex:0 0 auto;height:12px;width:12px}.metricTitle p{font-size:.8rem;font-weight:800;margin-bottom:2px;text-transform:uppercase}.metricUpdated{font-size:.96rem;font-weight:750;margin:12px 0 24px}.metricStats{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.metricStat{border-right:1px solid rgba(255,255,255,.1);min-width:0}.metricStat:last-child{border-right:0}.metricStat span,.metricStat strong{display:block}.metricStat strong{font-size:2rem;font-weight:850;line-height:1}.metricStat strong.hot{color:#ff633a}.metricStat strong.cool{color:#55d2cb}.metricStat strong.good{color:#74d846}.metricStat span{color:rgba(247,246,242,.55);font-size:.86rem;font-weight:750;margin-top:6px}.metricInfo small{margin-top:18px}.gaugeWrap{align-items:center;background:rgba(97,106,126,.34);border-radius:999px;box-shadow:inset 0 0 34px rgba(255,255,255,.05),0 16px 28px rgba(0,0,0,.24);display:flex;height:150px;justify-content:center;justify-self:end;width:150px}.gauge{aspect-ratio:1;display:grid;place-items:center;position:relative;width:128px}.gaugeSvg{height:100%;width:100%}.gaugeSegment{fill:rgba(255,255,255,.15);opacity:1}.gaugeCenter{align-items:center;color:#f7f6f2;display:flex;flex-direction:column;gap:3px;justify-content:center;left:50%;max-width:88px;position:absolute;top:50%;transform:translate(-50%,-50%)}.gaugeCenter strong{color:rgba(247,246,242,.9);font-size:2rem;font-weight:850;line-height:1}.gaugeCenter span{color:rgba(247,246,242,.56);font-size:.78rem;font-weight:800}.gaugeCenter em{color:#ff7846;font-size:.82rem;font-style:normal;font-weight:850}.gaugeSegment.active{animation:segmentWake .52s ease-out both;animation-delay:calc(var(--segment-index) * 16ms);fill:var(--segment-color);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--segment-color) 58%,transparent));opacity:1}@keyframes segmentWake{0%{opacity:.35}to{opacity:1}}.lowerGrid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:minmax(0,1fr) minmax(320px,.55fr);margin-top:14px}.recommendation h3{font-size:1.35rem;line-height:1.25;margin-bottom:0}.sourceList{display:grid;grid-gap:10px;gap:10px}.sourceList button{background:rgba(255,255,255,.055);border-color:var(--line);color:#f7f6f2;text-align:left}.emptyState{margin-top:24px}.choicePanel p,.emptyState p{color:#c7ccd5}.featureGrid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px}.featurePanel{background:radial-gradient(circle at 100% 0,rgba(85,210,203,.08),transparent 28%),var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 22px 58px rgba(0,0,0,.18);padding:28px}.featurePanel p:not(.eyebrow){color:#c7ccd5;line-height:1.55}@media (min-width:1180px){.metricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.shell{padding:18px}.dashboardHeader,.topbar{align-items:flex-start;flex-direction:column}.featureGrid,.loginPanel,.lowerGrid{grid-template-columns:1fr}.intro{min-height:340px}.metricCard{grid-template-columns:minmax(0,1fr) 148px}}@media (max-width:560px){h1{font-size:2.3rem}h2{font-size:1.8rem}.metricCard,.metricGrid{grid-template-columns:1fr}.metricCard{justify-items:stretch}.gaugeWrap{justify-self:center}.choicePanel,.emptyState,.loginForm,.recommendation,.sourcePanel{padding:20px}}