*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--ink:#111827;--ink-light:#1f2937;--ink-darker:#0b0f17;--teal:#2f80ed;--teal-light:#eaf2fd;--teal-mid:#5b9cf0;--teal-dark:#1f5bb8;--teal-faint:#f3f8fe;--blue:#2f80ed;--blue-light:#eaf2fd;--green:#97cb61;--green-light:#d3ebbc;--green-text:#2f6b1f;--amber:#fddd3e;--amber-light:#ffedad;--amber-text:#9c7a10;--red:#d85040;--red-light:#f3c4bd;--red-text:#8c2f22;--sidebar-bg:#454750;--surface:#fff;--page:#f1f5f9;--page-dark:#e2e8f0;--border:#0000;--text:#111827;--text-muted:#6b7280;--text-soft:#9ca3af;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014,0 2px 4px #0000000a;--shadow-lg:0 8px 24px #0000001a,0 3px 6px #0000000d;--r-btn:9999px;--r-card:16px;--r-md:10px;--r-sm:6px;--font:"Comfortaa",system-ui,sans-serif;--font-arabic:"Amiri",serif;--font-num:"Inter",system-ui,sans-serif}html{overscroll-behavior-y:none}body{-webkit-font-smoothing:antialiased;background:#f1f5f9;background:var(--page);color:#111827;color:var(--text);font-size:14px;line-height:1.5;overscroll-behavior-y:none}body,input,select,textarea{font-family:Comfortaa,system-ui,sans-serif;font-family:var(--font)}.app-shell{display:flex;height:100vh;height:100dvh;overflow:hidden}.sidebar{background:#454750;background:var(--sidebar-bg);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;width:224px}.sidebar-logo{border-bottom:1px solid #ffffff14;padding:22px 20px 18px;text-align:center}.sidebar-logo-arabic{color:#fff;font-family:Amiri,serif;font-family:var(--font-arabic);font-size:22px;line-height:1.2;margin-bottom:4px}.sidebar-logo-en{color:#fff;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.sidebar-nav{flex:1 1;padding:12px 0}.sidebar-section-label{color:#ffffff38;font-size:10px;font-weight:600;letter-spacing:.09em;padding:16px 20px 5px;text-transform:uppercase}.nav-link{align-items:center;background:none;border:none;border-left:3px solid #0000;color:#ffffff8c;cursor:pointer;display:flex;font-family:Comfortaa,system-ui,sans-serif;font-family:var(--font);font-size:13px;font-weight:500;gap:10px;padding:9px 20px;text-align:left;text-decoration:none;transition:all .15s;width:100%}.nav-link:hover{background:#ffffff0f;color:#ffffffe6}.nav-link.active{background:#ffffff1a;border-left-color:#fff;color:#fff}.nav-link svg{flex-shrink:0;opacity:.55}.nav-link.active svg{color:#fff;opacity:1}.main-content{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow-y:auto;overscroll-behavior-y:contain}.topbar{align-items:center;background:#fff;background:var(--surface);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);display:flex;flex-shrink:0;height:58px;justify-content:space-between;padding:0 28px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.topbar-title{color:#111827;color:var(--text);font-size:16px;font-weight:600}.topbar-sub{color:#6b7280;color:var(--text-muted);font-size:12px;margin-top:1px}.page-body{flex:1 1;padding:24px 28px}.card{background:#fff;background:var(--surface);border-radius:16px;border-radius:var(--r-card);box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a;box-shadow:var(--shadow-md);min-width:0;padding:22px 24px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.card-title{color:#111827;color:var(--text);font-size:14px;font-weight:600}.card-sub{color:#6b7280;color:var(--text-muted);font-size:12px;margin-top:2px}.hero{margin-bottom:16px}.hero-arabic{color:#111827;color:var(--ink);font-family:Amiri,serif;font-family:var(--font-arabic);font-size:20px;margin-bottom:1px}.hero-greeting{font-size:16px;font-weight:600}.hero-sub{color:#6b7280;color:var(--text-muted);font-size:11.5px;margin-top:2px}.metrics-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:22px}@media (max-width:900px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}.metric-card{background:#fff;background:var(--surface);border-radius:16px;border-radius:var(--r-card);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);min-width:0;padding:18px 20px}.metric-icon{align-items:center;border-radius:10px;border-radius:var(--r-md);display:flex;height:36px;justify-content:center;margin-bottom:12px;width:36px}.metric-icon.teal{background:#eaf2fd;background:var(--teal-light);color:#1f5bb8;color:var(--teal-dark)}.metric-icon.green{background:#d3ebbc;background:var(--green-light);color:#2f6b1f;color:var(--green-text)}.metric-icon.amber{background:#ffedad;background:var(--amber-light);color:#9c7a10;color:var(--amber-text)}.metric-icon.red{background:#f3c4bd;background:var(--red-light);color:#8c2f22;color:var(--red-text)}.metric-icon.dark{background:#f3f4f6;color:#111827;color:var(--ink)}.metric-value{color:#111827;color:var(--text);font-family:Inter,system-ui,sans-serif;font-family:var(--font-num);font-size:26px;font-weight:600;line-height:1}.metric-label{color:#6b7280;color:var(--text-muted);font-size:12px;margin-top:5px}.metric-delta{color:#1f5bb8;color:var(--teal-dark);font-size:11px;margin-top:3px}.btn{align-items:center;background:#f3f4f6;border:none;border-radius:9999px;border-radius:var(--r-btn);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);color:#111827;color:var(--text);cursor:pointer;display:inline-flex;font-family:Comfortaa,system-ui,sans-serif;font-family:var(--font);font-size:13px;font-weight:500;gap:6px;padding:8px 18px;transition:all .15s;white-space:nowrap}.btn:hover{background:#e5e7eb;box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a;box-shadow:var(--shadow-md)}.btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.45}.btn-primary{background:#111827;background:var(--ink);color:#fff}.btn-primary:hover{background:#1f2937;background:var(--ink-light)}.btn-teal{background:#2f80ed;background:var(--teal);color:#fff}.btn-teal:hover{background:#1f5bb8;background:var(--teal-dark)}.btn-green{background:#97cb61;background:var(--green);color:#fff}.btn-green:hover{background:#166534}.btn-danger{background:#f3c4bd;background:var(--red-light);box-shadow:none;color:#8c2f22;color:var(--red-text)}.btn-danger:hover{background:#fecaca}.btn-sm{font-size:12px;padding:5px 14px}.btn-icon{background:#0000;border-radius:50%;box-shadow:none;padding:8px}.btn-icon:hover{background:#f3f4f6;box-shadow:none}.btn-ai{background:linear-gradient(135deg,#111827,#1f5bb8);background:linear-gradient(135deg,var(--ink) 0,var(--teal-dark) 100%);box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a;box-shadow:var(--shadow-md);color:#fff}.btn-ai:hover{opacity:.9}.badge{align-items:center;border-radius:9999px;border-radius:var(--r-btn);display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:3px 10px}.badge-teal{background:#eaf2fd;background:var(--teal-light);color:#1f5bb8;color:var(--teal-dark)}.badge-green{background:#d3ebbc;background:var(--green-light);color:#2f6b1f;color:var(--green-text)}.badge-amber{background:#ffedad;background:var(--amber-light);color:#9c7a10;color:var(--amber-text)}.badge-red{background:#f3c4bd;background:var(--red-light);color:#8c2f22;color:var(--red-text)}.badge-gray{background:#f3f4f6;color:#6b7280;color:var(--text-muted)}.badge-dark{background:#1f2937;color:#fff}.class-tabs{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.class-tab{background:#fff;background:var(--surface);border:none;border-radius:9999px;border-radius:var(--r-btn);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);color:#6b7280;color:var(--text-muted);cursor:pointer;font-family:Comfortaa,system-ui,sans-serif;font-family:var(--font);font-size:13px;font-weight:500;padding:7px 18px;transition:all .15s}.class-tab:hover{color:#1f5bb8;color:var(--teal-dark)}.class-tab.active,.class-tab:hover{box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a;box-shadow:var(--shadow-md)}.class-tab.active{background:#111827;background:var(--ink);color:#fff}.year-tab{background:#fff;background:var(--surface);border:none;border-radius:9999px;border-radius:var(--r-btn);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);color:#6b7280;color:var(--text-muted);cursor:pointer;font-family:Comfortaa,system-ui,sans-serif;font-family:var(--font);font-size:12px;font-weight:500;padding:6px 14px;transition:all .15s}.year-tab:hover{color:#1f5bb8;color:var(--teal-dark)}.year-tab.active{background:#2f80ed;background:var(--teal);box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a;box-shadow:var(--shadow-md);color:#fff}.tab-divider{background:#e5e7eb;height:22px;margin:0 4px;width:1px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;font-size:13px;width:100%}thead th{background:#fff;background:var(--surface);border-bottom:1px solid #f3f4f6;color:#6b7280;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.05em;padding:10px 14px 10px 0;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:1}thead th:first-child{padding-left:4px}tbody td{border-bottom:1px solid #f9fafb;color:#111827;color:var(--text);padding:11px 14px 11px 0;vertical-align:middle}tbody td:first-child{padding-left:4px}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:#f9fafb}.pill-tabs{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.pill-tab{background:#fff;background:var(--surface);border:none;border-radius:9999px;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);color:#6b7280;color:var(--text-muted);cursor:pointer;font-family:Comfortaa,system-ui,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;padding:8px 18px;transition:box-shadow .15s}.pill-tab.active,.pill-tab:hover{box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a;box-shadow:var(--shadow-md)}.pill-tab.active{background:#2f80ed;background:var(--blue);color:#fff}.pill-tab.year-active{background:#97cb61;background:var(--green);box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a;box-shadow:var(--shadow-md);color:#111827;color:var(--text)}.pill-divider{background:#e2e6ee;height:22px;margin:0 4px;width:1px}.stat-grid-v2{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}.stat-card-v2{background:#fff;background:var(--surface);border-radius:16px;border-radius:var(--r-card);box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a;box-shadow:var(--shadow-md);min-width:0;padding:18px}.stat-card-v2 .n{color:#111827;color:var(--text);font-family:Inter,system-ui,sans-serif;font-family:var(--font-num);font-size:30px;font-weight:600;line-height:1}.stat-card-v2 .l{color:#6b7280;color:var(--text-muted);font-size:12.5px;margin-top:6px}.stat-card-v2 .view-all{align-items:center;display:flex;font-size:11px;font-weight:600;gap:4px;margin-top:12px}@media (max-width:900px){.stat-grid-v2{grid-template-columns:repeat(2,1fr)}}.entity-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:720px){.entity-grid{grid-template-columns:1fr}}.entity-card{background:#fff;background:var(--surface);border-radius:16px;border-radius:var(--r-card);box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a;box-shadow:var(--shadow-md);cursor:pointer;flex-wrap:wrap;min-width:0;padding:20px 22px;row-gap:10px;transition:transform .15s,box-shadow .15s}@media (hover:hover){.entity-card:hover{box-shadow:0 8px 24px #0000001a,0 3px 6px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}}.entity-card-name{font-size:14.5px;font-weight:600;margin-bottom:2px}.entity-card-sub{color:#6b7280;color:var(--text-muted);font-size:11.5px;margin-bottom:2px}.box-card-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.box-card{background:#fff;background:var(--surface);border:1px solid #dfe3e8;border-radius:12px;min-width:0;padding:10px}.box-card.is-dragging{opacity:.45}.box-row-3{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}.info-box{align-items:center;background:#f3f4f6;border-radius:8px;color:#111827;color:var(--ink);display:flex;flex-direction:column;font-size:12.5px;justify-content:center;line-height:1.25;min-height:46px;min-width:0;padding:6px;text-align:center}.info-box-label{color:#6b7280;color:var(--text-muted);font-size:10.5px;margin-top:1px}.info-box-button{background:#fff;border:1px solid #dfe3e8;cursor:pointer;font-family:Comfortaa,system-ui,sans-serif;font-family:var(--font)}.info-box-button:hover{border-color:#c5ccd5}.card.is-dragging,.entity-card.is-dragging{box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);opacity:.45;transform:scale(.98)}.drag-handle{align-items:center;border-radius:8px;color:#9ca3af;color:var(--text-soft);display:flex;flex-shrink:0;height:26px;justify-content:center;margin:-4px -4px -4px 0;touch-action:none;width:26px}.drag-handle:hover{background:#f3f4f6;color:#6b7280;color:var(--text-muted)}.drag-handle:active{cursor:grabbing}.mini-stat-row{display:flex;gap:8px;margin:14px 0}.mini-stat-box{border-radius:10px;border-radius:var(--r-md);flex:1 1;min-width:0;padding:8px 10px;text-align:center}.mini-stat-box .n{color:#4b5563;font-family:Inter,system-ui,sans-serif;font-family:var(--font-num);font-size:17px;font-weight:600}.mini-stat-box .l{color:#4b5563;font-size:10.5px;margin-top:2px}.students-toolbar-search{max-width:260px}.student-columns{grid-gap:20px;align-items:start;display:grid;gap:20px}@media (max-width:720px){.student-columns{grid-template-columns:1fr!important}}.student-column-header{align-items:center;display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin-bottom:10px;padding:0 2px}.student-compact-list{display:flex;flex-direction:column;gap:8px}.student-compact-card{align-items:center;background:#fff;background:var(--surface);border-radius:16px;border-radius:var(--r-card);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;gap:10px;justify-content:space-between;min-width:0;padding:11px 14px;transition:transform .15s,box-shadow .15s}@media (hover:hover){.student-compact-card:hover{box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a;box-shadow:var(--shadow-md);transform:translateY(-1px)}}.student-compact-name{font-size:13.5px;font-weight:600}.student-compact-sub{color:#6b7280;color:var(--text-muted);font-size:11px;margin-top:1px}.class-card{margin-bottom:12px;padding-bottom:14px;padding-top:14px}.class-card-head{align-items:center;background:none;border:none;color:#111827;color:var(--ink);cursor:pointer;display:flex;flex-wrap:wrap;font-family:Comfortaa,system-ui,sans-serif;font-family:var(--font);gap:10px;padding:4px 0;text-align:left;width:100%}.class-card-name{font-size:15px;font-weight:700}.class-card-stats{color:#6b7280;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:12.5px;gap:16px;margin-left:auto}.class-card-stats strong{color:#111827;color:var(--ink);font-weight:700}.class-card-stats span[style] strong{color:inherit}.class-card-students{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.class-card-students .student-compact-card{background:#f9fafb;box-shadow:none}.class-card-students .student-compact-card:hover{background:#f3f4f6;box-shadow:none}.mark-btn-row{display:flex;flex-shrink:0;gap:8px;width:100%}.mark-btn{align-items:center;background:#f3f4f6;border:none;border-radius:13px;color:#111827;color:var(--ink);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:Inter,system-ui,sans-serif;font-family:var(--font-num);font-size:14px;font-weight:700;gap:6px;height:46px;justify-content:center;line-height:1;max-width:90px;min-width:46px;transition:transform .12s}@media (hover:hover){.mark-btn:hover{transform:translateY(-2px)}}.mark-btn .dot{background:#d1d5db;border-radius:50%;height:9px;width:9px}.mark-btn.on-p .dot{background:#97cb61;background:var(--green)}.mark-btn.on-l .dot{background:#fddd3e;background:var(--amber)}.mark-btn.on-a .dot{background:#d85040;background:var(--red)}@media (max-width:768px){.mark-btn-row{gap:10px}.mark-btn{border-radius:15px;font-size:16px;gap:7px;height:54px;max-width:100px;min-width:54px}.mark-btn .dot{height:10px;width:10px}}.mark-btn-sm{background:#fff;border:2px solid #e7eaf0;border-radius:50%;color:#9ca3af;color:var(--text-soft);cursor:pointer;font-family:Inter,system-ui,sans-serif;font-family:var(--font-num);font-size:10px;font-weight:600;height:25px;transition:all .12s;width:25px}@media (hover:hover){.mark-btn-sm:hover:not(:disabled){transform:scale(1.12)}}.mark-btn-sm:disabled{cursor:default}.mark-btn-sm.is-current{box-shadow:0 0 0 2px #2f80ed;box-shadow:0 0 0 2px var(--blue)}.count-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.count-chip{align-items:center;background:#fff;background:var(--surface);border-radius:14px;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);display:flex;flex:1 1;gap:12px;min-width:190px;padding:12px 18px}.count-ring{align-items:center;border-radius:50%;color:#2f6b1f;color:var(--green-text);display:flex;flex-shrink:0;font-size:10.5px;height:40px;justify-content:center;width:40px}.count-chip .figure,.count-ring{font-family:Inter,system-ui,sans-serif;font-family:var(--font-num);font-weight:700}.count-chip .figure{font-size:19px;line-height:1}.count-chip .figure span{color:#9ca3af;color:var(--text-soft);font-size:12px;font-weight:500}.count-chip .label{color:#6b7280;color:var(--text-muted);font-size:11px;margin-top:2px}.week-pill-row{display:flex;gap:10px;width:100%}.week-pill{align-items:center;background:#f3f4f6;border:none;border-radius:13px;color:#111827;color:var(--ink);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:Inter,system-ui,sans-serif;font-family:var(--font-num);font-size:12px;font-weight:700;gap:6px;height:46px;justify-content:center;line-height:1;max-width:90px;min-width:46px;transition:transform .12s}@media (hover:hover){.week-pill:hover:not(:disabled){transform:translateY(-2px)}}.week-pill:disabled{cursor:default}.week-pill .d{font-size:14px}.week-pill .dot{border-radius:50%;height:9px;width:9px}.week-pill.is-current{box-shadow:0 0 0 2px #2f80ed;box-shadow:0 0 0 2px var(--blue)}.week-pill.paid .dot{background:#97cb61;background:var(--green)}.week-pill.unpaid .dot{background:#d85040;background:var(--red)}.week-pill.not-added .dot{background:#d1d5db}@media (max-width:768px){.week-pill-row{gap:10px}.week-pill{border-radius:15px;gap:7px;height:54px;max-width:100px;min-width:54px}.week-pill .d{font-size:16px}.week-pill .dot{height:10px;width:10px}}.back-pill{background:#fff;border:none;border-radius:9999px;box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a;box-shadow:var(--shadow-md);cursor:pointer;font-family:Comfortaa,system-ui,sans-serif;font-family:var(--font);font-size:12.5px;gap:6px;padding:8px 16px}.back-pill,.nav-arrow-row{align-items:center;color:#6b7280;color:var(--text-muted);display:flex;font-weight:600}.nav-arrow-row{font-family:Inter,system-ui,sans-serif;font-family:var(--font-num);font-size:13px;gap:10px}.nav-arrow-btn{background:#fff;border:none;border-radius:50%;box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a;box-shadow:var(--shadow-md);color:#6b7280;color:var(--text-muted);cursor:pointer;font-family:Comfortaa,system-ui,sans-serif;font-family:var(--font);font-size:14px;height:28px;width:28px}.nav-arrow-btn:hover{color:#111827;color:var(--text)}.nav-arrow-btn:disabled{cursor:not-allowed;opacity:.35}.nav-arrow-btn:disabled:hover{color:#6b7280;color:var(--text-muted)}.day-cal-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}@media (max-width:640px){.day-cal-row:not(.att-days){grid-template-columns:1fr 1fr!important}.day-cal-row.att-days{gap:6px}.att-days .day-cal-card{min-width:0;padding:10px 4px}.att-days .day-cal-name{font-size:11px}.att-days .day-cal-date{font-size:11px;white-space:nowrap}.att-days .day-cal-status{font-size:13px;height:34px;margin:8px auto;width:34px}.att-days .day-cal-label{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.day-cal-card{border-radius:10px;border-radius:var(--r-md);box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a;box-shadow:var(--shadow-md);padding:16px 14px;text-align:center}.day-cal-name{color:#6b7280;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.day-cal-date{color:#9ca3af;color:var(--text-soft);font-size:11px;margin-bottom:14px;margin-top:2px}.day-cal-date,.day-cal-status{font-family:Inter,system-ui,sans-serif;font-family:var(--font-num)}.day-cal-status{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;height:54px;justify-content:center;margin:0 auto;width:54px}.day-cal-label{color:#6b7280;color:var(--text-muted);font-size:11.5px;margin-top:10px}.summary-row-v2{display:flex;flex-wrap:wrap;gap:12px}.summary-box-v2{border-radius:10px;border-radius:var(--r-md);flex:1 1;min-width:100px;padding:14px;text-align:center}.summary-box-v2 .n{font-family:Inter,system-ui,sans-serif;font-family:var(--font-num);font-size:22px;font-weight:600}.summary-box-v2 .l{color:#6b7280;color:var(--text-muted);font-size:11px;margin-top:4px}.ring-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}@media (max-width:720px){.ring-row{grid-template-columns:1fr}}.ring-card{align-items:center;display:flex;flex-direction:column;text-align:center}.ring-wrap{height:132px;margin:6px auto 14px;position:relative;width:132px}.ring{border-radius:50%;height:100%;width:100%}.ring-inner{align-items:center;background:#fff;background:var(--surface);border-radius:50%;display:flex;flex-direction:column;inset:14px;justify-content:center;position:absolute}.ring-inner .n{color:#111827;color:var(--text);font-family:Inter,system-ui,sans-serif;font-family:var(--font-num);font-size:22px;font-weight:600}.ring-inner .l{font-size:10px;margin-top:2px}.ring-breakdown,.ring-inner .l{color:#6b7280;color:var(--text-muted)}.ring-breakdown{display:flex;font-size:12px;gap:16px;justify-content:center}.ring-breakdown .dot{border-radius:50%;display:inline-block;height:8px;margin-right:5px;width:8px}.axis-chart{display:flex;gap:8px;height:180px}.axis-yaxis{color:#9ca3af;color:var(--text-soft);display:flex;flex-direction:column;flex-shrink:0;font-family:Inter,system-ui,sans-serif;font-family:var(--font-num);font-size:10.5px;font-weight:600;justify-content:space-between;text-align:right;width:26px}.axis-plot{border-bottom:1px solid #eef0f4;border-left:1px solid #eef0f4;flex:1 1;position:relative}.axis-grid{display:flex;flex-direction:column;inset:0;justify-content:space-between;pointer-events:none;position:absolute}.axis-grid div{background:#f2f4f7;height:1px}.axis-grid div:last-child{background:#0000}.axis-bars{align-items:flex-end;display:flex;gap:14px;inset:0;justify-content:space-around;padding:0 12px;position:absolute}.stack-bar-wrap{display:flex;flex:1 1;flex-direction:column-reverse;gap:3px;height:100%}.stack-seg{border-radius:0;width:100%}.stack-seg:last-child{border-radius:6px 6px 0 0}.axis-xaxis{color:#6b7280;color:var(--text-muted);display:flex;font-size:11.5px;gap:14px;justify-content:space-around;margin:8px 12px 0 34px}.axis-xaxis span{flex:1 1;text-align:center}.chart-legend{color:#6b7280;color:var(--text-muted);display:flex;font-size:11.5px;gap:18px;justify-content:center;margin-top:14px}.axis-chart-scroll{overflow-x:auto}.axis-chart-scroll-inner{min-width:560px}.chart-legend-item{align-items:center;display:flex;gap:6px}.chart-legend-dot{border-radius:50%;flex-shrink:0;height:9px;width:9px}.form-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}.form-grid-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.form-grid-3{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}.school-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:1100px){.school-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.school-grid{grid-template-columns:minmax(0,1fr)}}.fees-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1100px){.fees-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.fees-grid{grid-template-columns:minmax(0,1fr)}}.school-grid input:not([type=file]),.school-grid select{box-sizing:border-box;height:38px}.form-group{display:flex;flex-direction:column;gap:6px;min-width:0}.form-group label{color:#6b7280;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:#f9fafb;border:none;border-radius:10px;border-radius:var(--r-md);color:#111827;color:var(--text);font-family:Comfortaa,system-ui,sans-serif;font-family:var(--font);font-size:13px;outline:none;padding:10px 14px;transition:box-shadow .15s,background .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;box-shadow:0 0 0 2px #2f80ed,0 4px 12px #2f80ed1a;box-shadow:0 0 0 2px var(--teal),0 4px 12px #2f80ed1a}input[type=date]{padding-right:10px}input[type=date]::-webkit-calendar-picker-indicator{margin-left:8px}.form-section-title{align-items:center;border-bottom:1px solid #f3f4f6;color:#111827;color:var(--ink);display:flex;font-size:13px;font-weight:600;gap:7px;margin-bottom:4px;padding-bottom:10px}.required{color:#d85040;color:var(--red);margin-left:2px}.avatar{align-items:center;background:#eaf2fd;background:var(--teal-light);border-radius:50%;color:#1f5bb8;color:var(--teal-dark);display:inline-flex;flex-shrink:0;font-size:12px;font-weight:600;height:34px;justify-content:center;width:34px}.progress-bar{background:#f3f4f6;height:6px;overflow:hidden}.progress-bar,.progress-fill{border-radius:9999px;border-radius:var(--r-btn)}.progress-fill{height:100%;transition:width .3s}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11182773;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal{border-radius:20px;box-shadow:0 8px 24px #0000001a,0 3px 6px #0000000d;box-shadow:var(--shadow-lg);max-height:90vh;max-height:90dvh;max-width:680px;overflow-y:auto;width:100%}.modal,.modal-header{background:#fff;background:var(--surface)}.modal-header{align-items:center;border-bottom:1px solid #f3f4f6;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;padding:22px 26px 18px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.modal-title{font-size:16px;font-weight:600}.modal-body{padding:24px 26px}.modal-footer{background:#fff;background:var(--surface);border-radius:0 0 20px 20px;border-top:1px solid #f3f4f6;bottom:0;display:flex;gap:10px;justify-content:flex-end;padding:18px 26px;position:-webkit-sticky;position:sticky}.toast{align-items:center;animation:slideUp .25s ease;background:#111827;background:var(--ink);border-radius:9999px;border-radius:var(--r-btn);bottom:28px;box-shadow:0 8px 24px #0000001a,0 3px 6px #0000000d;box-shadow:var(--shadow-lg);color:#fff;display:flex;font-size:13px;font-weight:500;gap:8px;padding:13px 20px;position:fixed;right:28px;z-index:2000}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.record-panels{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:10px}.record-panel{border-radius:10px;border-radius:var(--r-md);padding:12px}.record-panel-pos{background:#d3ebbc;background:var(--green-light)}.record-panel-neg{background:#f3c4bd;background:var(--red-light)}.record-panel-label{font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:6px;text-transform:uppercase}.record-panel-pos .record-panel-label{color:#2f6b1f;color:var(--green-text)}.record-panel-neg .record-panel-label{color:#8c2f22;color:var(--red-text)}.record-panel textarea{background:#0000;border:none;color:#111827;color:var(--text);font-family:Comfortaa,system-ui,sans-serif;font-family:var(--font);font-size:13px;line-height:1.5;min-height:60px;outline:none;resize:none;-webkit-user-select:text;user-select:text;width:100%}.ai-summary-box{background:#f3f8fe;background:var(--teal-faint);border-radius:10px;border-radius:var(--r-md);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);margin-top:12px;padding:16px}.ai-summary-title{align-items:center;color:#1f5bb8;color:var(--teal-dark);display:flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.06em;margin-bottom:8px;text-transform:uppercase}.ai-summary-text{color:#111827;color:var(--text);font-size:13px;line-height:1.75}.report-preview{background:#fff;border-radius:16px;border-radius:var(--r-card);box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a;box-shadow:var(--shadow-md);font-size:13px;margin:0 auto;max-width:640px;padding:32px 36px}.report-header{border-bottom:2px solid #111827;border-bottom:2px solid var(--ink);margin-bottom:20px;padding-bottom:20px;text-align:center}.report-arabic{font-family:Amiri,serif;font-family:var(--font-arabic);font-size:22px}.report-arabic,.report-school{color:#111827;color:var(--ink)}.report-school{font-size:18px;font-weight:700}.report-sub{color:#6b7280;color:var(--text-muted);font-size:12px;margin-top:3px}.report-section{margin-bottom:20px}.report-section-title{border-bottom:1px solid #f3f4f6;color:#6b7280;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:12px;padding-bottom:6px;text-transform:uppercase}.report-row{border-bottom:1px solid #f9fafb;display:flex;justify-content:space-between;padding:5px 0}.report-row:last-child{border-bottom:none}.report-key{color:#6b7280;color:var(--text-muted);font-size:12px}.report-val{font-size:12px;font-weight:600}.report-footer{border-top:1px solid #f3f4f6;color:#6b7280;color:var(--text-muted);font-size:11px;margin-top:24px;padding-top:14px;text-align:center}.report-sig-row{display:flex;justify-content:space-between;margin-top:32px}.report-sig{text-align:center;width:40%}.report-sig-line{border-top:1px solid #111827;border-top:1px solid var(--text);margin-bottom:4px}.report-sig-label{color:#6b7280;color:var(--text-muted);font-size:11px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.mb-6{margin-bottom:24px}.text-muted{color:#6b7280;color:var(--text-muted)}.text-sm{font-size:12px}.font-600{font-weight:600}.grid-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.grid-2>*{min-width:0}.student-page{margin:0 auto;max-width:860px}.student-tabs{background:#e9ecf0;border-radius:999px;display:flex;gap:4px;margin-bottom:16px;padding:4px}.student-tabs button{background:#0000;border:none;border-radius:999px;color:#6b7280;color:var(--text-muted);cursor:pointer;flex:1 1;font-family:Comfortaa,system-ui,sans-serif;font-family:var(--font);font-size:13.5px;font-weight:600;min-width:0;padding:9px 8px;white-space:nowrap}.student-tabs button.active{background:#fff;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);color:#111827;color:var(--ink)}.student-tab{display:flex;flex-direction:column;gap:16px}.student-tab>.card{margin:0!important}.entry-rows{display:flex;flex-direction:column;gap:6px}.entry-row-grid{grid-template-columns:minmax(0,3fr) minmax(0,1fr)}.entry-row{background:none;border:none;cursor:pointer;display:block;font-family:Comfortaa,system-ui,sans-serif;font-family:var(--font);min-height:46px;padding:0;text-align:left;width:100%}.only-narrow{display:none}.reports-top-grid{display:grid;grid-template-columns:1fr 1fr;min-width:0}.reports-top-col{min-width:0;padding:22px 24px}@media (max-width:720px){.reports-top-grid{grid-template-columns:1fr}.reports-top-col:first-child{border-bottom:1px solid #0000;border-bottom:1px solid var(--border);border-right:none!important}}.grid-3{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr 1fr}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:3px}.mobile-chips-wrap,.mobile-topbar{display:none}.report-preview-embed{display:block}.report-preview-mobile-open{display:none}@media (max-width:768px){.report-preview-embed{display:none}.report-preview-mobile-open{display:flex}.sidebar{display:none}.app-shell{flex-direction:column}.main-content{height:100vh;height:100dvh;scrollbar-width:none}}@media (max-width:768px){.main-content::-webkit-scrollbar{display:none;height:0;width:0}.mobile-topbar{align-items:center;background:#454750;background:var(--sidebar-bg);display:flex;flex-shrink:0;justify-content:space-between;padding:13px 18px}.mobile-topbar-title{color:#fff;font-size:14px;font-weight:600}.mobile-topbar-brand{align-items:center;display:flex;flex-shrink:0;gap:8px}.mobile-topbar-arabic{color:#fff;font-family:Amiri,serif;font-family:var(--font-arabic);font-size:21px}.mobile-topbar-logout{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;opacity:.8;width:32px}.mobile-topbar-logout:active{background:#ffffff1f}.mobile-chips-wrap{background:#fff;background:var(--surface);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);display:block;flex-shrink:0}.mobile-chips{display:flex;gap:8px;overflow-x:auto;padding:10px 16px;scrollbar-width:none}.mobile-chips::-webkit-scrollbar{display:none}.mobile-chip{align-items:center;background:#f3f4f6;border:none;border-radius:9999px;border-radius:var(--r-btn);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);color:#6b7280;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;font-family:Comfortaa,system-ui,sans-serif;font-family:var(--font);font-size:13px;font-weight:500;gap:5px;padding:7px 14px;transition:all .15s;white-space:nowrap}.mobile-chip.active{background:#111827;background:var(--ink);color:#fff}.topbar{display:none}.page-body{padding:16px 16px max(16px,env(safe-area-inset-bottom))}.metrics-grid{grid-template-columns:repeat(2,1fr)}.form-grid-2,.form-grid-3,.grid-2,.grid-3{grid-template-columns:1fr}.only-narrow{display:block}.only-wide{display:none}.record-panels{grid-template-columns:1fr}.modal-overlay{align-items:flex-end;-webkit-backdrop-filter:none;backdrop-filter:none;padding:10px}.modal{border-radius:20px 20px 0 0;max-height:95vh;max-height:95dvh}.students-toolbar{align-items:stretch;flex-direction:column}.students-toolbar-search{max-width:none}.students-toolbar-tabs{width:100%}.students-toolbar-tabs .btn{flex:1 1;justify-content:center;min-width:0}.ring-row{grid-template-columns:1fr}}.period-pill-grid{grid-gap:8px;display:grid;gap:8px}.period-pill-grid .week-pill{max-width:none;min-width:0}.period-pill-grid.months{grid-template-columns:repeat(6,1fr)}@media (max-width:560px){.period-pill-grid.months{grid-template-columns:repeat(4,1fr)}}
/*# sourceMappingURL=main.36d0812c.css.map*/