.qs-spinner[data-v-68cbd89f]{width:18px;height:18px;border-radius:50%;border:2px solid var(--border, #e9ddc2);border-top-color:var(--brand, #B98518);animation:qs-spin-68cbd89f .7s linear infinite}@keyframes qs-spin-68cbd89f{to{transform:rotate(360deg)}}:root,body{--bg:#F6F8FB;--bg-alt:#EDF1F7;--surface:#FFFFFF;--surface-tint:#F8FAFD;--border:#E2E8F0;--border-strong:#CBD5E1;--text-1:#101B36;--text-2:#475569;--text-3:#5B6B84;--brand-a:#14B8A6;--brand-b:#2563EB;--brand-a-ink:#0F766E;--brand-b-ink:#1D4ED8;--brand:#B98518;--brand-dark:#76510F;--ok:#15803D;--ok-light:#DCFCE7;--danger:#C03C3C;--danger-light:#FBE9E9;--info:#2A5C8C;--info-light:#E3EEF9;--warn:#8A5A00;--warn-light:#FBF1DC;--app-bg: linear-gradient(180deg, rgba(255,255,255,.72) 0%, rgba(246,248,251,0) 270px), var(--bg);--shadow-soft:0 1px 2px rgba(16,27,54,.05), 0 10px 24px rgba(16,27,54,.07);--shadow-float:0 18px 48px rgba(16,27,54,.13);--shadow-hover:0 18px 34px rgba(16,27,54,.12);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--heading-font:"Fraunces",Georgia,serif;--body-font:"Inter",system-ui,sans-serif;--arabic-font:"Noto Sans Arabic",sans-serif;--quran-font:"Amiri",serif}.role-student{--accent:#0F766E;--accent-dark:#115E59;--accent-light:#D6F1EC;--accent-faint:#F2FBF9}.role-teacher{--accent:#1D4ED8;--accent-dark:#1E40AF;--accent-light:#DDE9FD;--accent-faint:#F4F8FE}.role-admin{--accent:#1E3A5F;--accent-dark:#142942;--accent-light:#DEE6F1;--accent-faint:#F4F7FB}.role-student,.role-teacher,.role-admin{--app-bg: radial-gradient(circle at 14% -8%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 34%), radial-gradient(circle at 88% 4%, color-mix(in srgb, var(--brand-a) 12%, transparent), transparent 30%), linear-gradient(180deg, rgba(255,255,255,.72) 0%, rgba(246,248,251,0) 270px), var(--bg)}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:var(--body-font);background:var(--app-bg);color:var(--text-1);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}body.text-lg{font-size:17px}button{font-family:var(--body-font)}:focus-visible{outline:2px solid var(--brand, #B98518);outline-offset:2px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.pat:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;background-image:radial-gradient(circle at 1px 1px,rgba(185,133,24,.12) 1px,transparent 0);background-size:22px 22px}@keyframes pageEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes riseIn{0%{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}@keyframes livePulse{0%,to{box-shadow:0 0 0 3px #ffffff5c,0 0 color-mix(in srgb,var(--accent) 30%,transparent)}50%{box-shadow:0 0 0 3px #ffffff5c,0 0 0 8px transparent}}.page-enter{animation:pageEnter .42s cubic-bezier(.2,.8,.2,1)}.motion-rise{animation:riseIn .42s cubic-bezier(.2,.8,.2,1) both}.stagger-children>*{animation:riseIn .42s cubic-bezier(.2,.8,.2,1) both}.stagger-children>*:nth-child(2){animation-delay:45ms}.stagger-children>*:nth-child(3){animation-delay:.09s}.stagger-children>*:nth-child(4){animation-delay:.135s}.stagger-children>*:nth-child(5){animation-delay:.18s}.live-pulse{animation:livePulse 1.8s ease-in-out infinite}.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:absolute;left:-9999px;top:0;z-index:200;background:var(--surface);color:var(--text-1);text-decoration:none;padding:8px 14px;border-radius:var(--radius-md, 10px);border:1px solid var(--border);font-weight:600}.skip-link:focus{left:8px;top:8px}.icon-btn{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.mobile-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#00000073;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.main-scroll{padding:24px}@media (max-width: 767px){.main-scroll{padding:14px}.admin-table{min-width:600px}.admin-card{overflow-x:auto}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.page-enter{animation:none!important}.motion-rise,.stagger-children>*,.live-pulse{animation:none!important}}.admin-page{max-width:100%;display:flex;flex-direction:column;gap:24px}.admin-split{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;align-items:start}.admin-cols-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.admin-cols-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}@media (max-width: 980px){.admin-split,.admin-cols-2,.admin-cols-3{grid-template-columns:1fr}}.admin-page-header h1{font-family:var(--heading-font);font-size:24px;font-weight:700;color:var(--text-1);margin:0 0 4px}.admin-page-header p{font-size:14px;color:var(--text-2);margin:0}.admin-card{background:#fffffff0;border:1px solid var(--border);border-radius:var(--radius-lg, 16px);padding:22px;box-shadow:0 1px 2px #101b360a}.admin-card-title{margin:0 0 16px;font-family:var(--heading-font);font-size:16px;font-weight:700;color:var(--text-1)}.admin-field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.admin-label{font-size:12px;font-weight:600;color:var(--text-2)}.admin-input,.admin-select,.admin-textarea{width:100%;box-sizing:border-box;padding:9px 12px;border:1.5px solid var(--border);border-radius:var(--radius-md, 10px);font-family:var(--body-font);font-size:14px;color:var(--text-1);background:#ffffffc7;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}.admin-input:focus,.admin-select:focus,.admin-textarea:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.admin-textarea{resize:vertical;min-height:80px}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table thead th{text-align:left;padding:11px 12px;color:var(--text-2);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em;background:var(--surface-tint);border-bottom:1.5px solid var(--border)}.admin-table tbody td{padding:11px 12px;border-bottom:1px solid var(--border);color:var(--text-1);vertical-align:middle}.admin-table tbody tr:hover{background:var(--surface-tint)}.admin-table tbody tr:last-child td{border-bottom:none}.admin-loading{color:var(--text-3);font-size:14px;padding:8px 0}.admin-empty{background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius-lg, 16px);padding:36px;text-align:center;color:var(--text-3);font-size:14px}.admin-error{color:var(--danger);font-size:13px;margin-top:8px}.admin-error:before{content:"⚠";font-weight:700;margin-inline-end:6px}.admin-success{color:var(--ok);font-size:13px;margin-top:8px}.admin-hint{color:var(--text-3);font-size:12px;margin-top:4px}.admin-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.admin-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 720px){.admin-grid-2{grid-template-columns:1fr}}@media print{aside,nav,.no-print{display:none!important}main{overflow:visible!important;height:auto!important;padding:0!important}body{background:#fff!important}}.student-page{max-width:100%;display:flex;flex-direction:column;gap:22px}.student-split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px;align-items:start}.student-cols-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}@media (max-width: 980px){.student-split,.student-cols-2{grid-template-columns:1fr}}.student-page-header h1{font-family:var(--heading-font);font-size:24px;font-weight:700;color:var(--text-1);margin:0 0 4px}.student-page-header p{font-size:14px;color:var(--text-2);margin:0}.student-card{background:linear-gradient(180deg,#fffffff5,#f8fafdfa);border:1px solid var(--border);border-radius:18px;padding:24px;box-shadow:var(--shadow-soft),inset 0 1px #ffffffbf;position:relative;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.student-card-title{margin:0 0 16px;font-family:var(--heading-font);font-size:16px;font-weight:700;color:var(--text-1)}.interactive-card:hover{border-color:color-mix(in srgb,var(--accent) 38%,var(--border));box-shadow:var(--shadow-hover);transform:translateY(-2px)}.student-field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.student-label{font-size:12px;font-weight:600;color:var(--text-2)}.student-input,.student-select,.student-textarea{width:100%;box-sizing:border-box;padding:10px 14px;border:1.5px solid var(--border-strong);border-radius:var(--radius-md, 12px);font-family:var(--body-font);font-size:14px;color:var(--text-1);background:#ffffffc7;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}.student-input:focus,.student-select:focus,.student-textarea:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.student-textarea{resize:vertical;min-height:80px}.student-loading{color:var(--text-3);font-size:14px;padding:24px 0;text-align:center}.student-empty{background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius-lg, 16px);padding:40px 24px;text-align:center;color:var(--text-3);font-size:14px}.student-error{background:var(--red-light, #fdeaea);color:var(--danger);border:1px solid var(--danger);border-radius:var(--radius-md, 12px);padding:11px 14px;font-size:13px;margin:10px 0}.student-error:before{content:"⚠";font-weight:700;margin-inline-end:8px}.student-success{background:var(--green-light, #d4ede2);color:var(--ok);border:1px solid var(--ok);border-radius:var(--radius-md, 12px);padding:11px 14px;font-size:13px;margin:10px 0}.student-hint{color:var(--text-3);font-size:12px;margin-top:4px}.student-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}.student-row:last-child{border-bottom:none}.student-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.student-section-label{font-size:12px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.cms-content{font-size:14px;color:var(--text-2);line-height:1.6}.cms-content p{margin:0 0 10px}.cms-content a{color:var(--accent-dark)}.cms-content ul,.cms-content ol{margin:0 0 10px;padding-inline-start:20px}.cms-content h1,.cms-content h2,.cms-content h3{color:var(--text-1);margin:12px 0 6px}