:root{--family-blue:#132846;--family-mint:#56dfa7;--family-ink:#071019;--family-panel:#0d1622;--family-line:#26384e;--family-text:#edf4ff;--family-muted:#8fa0b6}.family-shell{min-height:100vh;background:radial-gradient(circle at 80% 0,#173156 0,#08111b 42%,#050a10 100%);color:var(--family-text);display:grid;grid-template-columns:250px 1fr}.family-side{position:sticky;top:0;height:100vh;background:#071019;border-right:1px solid var(--family-line);padding:24px 20px;display:flex;flex-direction:column}.family-brand{display:flex;align-items:center;gap:12px;margin-bottom:44px}.family-brand img{width:43px;height:43px}.family-brand strong,.family-brand small{display:block;letter-spacing:.16em}.family-brand small{font-size:9px;color:var(--family-muted);margin-top:3px}.family-side nav{display:grid;gap:8px}.family-side nav a{color:var(--family-muted);text-decoration:none;padding:13px 16px;border-radius:12px}.family-side nav a.active{color:#dfffee;background:rgba(86,223,167,.1)}.side-foot{margin-top:auto;border-top:1px solid var(--family-line);padding-top:18px;display:grid;gap:5px}.side-foot small{color:var(--family-muted)}.logout{margin-top:12px;text-align:center;padding:10px;border:1px solid var(--family-line);border-radius:10px;color:var(--family-text);text-decoration:none}.family-main header{height:68px;border-bottom:1px solid var(--family-line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:rgba(7,16,25,.86)}.family-main header small,.family-main header strong{display:block}.family-main header small{color:var(--family-muted);margin-bottom:3px}.private-pill,.status{border:1px solid var(--family-line);border-radius:999px;padding:7px 11px;font-size:12px;color:var(--family-mint)}.content{max-width:1240px;margin:auto;padding:52px 34px 90px}.content h1{font-size:clamp(34px,5vw,58px);margin:6px 0 12px}.intro{max-width:760px;color:var(--family-muted);font-size:17px;line-height:1.65}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:30px 0}.metric-grid article,.panel{background:rgba(13,22,34,.92);border:1px solid var(--family-line);border-radius:20px}.metric-grid article{padding:22px}.metric-grid small,.metric-grid span{display:block;color:var(--family-muted)}.metric-grid strong{display:block;font-size:38px;margin:10px 0}.panel{padding:24px;margin-top:16px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.panel h2{margin:4px 0 18px}.empty-state,.privacy-note{border:1px dashed var(--family-line);border-radius:16px;padding:34px;text-align:center;color:var(--family-muted)}.empty-state strong,.privacy-note strong{color:var(--family-text)}.muted{color:var(--family-muted)}.version{text-align:right;color:var(--family-muted);font-size:11px;margin-top:24px}.mobile-nav{display:none}.eyebrow{color:var(--family-mint)}@media(max-width:760px){.family-shell{display:block}.family-side{display:none}.family-main header{height:60px;padding:0 18px}.content{padding:32px 16px 92px}.content h1{font-size:36px}.metric-grid{grid-template-columns:1fr 1fr}.metric-grid article{padding:16px}.metric-grid strong{font-size:30px}.panel{padding:17px;border-radius:16px}.panel-head{display:block}.status{display:inline-block;margin-bottom:14px}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);bottom:0;left:0;right:0;background:#071019;border-top:1px solid var(--family-line);z-index:5}.mobile-nav a{padding:15px 5px;text-align:center;color:var(--family-muted);font-size:12px;text-decoration:none}.mobile-nav a.active{color:var(--family-mint)}}@media(max-width:410px){.metric-grid{grid-template-columns:1fr}.family-main header strong{font-size:14px}}