.family-space{--primary:var(--family-primary);--primary-foreground:var(--family-paper);--background:var(--family-background);--foreground:var(--family-ink);--card:var(--family-paper);--card-foreground:var(--family-ink);--muted:var(--family-background);--muted-foreground:var(--family-muted);--border:var(--family-border);--input:var(--family-border);--accent:var(--family-soft);--accent-foreground:var(--family-primary);--ring:var(--family-primary);letter-spacing:0;color:var(--foreground);background:var(--background);font-family:Plus Jakarta Sans,sans-serif}.family-rail{background:var(--family-navigation-wash);color:var(--family-paper)}.family-rail button{color:inherit}.family-rail button:hover,.family-rail button[aria-current=page]{background:var(--family-soft);color:var(--family-primary)}.family-panel{background:var(--card);border:1px solid var(--border);box-shadow:var(--family-shadow);border-radius:8px}.family-chart-grid{stroke:var(--family-border)}.family-chart-line{stroke:var(--primary)}.family-chart-area{fill:var(--family-soft)}.family-chart-dot{fill:var(--card);stroke:var(--primary)}.family-chart-label{fill:var(--muted-foreground);font-size:12px}.family-content{animation:.18s ease-out family-enter}.family-brand,.family-navigation{z-index:1;position:relative}.family-navigation button{gap:16px}.family-navigation button svg{width:24px;height:24px}.family-rail-watermark{opacity:.07;pointer-events:none;width:210px;height:160px;position:absolute;bottom:145px;left:22px}.family-desktop-rail{overflow:hidden}.family-header{min-height:76px}.family-search{border-radius:24px}.family-welcome{padding:12px 12px 18px}.family-welcome-dashboard{isolation:isolate;min-height:132px;margin:-20px -20px 0;padding:22px 32px}.family-welcome-image,.family-welcome-veil{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.family-welcome-image{object-fit:cover;object-position:right 55%}.family-welcome-veil{background:var(--family-welcome-veil)}.family-welcome-dashboard p{max-width:690px;color:var(--family-ink)}.family-child-row{background:var(--card);border:1px solid var(--border);border-bottom:0;border-radius:8px 8px 0 0;padding:16px 20px 0}.family-child-row+*{margin-top:0}.family-child-selector{color:var(--foreground);background:var(--card);gap:16px;width:min(100%,480px)}.family-metrics{background:var(--card);border:1px solid var(--border);box-shadow:var(--family-shadow);border-top:0;border-radius:0 0 8px 8px;padding:12px 20px 18px}.family-content>.family-metrics{margin-top:0}.family-metric{box-shadow:none;border-color:#0000;min-height:96px}.family-metric:first-child,.family-quick-action:first-child{background:var(--family-performance-surface)}.family-metric:nth-child(2),.family-quick-action:nth-child(2){background:var(--family-attendance-surface)}.family-metric:nth-child(3){background:var(--family-absence-surface)}.family-metric:nth-child(4),.family-quick-action:nth-child(3){background:var(--family-late-surface)}.family-quick-action:nth-child(4){background:var(--family-message-surface)}.family-quick-action:nth-child(2) svg{color:var(--info)}.family-quick-action:nth-child(3) svg{color:var(--warning-foreground)}.family-quick-action:nth-child(4) svg{color:var(--family-message-ink)}.family-quick-access{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--card);padding:16px 20px}.family-quick-action{border-color:#0000;gap:12px;font-weight:600}.family-quick-action svg{flex-shrink:0;width:25px;height:25px}.family-activity-date{white-space:nowrap}.family-grade-chart{max-width:620px;margin:auto}.family-grade-chart svg{max-height:240px}.family-activities>div:first-child{padding-top:14px;padding-bottom:14px}@media (width>=1024px) and (width<=1279px){.family-dashboard-columns{grid-template-columns:1.15fr 1fr}.family-activity-row{grid-template-columns:auto minmax(0,1fr) auto}.family-activity-date{display:none}.family-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.family-metric{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}}@media (width<=639px){.family-welcome-dashboard{min-height:150px;margin:-12px -12px 0;padding:20px 16px}.family-welcome-image{opacity:.38;object-position:65% center}.family-welcome-dashboard h2{font-size:26px}.family-child-row{padding:12px 12px 0}.family-child-selector{gap:10px;padding:10px}.family-child-selector>span:first-child{width:44px;height:44px;font-size:16px}.family-child-selector .text-xl{font-size:17px}.family-child-selector .text-sm{font-size:11px}.family-child-selector .text-xs{font-size:10px}.family-metrics{gap:8px;padding:12px}.family-metric{gap:8px;padding:10px}.family-metric-icon{width:34px;height:34px}.family-metric-icon svg{width:21px;height:21px}.family-metric h3{font-size:11px;line-height:16px}.family-metric p.text-3xl{font-size:24px}.family-activity-row{grid-template-columns:auto minmax(0,1fr) auto;gap:10px}.family-activity-date{display:none}.family-activity-icon{width:38px;height:38px}.family-quick-access{padding:16px 12px}}@media (width<=359px){.family-metric{flex-direction:column;align-items:flex-start}.family-header{column-gap:8px}.family-header>div:first-child{gap:4px}.family-header h1{white-space:normal;font-size:14px;line-height:18px;overflow:visible}.family-header>div:first-child p{font-size:10px}}@keyframes family-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.family-content{animation:none}}