@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Manrope:wght@400;500;600&display=swap";:root{--bg:#f9f6f0;--surface:#fffdfa;--surface-2:#efe8dc;--surface-glow:#f59e0b47;--text:#231f20;--text-soft:#6f635a;--muted:#9e8f82;--line:#ded4c7;--line-strong:#cbbca8;--brand:#b45309;--brand-soft:#f8e3c2;--sans:"Manrope", "Segoe UI", sans-serif;--heading:"Space Grotesk", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text);font-family:var(--sans);background:radial-gradient(circle at top right, #fcd9b0, transparent 30%), radial-gradient(circle at 0% 100%, #ffe9c7, transparent 35%), var(--bg);margin:0}h1,h2,h3{font-family:var(--heading);letter-spacing:-.02em}p{margin:0}.dashboard-shell{flex-direction:column;gap:1.5rem;max-width:1100px;margin:0 auto;padding:2.5rem 1.25rem 3rem;display:flex}.dashboard-hero{border:1px solid var(--line);background:radial-gradient(circle at 12% 20%, var(--surface-glow), transparent 40%), linear-gradient(145deg, var(--surface), var(--surface-2));border-radius:20px;padding:1.6rem;animation:.55s ease-out rise-in}.dashboard-hero__kicker{font-family:var(--heading);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0;font-size:.78rem}.dashboard-hero h1{margin:.55rem 0;line-height:1.05}.dashboard-hero__subtitle{max-width:60ch;color:var(--text-soft);margin:0}.dashboard-controls{gap:.45rem;margin-top:1rem;display:grid}.dashboard-controls p{color:var(--text-soft);font-size:.9rem}.age-filter{gap:.45rem;max-width:360px;display:grid}.age-filter span{font-family:var(--heading);font-size:.9rem}.age-filter input{width:100%;accent-color:var(--brand)}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;display:grid}.stat-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:1rem 1.1rem}.stat-card p{color:var(--text-soft);margin:0;font-size:.9rem}.stat-card strong{font-family:var(--heading);margin-top:.3rem;font-size:1.65rem;display:block}.dashboard-layout{grid-template-columns:320px 1fr;gap:1rem;display:grid}.roster-panel,.detail-panel{border:1px solid var(--line);background:var(--surface);border-radius:18px}.roster-panel{flex-direction:column;padding:1rem;display:flex}.roster-panel__header{gap:.6rem;display:grid}.roster-panel__header h2{margin:0}.roster-panel__header input{box-sizing:border-box;border:1px solid var(--line-strong);background:var(--bg);width:100%;color:var(--text);font:inherit;border-radius:12px;padding:.65rem .75rem}.roster-list{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;flex-direction:column;gap:.6rem;max-height:min(58vh,560px);margin-top:.9rem;padding-right:.35rem;display:flex;overflow-y:auto}.roster-list::-webkit-scrollbar{width:8px}.roster-list::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px}.roster-list::-webkit-scrollbar-track{background:0 0}.user-card{border:1px solid var(--line);background:var(--bg);text-align:left;cursor:pointer;width:100%;color:inherit;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:.75rem;transition:transform .14s,border-color .14s,box-shadow .14s;display:grid}.user-card:hover{border-color:var(--brand);transform:translateY(-1px)}.user-card--active{border-color:var(--brand);box-shadow:0 0 0 1px color-mix(in srgb, var(--brand) 40%, transparent)}.user-card__avatar{background:var(--brand-soft);width:2.2rem;height:2.2rem;font-family:var(--heading);border-radius:999px;place-items:center;font-size:.78rem;display:grid}.user-card__content h3{margin:0;font-size:1rem}.user-card__content p{color:var(--text-soft);margin:.2rem 0 0;font-size:.87rem}.user-card__badge{color:var(--muted);font-size:.75rem}.detail-panel{align-content:start;gap:1rem;padding:1.2rem;display:grid}.detail-panel--empty{text-align:center;color:var(--text-soft);place-content:center;display:grid}.detail-panel__top h2{margin:.25rem 0 0}.detail-panel__eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0;font-size:.75rem}.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:0;display:grid}.detail-grid div{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:.75rem}.detail-grid dt{color:var(--text-soft);font-size:.8rem}.detail-grid dd{font-family:var(--heading);margin:.4rem 0 0;font-size:1.25rem}.age-meter{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;height:.95rem;overflow:hidden}.age-meter__fill{border-radius:inherit;background:linear-gradient(90deg,#f97316,#facc15);height:100%;transition:width .3s}.empty-message{color:var(--text-soft);text-align:center;margin:1rem 0 0}.insights-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.viz-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;gap:.9rem;padding:1rem;display:grid}.viz-card header h2{margin:0}.viz-card header p{color:var(--text-soft);margin-top:.25rem;font-size:.86rem}.bucket-list{gap:.6rem;display:grid}.bucket-row{grid-template-columns:90px 1fr auto;align-items:center;gap:.5rem;font-size:.88rem;display:grid}.bucket-row span{color:var(--text-soft)}.bucket-row strong{font-family:var(--heading);font-size:.95rem}.bucket-track{background:var(--surface-2);border-radius:999px;height:.65rem;overflow:hidden}.bucket-fill{border-radius:inherit;background:linear-gradient(90deg,#f59e0b,#ea580c);height:100%;transition:width .28s}.trend-strip{grid-template-columns:repeat(auto-fit,minmax(50px,1fr));align-items:end;gap:.45rem;height:150px;display:grid}.trend-point{grid-template-rows:1fr auto;align-items:end;gap:.35rem;height:100%;display:grid}.trend-point div{border:1px solid color-mix(in srgb, var(--brand) 35%, var(--line));background:linear-gradient(#facc15,#f97316 65%),repeating-linear-gradient(45deg,#ffffff26,#ffffff26 6px,#fff0 6px 12px);border-radius:10px 10px 6px 6px;width:100%;transition:height .28s}.trend-point small{text-align:center;color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;display:block;overflow:hidden}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.stats-grid,.detail-grid,.insights-grid,.dashboard-layout{grid-template-columns:1fr}.bucket-row{grid-template-columns:80px 1fr auto}.roster-list{max-height:50vh}}