:root{--bg: #f4f7fb;--card: #ffffff;--text: #1e293b;--navy: #10233f;--accent: #2f6fed}body{margin:0;background:radial-gradient(circle at 10% 10%,#e2ecff,var(--bg));color:var(--text);font-family:IBM Plex Sans,Segoe UI,sans-serif}.app-layout{min-height:100vh;background:transparent}.content-wrap{padding:24px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--navy)}.app-menu{flex:1;min-width:0;background:transparent}.app-brand{color:#fff;font-size:16px;font-weight:700;white-space:nowrap}.expert-mode-label{color:#fff}.app-header-mobile{display:flex;align-items:center;gap:12px;justify-content:space-between;width:100%;min-width:0}.app-header-mobile-title{color:#fff;font-weight:600;min-width:0}.page-card{background:var(--card);border-radius:12px;padding:20px;box-shadow:0 10px 30px #0f172a14}.family-page{max-width:1220px;margin:0 auto}.family-page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.family-page-heading h2{margin:0 0 4px}.family-section{margin-top:16px}.family-kpi{height:100%}.drawer-mode-control{margin-top:20px;padding:12px;border-radius:8px;background:#f4f7fb}.drawer-mode-control .expert-mode-label{color:var(--text)}.login-wrap{min-height:calc(100vh - 48px);display:flex;align-items:center;justify-content:center}.login-card{width:420px;max-width:92vw}@media (max-width: 991px){.content-wrap{padding:12px}.app-header{gap:10px;padding-inline:12px;flex-wrap:nowrap}.page-card{padding:12px;border-radius:10px}.family-page-heading{align-items:stretch;flex-direction:column}}