@font-face{font-family:Plex;src:url('assets/fonts/IBMPlexSansArabic-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Plex;src:url('assets/fonts/IBMPlexSansArabic-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Plex;src:url('assets/fonts/IBMPlexSansArabic-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Plex;src:url('assets/fonts/IBMPlexSansArabic-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--sidebar-width:232px;--nav-height:72px;--content-width:1280px;--accent:var(--ylw-primary-700);--accent-ink:var(--ylw-primary-700);--ring:var(--ylw-primary-400);--scrim:color-mix(in srgb,var(--ylw-neutral-900) 40%,transparent);--shadow:0 16px 48px color-mix(in srgb,var(--ylw-primary-900) 16%,transparent);color-scheme:light}
[data-theme="dark"]{--accent:var(--ylw-primary-600);--accent-ink:var(--ylw-primary-300);--scrim:color-mix(in srgb,var(--ylw-bg) 76%,transparent);--shadow:0 16px 48px color-mix(in srgb,var(--ylw-primary-500) 14%,transparent);color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--ylw-bg);color:var(--ylw-text-primary);font-family:Plex,Arial,sans-serif;font-size:14px;line-height:1.65}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button,a,input,select,textarea{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--ring)}input,textarea{caret-color:var(--accent-ink)}::selection{background:var(--ylw-primary-200);color:var(--ylw-text-primary)}a{color:inherit;text-decoration:none;text-underline-offset:4px}p,h1,h2,h3{margin:0}h1{font-size:clamp(24px,2.4vw,32px);font-weight:700;line-height:1.5}h2{font-size:18px;font-weight:600;line-height:1.6}h3{font-size:15px;font-weight:600}p{color:var(--ylw-text-secondary)}small{font-size:12px;color:var(--ylw-text-secondary)}strong,b{font-weight:600}input[type="checkbox"]{accent-color:var(--accent);inline-size:18px;block-size:18px;cursor:pointer;margin:0}input[type="checkbox"]::before{padding:13px}input[type="search"]::-webkit-search-cancel-button{cursor:pointer}select,input:not([type="checkbox"]),textarea{min-height:44px;border:1px solid var(--ylw-border);border-radius:var(--radius-sm);background:var(--ylw-surface);padding:var(--space-2) var(--space-3);max-width:100%}select{padding-inline-end:var(--space-8);cursor:pointer}textarea{resize:vertical;min-height:104px;width:100%;line-height:1.8}input[type="email"],input[type="tel"],input[type="date"],input[type="number"]{direction:ltr;text-align:right}.hgi{font-size:21px;line-height:1;flex-shrink:0}img{max-width:100%;display:block}hr{border:0;border-top:1px solid var(--ylw-border);margin:var(--space-6) 0}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;inset-inline-start:16px;background:var(--accent);color:var(--ylw-text-on-primary);padding:12px 24px;z-index:100}.skip-link:focus{top:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);border:1px solid transparent;white-space:nowrap;line-height:1.5;font-weight:500;transition:background .15s ease,transform .15s ease}.btn.primary{background:var(--accent);color:var(--ylw-text-on-primary);border-color:var(--accent);box-shadow:0 3px 8px color-mix(in srgb,var(--ylw-primary-700) 12%,transparent)}.btn.primary:hover{background:var(--ylw-primary-800)}.btn.secondary{background:var(--ylw-surface);border-color:var(--ylw-border);color:var(--ylw-text-primary)}.btn.secondary:hover{background:var(--ylw-primary-50);border-color:var(--ylw-primary-300)}.btn.text-button{background:transparent;color:var(--accent-ink);padding-inline:var(--space-2)}.btn.text-button:hover{background:var(--ylw-primary-100)}.btn.danger{background:var(--ylw-red-700);color:var(--ylw-text-on-primary)}.btn.danger-text{color:var(--ylw-red-700)}.icon-btn{display:inline-flex;justify-content:center;align-items:center;min-width:44px;min-height:44px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ylw-text-secondary)}.icon-btn:hover{background:var(--ylw-primary-100);color:var(--accent-ink)}.icon-btn span{display:none}.inline-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.muted{color:var(--ylw-text-secondary)}.muted-dot{padding-inline:var(--space-2)}.progress{display:block;inline-size:100%;block-size:5px;border-radius:var(--radius-pill);background:var(--ylw-primary-100);overflow:hidden}.progress>span{display:block;height:100%;background:var(--ylw-primary-500);border-radius:inherit}.dark-logo{display:none}[data-theme="dark"] .dark-logo{display:block}[data-theme="dark"] .light-logo{display:none}
.preview-bar{min-height:52px;padding:var(--space-2) var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);background:var(--ylw-primary-100);border-bottom:1px solid var(--ylw-border);font-size:12px;color:var(--accent-ink)}.preview-title{display:flex;align-items:center;gap:var(--space-2);white-space:nowrap}.preview-title .hgi{font-size:17px}.preview-title>span{color:var(--ylw-text-secondary)}.preview-controls{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap}.preview-controls label{display:flex;align-items:center;gap:var(--space-2)}.preview-controls select{font-size:12px;min-height:36px;max-width:172px;padding-block:4px;background:var(--ylw-surface);border-color:transparent;color:var(--ylw-text-primary)}.preview-reset{min-height:36px;padding:4px 8px;color:var(--accent-ink);background:transparent;font-size:12px}.preview-reset .hgi{font-size:16px}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:calc(100vh - 52px)}.sidebar{position:sticky;top:0;align-self:start;height:100vh;max-height:1080px;display:flex;flex-direction:column;background:var(--ylw-surface);border-inline-end:1px solid var(--ylw-border);padding:var(--space-8) var(--space-4) var(--space-4);overflow-y:auto}.brand{display:block;padding-inline:var(--space-3);margin-bottom:var(--space-6)}.brand img{width:154px;height:40px;object-fit:contain}.workspace-title{padding:0 var(--space-3) var(--space-6);border-bottom:1px solid var(--ylw-border);margin-bottom:var(--space-4)}.workspace-title>span{display:block;font-weight:600;font-size:14px}.workspace-title .beta-label{font-size:12px;font-weight:400;color:var(--ylw-text-secondary);margin-top:4px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:var(--space-3);min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--ylw-text-secondary);font-size:14px}.nav-item:hover{background:var(--ylw-primary-50)}.nav-item.is-active{color:var(--accent-ink);background:var(--ylw-primary-100);font-weight:600}.nav-item.is-active .hgi{color:var(--accent-ink)}.nav-count{margin-inline-start:auto;font-size:11px;padding:0 6px;border-radius:var(--radius-sm);background:var(--ylw-primary-50);color:var(--accent-ink)}.sidebar-bottom{margin-top:auto;padding-top:var(--space-8)}.brand-note{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-2);margin-bottom:var(--space-4)}.brand-note p{color:var(--accent-ink);font-size:12px;font-weight:600}.brand-note span{display:block;font-weight:400;color:var(--ylw-text-secondary)}.account-row{display:flex;align-items:center;gap:var(--space-2);border-top:1px solid var(--ylw-border);padding-top:var(--space-4)}.account-row strong{font-size:12px}.account-row small{display:block;font-size:11px}.account-row>.hgi{margin-inline-start:auto;font-size:16px}.avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;background:var(--ylw-primary-50);border:1px solid var(--ylw-primary-100);color:var(--accent-ink);border-radius:var(--radius-pill);font-size:12px;font-weight:600}.avatar.small{width:32px;height:32px}.avatar.large{width:72px;height:72px;font-size:24px}.workspace{min-width:0;display:flex;flex-direction:column}.topbar{height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ylw-border);padding:0 var(--space-8);background:var(--ylw-surface);gap:var(--space-3)}.breadcrumb{display:flex;align-items:center;gap:var(--space-3);font-size:12px;color:var(--ylw-text-secondary)}.breadcrumb .hgi{font-size:13px}.breadcrumb strong{color:var(--ylw-text-primary)}.topbar-actions{display:flex;align-items:center;gap:var(--space-3)}.school-select{display:flex;align-items:center;gap:var(--space-2)}.school-select>.hgi{color:var(--accent-ink);font-size:20px}.school-select select{border:0;background:transparent;font-size:13px}.menu-button{display:none}.content{width:100%;max-width:var(--content-width);margin-inline:auto;padding:var(--space-8);outline:none;min-height:calc(100vh - 180px)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-6)}.page-heading p{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-2);font-size:13px}.school-status .badge{font-size:11px;padding:1px 8px}.footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:auto;padding:var(--space-6) var(--space-8);font-size:11px;color:var(--ylw-text-secondary)}.footer-dot{color:var(--ylw-yellow-700);padding-inline:4px}.badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:11px;line-height:1.7;padding:3px 9px;border-radius:var(--radius-pill);font-weight:500}.status-dot{width:5px;height:5px;background:currentColor;border-radius:50%;flex-shrink:0}.badge.good{background:var(--ylw-green-50);color:var(--ylw-green-900)}.badge.warm{background:var(--ylw-yellow-50);color:var(--ylw-yellow-900)}.badge.bad{background:var(--ylw-red-50);color:var(--ylw-red-700)}.badge.neutral{background:var(--ylw-neutral-100);color:var(--ylw-neutral-700)}[data-theme="dark"] .badge.good{color:var(--ylw-green-300)}[data-theme="dark"] .badge.warm{color:var(--ylw-yellow-300)}[data-theme="dark"] .badge.bad,[data-theme="dark"] .danger-text{color:var(--ylw-red-300)}
.subscription-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.subscription-summary{display:flex;align-items:center;gap:var(--space-4);border:1px solid var(--ylw-border);border-radius:var(--radius-md);padding:var(--space-6);background:var(--ylw-surface)}.subscription-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--ylw-primary-50);color:var(--accent-ink);flex-shrink:0}.subscription-icon .hgi{font-size:26px}.subscription-info{min-width:0;flex:1}.subscription-name{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.subscription-name h3{font-size:15px}.subscription-name>span{font-size:10px;color:var(--ylw-text-secondary)}.subscription-info p{font-size:11px;margin-top:4px}.capacity-line{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-3)}.capacity-line>span:last-child{font-size:11px;color:var(--ylw-text-secondary);white-space:nowrap}.capacity-line b{color:var(--ylw-text-primary)}.subscription-link{border:0;background:transparent;color:var(--ylw-text-secondary);align-self:flex-start;margin-inline-end:-12px;margin-top:-12px;min-width:44px;min-height:44px}.subscription-link .hgi{font-size:18px}.metric-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:var(--space-6);border-bottom:1px solid var(--ylw-border);padding-bottom:var(--space-6);gap:0}.metric{border:0;border-inline-end:1px solid var(--ylw-border);padding:var(--space-2) var(--space-6);text-align:right;min-width:0;background:transparent;border-radius:0}.metric:first-child{padding-inline-start:0}.metric:last-child{border-inline-end:0}.metric:hover,.metric.selected{background:var(--ylw-primary-100)}.metric-label{font-size:12px;color:var(--ylw-text-secondary);display:flex;gap:var(--space-2);justify-content:space-between;align-items:center}.metric-label .hgi{font-size:13px;opacity:.6}.metric>strong{display:block;text-align:right;font-size:30px;font-weight:600;line-height:1.5;margin-top:var(--space-2)}.metric>small{font-size:10px;display:block}.insight-line{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);font-size:12px}.insight-line>.hgi{color:var(--ylw-yellow-800)}.insight-line p{flex:1}.insight-line p strong{color:var(--ylw-text-primary)}.insight-line .btn{font-size:12px}.panel{border:1px solid var(--ylw-border);border-radius:var(--radius-md);background:var(--ylw-surface);padding:var(--space-6);margin-bottom:var(--space-6);min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.section-heading h2{display:flex;align-items:center;gap:var(--space-2)}.section-heading p{font-size:12px;margin-top:4px}.count-pill{font-size:11px;padding:1px 8px;border-radius:var(--radius-pill);background:var(--ylw-primary-50);color:var(--accent-ink);font-weight:400}.student-panel{padding:var(--space-6) 0 0}.student-panel>.section-heading,.student-panel>.filters{padding-inline:var(--space-6)}.sort-label{font-size:11px;color:var(--ylw-text-secondary);display:flex;align-items:center;gap:4px}.sort-label select{font-size:11px;min-height:44px;border:0;background:transparent}.filters{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap}.filters select{font-size:11px;min-height:44px;background:var(--ylw-surface);padding-inline-start:var(--space-3);padding-inline-end:var(--space-6)}.search-field{position:relative;display:flex;align-items:center;flex:1;min-width:200px}.search-field>.hgi{position:absolute;inset-inline-start:var(--space-3);font-size:18px;color:var(--ylw-text-secondary)}.search-field input{width:100%;padding-inline-start:var(--space-12);font-size:12px;background:var(--ylw-primary-50);border-color:transparent}.search-field input::placeholder{color:var(--ylw-text-secondary)}.selection-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);background:var(--ylw-primary-100);font-size:12px}.table-container{overflow-x:auto}.students-table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}.students-table th{text-align:right;font-weight:400;font-size:11px;padding:var(--space-3);background:var(--ylw-primary-50);color:var(--ylw-text-secondary);border-block:1px solid var(--ylw-border)}.students-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--ylw-border);height:70px}.students-table tr:last-child td{border-bottom:0}.students-table tbody tr:hover{background:var(--ylw-primary-50)}.students-table .select-cell{width:44px;padding-inline-start:var(--space-6);padding-inline-end:var(--space-2)}.select-cell input{display:block}.student-link{display:flex;align-items:center;gap:var(--space-3);background:none;border:0;padding:0;min-height:44px;text-align:right}.student-link strong{font-size:13px;font-weight:500;display:block;color:var(--ylw-text-primary)}.student-link small{display:block;font-size:10px;color:var(--ylw-text-secondary);text-align:right}.student-link:hover strong{color:var(--accent-ink)}.table-progress{display:flex;align-items:center;gap:var(--space-3);width:126px}.table-progress>span:last-child{font-size:11px;min-width:28px}.score{font-weight:500;font-size:13px}.score small{font-size:10px;font-weight:400}.row-open .hgi{font-size:17px}.table-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--ylw-border);padding:var(--space-3) var(--space-6);font-size:11px;color:var(--ylw-text-secondary)}.pagination{display:flex;align-items:center;gap:var(--space-3)}.pagination .btn{min-height:44px;font-size:11px;padding:var(--space-2) var(--space-3)}.mobile-label{display:none}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-16) var(--space-6);min-height:280px;text-align:center}.empty>.hgi{font-size:40px;color:var(--ylw-primary-400);margin-bottom:var(--space-3)}.empty p{max-width:480px;font-size:14px}.empty .btn{margin-top:var(--space-2)}.inline-empty{padding:var(--space-6) 0;font-size:13px}.info-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);background:var(--ylw-primary-100);color:var(--accent-ink);border-radius:var(--radius-sm);margin-bottom:var(--space-6)}.info-banner p{font-size:13px;color:var(--accent-ink)}
.admin-overview{display:grid;grid-template-columns:repeat(4,1fr);margin-block:var(--space-8);gap:var(--space-8)}.admin-overview strong{font-size:32px;font-weight:600}.admin-overview span{display:block;font-size:12px;font-weight:400;color:var(--ylw-text-secondary)}.school-search{max-width:440px;margin-bottom:var(--space-6)}.school-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6) 0;border-top:1px solid var(--ylw-border)}.school-symbol{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--ylw-primary-50);color:var(--accent-ink);flex-shrink:0}.school-symbol .hgi{font-size:28px}.school-symbol img{max-width:44px;max-height:44px;object-fit:contain}.school-row-title{flex:1}.school-row-title h3{font-size:17px}.school-row-title p{font-size:11px;margin-top:4px}.school-row-numbers{display:flex;gap:var(--space-6);margin-inline:var(--space-4)}.school-row-numbers strong{font-size:20px;text-align:center}.school-row-numbers span{display:block;font-size:10px;color:var(--ylw-text-secondary);font-weight:400}.school-row .btn{font-size:12px}.subscription-detail{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-8);padding:var(--space-6) 0}.subscription-detail strong{display:block;font-size:32px;margin:var(--space-2) 0}.subscription-detail strong small{font-size:16px;font-weight:400}.subscription-detail .note{font-size:12px;line-height:1.9}.subscription-detail dl{margin:0;font-size:12px}.subscription-detail dd{margin:4px 0 12px}.subscription-detail dt{color:var(--ylw-text-secondary)}.seat-list{max-height:450px;overflow:auto;border-top:1px solid var(--ylw-border)}.seat-row{display:grid;grid-template-columns:1fr 130px 1fr auto;align-items:center;gap:var(--space-4);padding:var(--space-2) 0;border-bottom:1px solid var(--ylw-border);font-size:12px}.seat-row:last-child{border:0}.seat-row>.badge{justify-self:start}.seat-row .btn{font-size:11px}.profile-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:var(--space-6)}.identity-panel{align-self:start;text-align:center}.identity-panel>.avatar{margin-bottom:var(--space-3)}.identity-panel>p{font-size:12px;margin-top:4px;overflow-wrap:anywhere}.identity-panel dl{text-align:right;border-block:1px solid var(--ylw-border);padding-block:var(--space-6);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-block:var(--space-6);font-size:12px}.identity-panel dt{color:var(--ylw-text-secondary)}.identity-panel dd{margin:0}.stack-actions{display:flex;flex-direction:column;gap:var(--space-2)}.detail-line{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--ylw-border);font-size:13px}.detail-line:last-child{border:0}.detail-line>span:first-child{flex:1}.detail-line small{display:block;font-size:11px}.class-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}.class-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.class-top>.hgi{font-size:32px;color:var(--accent-ink)}.class-numbers{display:flex;gap:var(--space-8);margin:var(--space-6) 0}.class-numbers strong{font-size:26px}.class-numbers span{display:block;font-size:11px;font-weight:400;color:var(--ylw-text-secondary)}.class-progress{display:grid;grid-template-columns:1fr auto;gap:var(--space-2);font-size:12px;margin-bottom:var(--space-6)}.class-progress>.progress{grid-column:1/-1}.plan-summary{display:flex;align-items:center;gap:var(--space-6);flex-wrap:wrap;padding-bottom:var(--space-6);border-bottom:1px solid var(--ylw-border)}.plan-summary>div{display:flex;align-items:baseline;gap:var(--space-3)}.plan-summary strong{font-size:36px;color:var(--accent-ink)}.plan-summary strong small{font-size:18px}.plan-summary span{font-size:12px;color:var(--ylw-text-secondary)}.plan-summary>.progress{flex-basis:100%;margin-top:-8px}.task-list{list-style:none;padding:0;margin:0}.task-list li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--ylw-border)}.task-list li:last-child{border:0}.task-list strong{font-size:13px;font-weight:500}.task-list small{display:block;font-size:11px}.task-list li>span:nth-child(2){flex:1}.task-list .task-kind{font-size:11px;color:var(--ylw-text-secondary)}.task-check{width:44px;height:44px;min-width:44px;border:1px solid var(--ylw-border);border-radius:var(--radius-sm);background:var(--ylw-surface);color:var(--ylw-green-800)}.task-check.checked{border-color:var(--ylw-green-200);background:var(--ylw-green-50)}.task-complete>i{color:var(--ylw-green-700)}.archive-item{border-bottom:1px solid var(--ylw-border);padding:var(--space-3) 0}.archive-item summary{cursor:pointer;min-height:44px;font-size:13px}.archive-item summary span{display:block;font-size:11px;color:var(--ylw-text-secondary);margin-top:4px}.archive-item p{font-size:12px;padding:var(--space-3) 0}.assignment-item,.notification-item{padding:var(--space-6) 0;border-bottom:1px solid var(--ylw-border)}.assignment-item:first-child,.notification-item:first-child{padding-top:0}.assignment-item:last-child,.notification-item:last-child{border:0;padding-bottom:0}.assignment-entries{max-height:300px;overflow:auto}.assignment-entries .detail-line{font-size:12px}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.score-report{padding:var(--space-6) 0}.score-report>strong{font-size:56px;display:block;color:var(--accent-ink);text-align:right}.score-report>strong small{font-size:16px}.score-report p{max-width:350px;margin:var(--space-3) 0 var(--space-6);font-size:13px}.definition{font-size:12px;padding-top:var(--space-4);border-top:1px solid var(--ylw-border)}.definition summary{min-height:44px;cursor:pointer}.comparison>button{width:100%;background:none;border:0;border-bottom:1px solid var(--ylw-border);padding:var(--space-4) 0;display:grid;grid-template-columns:1fr auto;gap:var(--space-3);text-align:right}.comparison>button:last-child{border:0}.comparison>button:hover{color:var(--accent-ink)}.comparison small{display:block}.comparison strong{font-size:22px}.comparison .progress{grid-column:1/-1}.definitions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.definitions-grid p{font-size:12px;line-height:1.9;margin-top:var(--space-2)}.guardian-row,.staff-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6) 0;border-bottom:1px solid var(--ylw-border)}.guardian-row:last-child,.staff-row:last-child{border:0}.guardian-row>div:nth-child(2),.staff-row>div:nth-child(2){flex:1;min-width:0}.guardian-row p,.staff-row p{font-size:12px;margin-top:4px;overflow-wrap:anywhere}.guardian-row .btn,.staff-row .btn{font-size:11px}.relation-icon{width:44px;height:44px;border-radius:var(--radius-pill);background:var(--ylw-primary-50);display:flex;align-items:center;justify-content:center;color:var(--accent-ink)}.family-welcome{margin-bottom:var(--space-8)}.family-welcome h1{font-size:32px}.family-welcome p{margin:var(--space-2) 0 var(--space-6)}.family-welcome label{display:flex;align-items:center;gap:var(--space-3)}.profile-self{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-6)}.profile-self p{margin-top:var(--space-2)}.proposal-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);background:var(--ylw-primary-100);padding:var(--space-6);border-radius:var(--radius-md);margin-bottom:var(--space-6)}.proposal-banner>div:first-child{display:flex;align-items:center;gap:var(--space-4)}.proposal-banner .hgi{font-size:28px;color:var(--accent-ink)}.proposal-banner h2{font-size:17px}.proposal-banner p{font-size:12px;margin-top:4px}.plan-change{text-align:left;margin-top:-16px;margin-bottom:var(--space-6)}.lead-row{padding:var(--space-6) 0;border-bottom:1px solid var(--ylw-border)}.lead-row:first-child{padding-top:0}.lead-row:last-child{border-bottom:0}.lead-contact{display:flex;gap:var(--space-6);font-size:12px;color:var(--ylw-text-secondary);flex-wrap:wrap}.lead-row blockquote{margin:var(--space-6) 0;padding:var(--space-4);background:var(--ylw-primary-50);border-radius:var(--radius-sm);font-size:13px}.lead-row blockquote small{display:block;margin-top:4px}.lead-history{font-size:12px;margin-top:var(--space-3)}.lead-history summary{cursor:pointer;min-height:44px;padding-block:var(--space-3);color:var(--ylw-text-secondary)}.lead-history p{padding-bottom:var(--space-3)}.delivery-counts{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4)}.permission-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:var(--space-2)}.permission-list span{font-size:10px;border-radius:var(--radius-sm);background:var(--ylw-primary-50);color:var(--ylw-text-secondary);padding:2px 6px}.audit-list{padding:0;margin:0;list-style:none}.audit-list li{display:flex;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--ylw-border)}.audit-list li:last-child{border:0}.audit-point{width:8px;height:8px;border-radius:50%;background:var(--ylw-primary-400);margin-top:8px;flex-shrink:0}.audit-list strong{font-size:13px}.audit-list p{font-size:11px;margin-top:4px}.audit-id{margin-inline-start:auto;font-size:11px;color:var(--ylw-text-secondary)}
dialog{width:min(720px,calc(100vw - 32px));max-height:calc(100dvh - 48px);border:0;border-radius:var(--radius-lg);padding:0;background:var(--ylw-surface);color:var(--ylw-text-primary);box-shadow:var(--shadow);overflow:auto}dialog.wide-dialog{width:min(1080px,calc(100vw - 32px))}dialog::backdrop{background:var(--scrim);backdrop-filter:blur(3px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-6);border-bottom:1px solid var(--ylw-border);position:sticky;top:0;background:var(--ylw-surface);z-index:2}.dialog-header h2{font-size:20px}.dialog-body{padding:var(--space-6)}.dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--ylw-border);position:sticky;bottom:0;background:var(--ylw-surface);z-index:2}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4) var(--space-6)}.field{display:flex;flex-direction:column;gap:var(--space-2);font-size:13px;min-width:0}.field>span{font-weight:500}.field input,.field select{width:100%}.field.wide{grid-column:1/-1}.field small{font-weight:400;line-height:1.8}.check-field{display:flex;align-items:center;gap:var(--space-3);min-height:44px;font-size:13px}.check-field input{flex-shrink:0}.permissions-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.form-hint{font-size:12px;line-height:1.9;padding:var(--space-4);background:var(--ylw-primary-50);border-radius:var(--radius-sm);margin-bottom:var(--space-6)}.form-error{padding:var(--space-3) var(--space-4);color:var(--ylw-red-700);background:var(--ylw-red-50);border-radius:var(--radius-sm);font-size:13px;margin-bottom:var(--space-4)}[data-theme="dark"] .form-error{color:var(--ylw-red-300)}.form-error:empty{display:none}.form-actions{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.upload-zone{border:1px dashed var(--ylw-primary-300);border-radius:var(--radius-md);background:var(--ylw-primary-50);padding:var(--space-8);text-align:center;margin-bottom:var(--space-6)}.upload-zone>.hgi{font-size:40px;color:var(--accent-ink);display:block;margin-bottom:var(--space-4)}.upload-zone h3{font-size:18px}.upload-zone p{font-size:12px;margin:var(--space-2) 0 var(--space-4)}.upload-zone input{font-size:12px;max-width:100%}.stepper{display:flex;gap:var(--space-3);padding:0;margin:0 0 var(--space-6);list-style:none}.stepper li{display:flex;align-items:center;gap:var(--space-2);font-size:12px;color:var(--ylw-text-secondary)}.stepper li span{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--ylw-primary-50);color:var(--accent-ink)}.stepper li.current{color:var(--accent-ink);font-weight:600}.stepper li.current span{background:var(--accent);color:var(--ylw-text-on-primary)}.import-table{width:100%;border-collapse:collapse;font-size:12px}.import-table th,.import-table td{padding:var(--space-3);border-bottom:1px solid var(--ylw-border);text-align:right}.import-table th{background:var(--ylw-primary-50);font-weight:500}.import-table td small{display:block;font-size:11px}.import-summary{display:flex;gap:var(--space-6);margin-bottom:var(--space-6);flex-wrap:wrap;font-size:12px}.import-summary strong{font-size:22px;margin-inline-end:4px}.student-picker{max-height:230px;overflow:auto;padding:var(--space-3);border:1px solid var(--ylw-border);border-radius:var(--radius-sm)}.student-picker>label{display:flex;align-items:center;gap:var(--space-3);min-height:44px;border-bottom:1px solid var(--ylw-border);font-size:12px}.student-picker>label:last-child{border:0}.student-picker small{margin-inline-start:auto}.preview-message{padding:var(--space-6);background:var(--ylw-primary-50);border-radius:var(--radius-sm);white-space:pre-wrap;line-height:1.9;margin-top:var(--space-4)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,24px);max-width:min(600px,calc(100vw - 32px));background:var(--ylw-primary-900);color:var(--ylw-text-on-primary);border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);box-shadow:var(--shadow);opacity:0;pointer-events:none;z-index:50;font-size:13px;transition:opacity .18s ease,transform .18s ease}.toast.visible{opacity:1;transform:translate(-50%,0)}.skeletons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.skeletons>div{height:120px;border-radius:var(--radius-md);background:var(--ylw-primary-100);animation:pulse 1.2s ease-in-out infinite alternate}.skeletons>div:last-child{grid-column:1/-1;height:440px}@keyframes pulse{to{opacity:.35}}
@media(min-width:1600px){.content{padding-top:var(--space-12)}}
@media(max-width:1280px){:root{--sidebar-width:216px}.preview-title>span{display:none}.content{padding:var(--space-6)}.topbar{padding-inline:var(--space-6)}.metric{padding-inline:var(--space-4)}.metric>small{font-size:10px}.subscription-summary{padding:var(--space-4);gap:var(--space-3)}.subscription-name>span{display:none}.school-row{flex-wrap:wrap}.school-row .inline-actions{margin-inline-start:auto}.class-grid{gap:var(--space-4)}.class-panel{padding:var(--space-4)}.class-panel .btn{font-size:12px}}
@media(max-width:1050px){.preview-bar{flex-wrap:wrap;justify-content:center}.preview-title{margin-inline-end:auto}.preview-controls{justify-content:flex-start}.metric>strong{font-size:27px}.metric-label{font-size:11px}.metric-label .hgi{display:none}.metric>small{font-size:9px}.filters .search-field{flex-basis:100%}.class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guardian-row,.staff-row{flex-wrap:wrap}.guardian-row .inline-actions,.staff-row .inline-actions{margin-inline-start:auto}.subscription-detail{grid-template-columns:1fr 1fr}.subscription-detail>.note{grid-column:1/-1}.profile-layout{grid-template-columns:240px minmax(0,1fr)}.subscription-name h3{font-size:13px}.definitions-grid{grid-template-columns:1fr}.proposal-banner{flex-wrap:wrap}.profile-layout{grid-template-columns:1fr}.identity-panel{text-align:right}.identity-panel>.avatar{float:right;margin-inline-end:var(--space-4)}.identity-panel dl{clear:both}.identity-panel .stack-actions{flex-direction:row;flex-wrap:wrap}}
@media(max-width:800px){.app-shell{display:block}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;height:100dvh;max-height:none;width:260px;z-index:40;transform:translateX(105%);transition:transform .2s ease}.sidebar.open{transform:translateX(0)}.nav-scrim{position:fixed;inset:0;z-index:35;background:var(--scrim)}.menu-button{display:inline-flex}.topbar{height:64px;padding-inline:var(--space-4)}.menu-button .hgi{font-size:22px}.breadcrumb{gap:var(--space-2)}.breadcrumb>span{display:none}.breadcrumb>.hgi{display:none}.topbar-actions{gap:var(--space-2)}.school-select select{max-width:175px;font-size:12px;padding-inline-start:0}.school-select>.hgi{display:none}.content{padding:var(--space-6) var(--space-4)}.preview-bar{padding:var(--space-2) var(--space-4);gap:var(--space-2)}.preview-title{font-size:11px}.preview-controls{gap:var(--space-2);flex:1;justify-content:flex-end}.preview-controls label{gap:4px;font-size:10px}.preview-controls select{min-height:36px;font-size:11px;max-width:135px;padding-inline-start:8px;padding-inline-end:16px}.preview-reset{font-size:0;min-width:36px}.preview-reset .hgi{font-size:16px}.preview-reset span{display:none}.footer{padding:var(--space-6) var(--space-4);font-size:10px}.profile-self{padding:0;align-items:flex-start}.analytics-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.preview-title{width:100%;justify-content:space-between}.preview-title>.hgi{display:none}.preview-title:after{content:'بيانات تجريبية';font-weight:400;color:var(--ylw-text-secondary);font-size:10px}.preview-controls{justify-content:flex-start;gap:var(--space-2)}.preview-controls select{max-width:118px}.preview-controls label:has([name="studentId"]),.preview-controls label:has([name="guardianPhone"]){width:100%}.preview-controls [name="studentId"],.preview-controls [name="guardianPhone"]{max-width:230px;width:230px}.page-heading{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap}.page-heading h1{font-size:25px}.page-heading p{font-size:11px;margin-top:4px;gap:6px}.page-heading>.btn{font-size:12px}.subscription-grid{grid-template-columns:1fr;gap:var(--space-3);margin-bottom:var(--space-6)}.subscription-summary{padding:var(--space-4)}.subscription-name>span{display:block;font-size:10px}.subscription-name h3{font-size:15px}.subscription-info p{font-size:11px}.subscription-icon{width:44px;height:44px}.metric-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4) 0;padding-bottom:var(--space-4)}.metric{padding:var(--space-2) var(--space-3)}.metric:first-child{padding-inline-start:var(--space-3)}.metric:nth-child(3){border:0}.metric-label{font-size:10px}.metric>strong{font-size:26px}.metric>small{font-size:9px}.metric:last-child{grid-column:span 2}.insight-line{gap:var(--space-2);align-items:flex-start;flex-wrap:wrap;font-size:12px;margin-bottom:var(--space-4)}.insight-line p{flex-basis:80%}.insight-line .btn{margin-inline-start:auto}.panel{padding:var(--space-4);margin-bottom:var(--space-4)}.student-panel{padding:var(--space-4) 0 0}.student-panel>.section-heading,.student-panel>.filters{padding-inline:var(--space-4)}.section-heading{gap:var(--space-3);flex-wrap:wrap}.section-heading h2{font-size:17px}.section-heading .btn{font-size:12px}.student-panel>.section-heading .sort-label{display:none}.filters{gap:var(--space-2)}.filters>label:not(.search-field){flex:1 1 40%}.filters select{width:100%;font-size:11px}.filters .search-field{flex-basis:100%}.students-table,.students-table tbody{display:block}.students-table thead{display:none}.students-table tr{display:grid;grid-template-columns:28px minmax(0,1fr) minmax(0,1fr) 32px;gap:var(--space-2);padding:var(--space-4);border-bottom:1px solid var(--ylw-border)}.students-table td{height:auto;border:0;padding:0;white-space:normal;font-size:11px;min-width:0}.students-table td.select-cell{grid-column:1;grid-row:1;width:auto;padding:0;display:flex;align-items:center;justify-content:center}.students-table td:nth-child(2){grid-column:2/4;grid-row:1}.students-table td:nth-child(3){grid-column:2/3;grid-row:2}.students-table td:nth-child(4){grid-column:3/4;grid-row:2}.students-table td:nth-child(5){grid-column:2/3;grid-row:3}.students-table td:nth-child(6){grid-column:3/4;grid-row:3}.students-table td:nth-child(7){grid-column:4;grid-row:1;align-self:center}.student-link{width:100%;gap:var(--space-2)}.student-link strong{font-size:13px}.student-link small{font-size:10px;overflow-wrap:anywhere}.student-link .avatar{width:32px;height:32px}.mobile-label{display:block;font-size:10px;color:var(--ylw-text-secondary);margin-bottom:4px}.table-progress{width:100%;gap:var(--space-2);max-width:140px}.row-open{min-width:32px}.students-table .badge{font-size:10px}.table-footer{padding:var(--space-3) var(--space-4);gap:var(--space-2);flex-wrap:wrap}.pagination{gap:var(--space-2)}.pagination .btn{padding:4px 8px}.selection-bar{padding:var(--space-3);flex-wrap:wrap;gap:var(--space-2)}.selection-bar .btn{font-size:11px}.admin-overview{grid-template-columns:1fr 1fr;gap:var(--space-6);margin-block:var(--space-6)}.school-row{gap:var(--space-3)}.school-row-title{flex-basis:60%}.school-row .badge{margin-inline-start:68px}.school-row-numbers{margin-inline:0;margin-inline-start:auto;gap:var(--space-6)}.school-row .inline-actions{width:100%;margin:0;justify-content:flex-end}.school-row .btn{font-size:11px;padding-inline:var(--space-2)}.school-symbol{width:48px;height:48px}.school-row-title h3{font-size:16px}.subscription-detail{grid-template-columns:1fr;gap:var(--space-4)}.subscription-detail dl{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.subscription-detail dd{margin:0}.seat-row{grid-template-columns:1fr auto;gap:var(--space-2);padding-block:var(--space-3)}.seat-row>.muted{font-size:11px}.class-grid{grid-template-columns:1fr;gap:var(--space-4)}.class-panel{margin:0}.class-numbers{justify-content:space-between}.analytics-grid{grid-template-columns:1fr;gap:0}.guardian-row,.staff-row{gap:var(--space-3)}.guardian-row>div:nth-child(2),.staff-row>div:nth-child(2){flex-basis:70%}.guardian-row>.badge,.staff-row>.badge{margin-inline-start:56px}.guardian-row .inline-actions,.staff-row .inline-actions{width:100%;margin:0;justify-content:flex-end}.guardian-row p span{display:block}.staff-row .btn{white-space:normal}.info-banner{padding:var(--space-4);align-items:flex-start}.info-banner p{font-size:12px}.info-banner>.hgi{margin-top:4px}.family-welcome h1{font-size:28px}.family-welcome p{font-size:13px}.family-welcome label{font-size:13px}.proposal-banner{padding:var(--space-4)}.proposal-banner h2{font-size:16px}.proposal-banner .inline-actions{width:100%}.proposal-banner .btn{flex:1}.plan-summary{gap:var(--space-3)}.plan-summary strong{font-size:30px}.task-list strong{font-size:12px}.task-kind{display:none}.detail-line{gap:var(--space-2);flex-wrap:wrap;font-size:12px}.detail-line .btn{font-size:11px}.lead-row .section-heading{align-items:flex-start}.lead-row .section-heading h2{font-size:17px}.lead-contact{gap:var(--space-2)}.delivery-counts{flex-wrap:wrap}.footer{flex-direction:column;align-items:flex-start;gap:4px}.form-grid{grid-template-columns:1fr;gap:var(--space-4)}.permissions-grid{grid-template-columns:1fr}.dialog-header,.dialog-body{padding:var(--space-4)}.dialog-header h2{font-size:18px}.dialog-footer{padding:var(--space-3) var(--space-4)}.dialog-footer>.btn{flex:1;font-size:12px;white-space:normal}.stepper{gap:var(--space-2);flex-wrap:wrap}.stepper li{font-size:10px}.stepper li span{width:24px;height:24px}.upload-zone{padding:var(--space-6) var(--space-4)}.import-table th,.import-table td{padding:var(--space-2);font-size:11px}.import-summary{gap:var(--space-3)}.empty{padding:var(--space-12) var(--space-4)}.empty h2{font-size:20px}.empty p{font-size:13px}.skeletons{grid-template-columns:1fr}.skeletons>div:last-child{height:280px}.profile-self{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

[data-school-accent="purple"]{--accent:var(--ylw-primary-600)}
.school-heading-logo{display:inline-block;vertical-align:middle;object-fit:contain;width:44px;height:44px;margin-inline-end:var(--space-3)}

/* Consolidated review corrections: readable secondary copy and real hit areas. */
.preview-controls select,.preview-controls label,.preview-reset{font-size:12px;min-height:44px}
.subscription-name>span,.subscription-info p,.capacity-line>span:last-child{font-size:12px}
.metric-label{font-size:13px}.metric>small{font-size:12px;line-height:1.7}
.insight-line,.insight-line .btn{font-size:13px}.school-status .badge{font-size:12px}
.students-table{font-size:13px}.students-table th{font-size:12px}.student-link strong{font-size:14px}.student-link small{font-size:12px}
.filters select,.filters .search-field input{font-size:13px}.badge{font-size:12px}.table-progress>span:last-child,.table-footer,.pagination .btn{font-size:12px}
.checkbox-hit{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;cursor:pointer}
.students-table .select-cell{padding-inline-start:var(--space-3);padding-inline-end:0}
.row-open{min-width:44px;min-height:44px}.pagination>span{direction:ltr;unicode-bidi:isolate}
@media(max-width:600px){
 .preview-controls{gap:var(--space-2)}.preview-controls select{min-height:44px;font-size:12px;max-width:140px}.preview-controls label{font-size:11px}.preview-reset{font-size:0;min-width:44px;min-height:44px}
 .metric-label{font-size:12px}.metric>small{font-size:11px}.subscription-info p{font-size:12px}.student-link strong{font-size:14px}.student-link small{font-size:11px}
 .students-table tr{grid-template-columns:44px minmax(0,1fr) minmax(0,1fr) 44px;column-gap:4px;padding-inline:var(--space-2)}.students-table td.select-cell{padding:0}
 .students-table td{font-size:12px}.students-table .badge{font-size:11px}.mobile-label{font-size:11px}.table-progress>span:last-child{font-size:12px}.filters select{font-size:12px}
 .page-heading p,.footer{font-size:12px}.student-panel>.section-heading .btn{font-size:13px}
}