.analytics-test-notice{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#fff5dc;border:1px solid #efddb3;border-radius:12px;padding:10px 16px;margin:0 0 20px;font-size:13px;color:#755a26}.analytics-test-notice a{font-weight:600;color:inherit}.analytics-settings{margin:24px 0}.analytics-settings>summary{display:flex;justify-content:space-between;cursor:pointer;gap:12px}.analytics-settings>summary span{font-size:13px;color:#738196}.analytics-settings>div{padding-top:20px;max-width:780px}.analytics-settings form{display:grid;gap:16px}.analytics-settings form label{display:flex;gap:12px;align-items:flex-start;line-height:1.6}.analytics-settings input[type=checkbox]{width:20px;height:20px;flex-shrink:0;margin-top:4px}.analytics-settings .text-link{display:inline-flex;margin-top:20px}.analytics-muted{font-size:13px;color:#738196;line-height:1.6}.analytics-toolbar{display:flex;justify-content:flex-end;gap:18px;align-items:center;flex-wrap:wrap;margin:24px 0}.analytics-period{display:flex;gap:4px;padding:4px;border-radius:14px;background:#e8edf5}.analytics-period button{border:0;border-radius:10px;padding:10px 16px;background:none;color:#5d6c83;cursor:pointer;font:inherit;font-size:14px}.analytics-period button.active{background:white;color:#087ca4;box-shadow:0 2px 5px #1831470d}.analytics-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:24px 0}.analytics-summary article{border:1px solid #e1e9f3;background:white;border-radius:20px;padding:22px}.analytics-summary article span{display:block;color:#738196;font-size:13px;line-height:1.5;min-height:40px}.analytics-summary article strong{display:block;font-size:28px;margin-top:12px;color:#24334a}.analytics-table-scroll{overflow:auto;max-height:560px;scrollbar-gutter:stable}.analytics-table thead{position:sticky;top:0;background:#fff;z-index:1}.analytics-table{width:100%;border-collapse:collapse;font-size:14px;margin-top:20px}.analytics-table th{text-align:left;color:#738196;font-weight:500;font-size:12px;border-bottom:1px solid #e0e7f0;padding:12px;white-space:nowrap}.analytics-table td{padding:14px 12px;border-bottom:1px solid #eef2f7;vertical-align:top;line-height:1.5}.analytics-table td:first-child{font-weight:500;min-width:90px}.analytics-table td .text-link{white-space:nowrap}.analytics-table-scroll+.analytics-muted{margin-top:16px}.analytics-section-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.analytics-days-chart>div{display:grid;grid-template-columns:100px minmax(0,1fr) 180px;gap:18px;align-items:center;margin:18px 0;font-size:13px}.analytics-days-chart i{display:block;min-width:6px;height:12px;background:#00b7e8;border-radius:6px}.analytics-days-chart b{font-weight:500;color:#5e7188}.analytics-empty{border:1px dashed #c9d7e7}.analytics-empty h2{font-size:23px}body[data-page=analytics] .family-paper{margin:24px 0}body[data-page=analytics] h2{font-size:23px}@media(max-width:1100px){.analytics-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-days-chart>div{grid-template-columns:90px minmax(0,1fr) 150px}}@media(max-width:600px){.analytics-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.analytics-summary article{padding:16px}.analytics-summary article strong{font-size:23px}.analytics-toolbar{justify-content:flex-start;gap:12px}.analytics-days-chart>div{grid-template-columns:80px minmax(0,1fr)}.analytics-days-chart b{grid-column:2}.analytics-test-notice{font-size:12px;padding:10px;align-items:flex-start}.analytics-section-heading{align-items:flex-start;flex-wrap:wrap}body[data-page=analytics] .family-paper{padding:20px}.analytics-table td{font-size:12px}}

body[data-page=analytics] .school-sidebar,body[data-page=operations] .school-sidebar,body[data-page=analytics] .header-utility,body[data-page=operations] .header-utility,body[data-page=analytics] .local-status,body[data-page=operations] .local-status{display:none}
body[data-page=analytics] .app-shell,body[data-page=operations] .app-shell{margin:0 auto;width:100%;max-width:1240px;padding:0 28px}
.admin-navigation{margin:0 0 24px;flex-wrap:wrap}
@media(max-width:600px){body[data-page=analytics] .app-shell,body[data-page=operations] .app-shell{padding:0 18px}.admin-navigation a{padding:12px}}