@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&family=Tajawal:wght@400;500;700;800&display=swap";*,*:before,*:after{box-sizing:border-box}:root{--bg: #f4f7fb;--surface: #ffffff;--surface-soft: #f8fbff;--text: #0f172a;--muted: #64748b;--line: #dce6f3;--primary: #0b1736;--primary-2: #14366d;--blue: #2563eb;--blue-soft: #e8f0ff;--success-bg: #dcfce7;--success-text: #166534;--warning-bg: #fef3c7;--warning-text: #92400e;--error-bg: #fee2e2;--error-text: #991b1b;--shadow: 0 18px 40px rgba(15, 23, 42, .08);--shadow-strong: 0 24px 70px rgba(15, 23, 42, .22);--radius: 24px;--radius-lg: 28px;--radius-sm: 16px}html,body,#root{min-height:100%}html{direction:rtl}body{margin:0;direction:rtl;text-align:right;font-family:Tajawal,Cairo,sans-serif;color:var(--text);background:linear-gradient(180deg,#f8fbff,#f1f5fa)}a{text-decoration:none;color:inherit}button,input,textarea,select{font-family:inherit}button{border:none}img{max-width:100%;display:block}.app-layout{display:flex;min-height:100vh}.sidebar{width:290px;background:linear-gradient(180deg,#07142f,#081125);color:#fff;padding:24px 18px;flex-shrink:0}.brand-box{display:flex;align-items:center;gap:14px;padding:12px 8px 24px;margin-bottom:18px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-icon{width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2563eb,#3b82f6);font-size:28px;font-weight:800}.brand-box h2{margin:0;font-size:28px;font-weight:800}.brand-box p{margin:4px 0 0;color:#cbd5e1;font-size:13px}.sidebar-nav{display:flex;flex-direction:column;gap:10px}.sidebar-link{display:block;padding:14px 16px;border-radius:16px;color:#f3f7ff;font-weight:700;transition:.2s ease}.sidebar-link.active,.sidebar-link:hover{background:#ffffff1c}.app-main{flex:1;min-width:0}.topbar{background:#ffffffd9;border-bottom:1px solid rgba(220,230,243,.8);padding:18px 28px;display:flex;justify-content:space-between;align-items:center;gap:16px;position:sticky;top:0;z-index:20}.topbar-badge{display:inline-block;background:var(--blue-soft);color:var(--blue);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800;margin-bottom:8px}.topbar-title{margin:0;font-size:30px;font-weight:800;color:var(--primary)}.user-chip{background:#eef4fb;padding:10px 14px;border-radius:14px;font-weight:700}.topbar-actions,.action-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.page-shell,.standalone-page{padding:26px}.page-intro,.standalone-header{background:linear-gradient(135deg,#0b1736fa,#14366df2);color:#fff;border-radius:30px;padding:28px;margin-bottom:22px;box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.page-intro h2,.standalone-header h1{margin:10px 0 8px;font-size:38px;line-height:1.2;font-weight:800}.page-intro p,.standalone-header p{margin:0;color:#dbeafe;font-size:15px;line-height:1.8}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin-bottom:22px}.feature-grid,.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.page-grid.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;margin-bottom:18px}.stat-card,.section-card,.mini-card,.question-card,.result-box,.empty-box{background:var(--surface);box-shadow:var(--shadow);border-radius:var(--radius);border:1px solid rgba(255,255,255,.8)}.stat-card{padding:22px;min-height:120px;display:flex;flex-direction:column;justify-content:space-between}.stat-card span{color:var(--muted);font-weight:700;font-size:14px}.stat-card strong{color:var(--primary);font-size:42px;line-height:1;font-weight:800}.section-card{padding:22px}.section-head{margin-bottom:16px}.section-head h3{margin:0 0 8px;font-size:28px;color:var(--primary);font-weight:800}.section-head p{margin:0;color:var(--muted);line-height:1.8}.mini-card{padding:18px;background:linear-gradient(180deg,#fffffff2,#f8fbfff5)}.mini-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.mini-card-head h4{margin:0;font-size:20px;font-weight:800;color:var(--primary)}.mini-pill{background:var(--blue-soft);color:var(--blue);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800}.result-box,.empty-box,.template-box{padding:16px}.empty-box{color:var(--muted);font-weight:700}label{display:block;margin:14px 0 8px;color:var(--text);font-size:14px;font-weight:700}input,select,textarea{width:100%;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:#fff;outline:none;font-size:15px;color:var(--text)}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb14}.checkbox-line{display:flex;align-items:center;gap:10px}.checkbox-line input{width:auto}.primary-btn,.ghost-btn,.tab-btn{cursor:pointer;border-radius:16px;padding:13px 18px;font-size:14px;font-weight:800;display:inline-flex;justify-content:center;align-items:center;transition:.2s ease}.primary-btn{background:linear-gradient(135deg,#081631,#0d2759);color:#fff}.primary-btn:hover{transform:translateY(-1px)}.ghost-btn,.tab-btn{background:#eef4fb;color:var(--primary)}.ghost-btn:hover,.tab-btn:hover{background:#e2ebf7}.active-tab{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.slim{padding:11px 15px;font-size:13px}.full-btn{width:100%;margin-top:16px}.inline-btn{margin-top:12px}.tab-row{display:flex;flex-wrap:wrap;gap:10px}.table-wrap{overflow-x:auto}.app-table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;margin-top:14px}.app-table th,.app-table td{padding:14px 12px;border-bottom:1px solid #eef2f7;text-align:right;white-space:nowrap}.app-table thead th{background:#f8fbff;color:var(--primary);font-weight:800}.empty-cell{text-align:center!important;color:var(--muted);font-weight:700}.question-card{padding:18px;margin-top:14px;scroll-margin-top:100px}.question-card h4{margin-top:0;margin-bottom:14px;font-size:18px;color:var(--primary)}.choice-btn{width:100%;margin-top:10px;text-align:right;justify-content:flex-start;padding:13px 14px;border-radius:14px;border:1px solid var(--line);background:#f8fafc;color:var(--text);cursor:pointer;font-weight:700}.choice-btn.selected{background:#dbeafe;border-color:#60a5fa}.alert{padding:14px 16px;border-radius:16px;margin-bottom:16px;font-weight:800}.alert.error{background:var(--error-bg);color:var(--error-text)}.alert.success{background:var(--success-bg);color:var(--success-text)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:min(100%,460px);background:#fff;border-radius:28px;box-shadow:var(--shadow);padding:28px}.login-card h1{margin:8px 0;color:var(--primary)}.top-space{margin-top:16px}.status-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800}.status-badge.active,.status-badge.status-success{background:var(--success-bg);color:var(--success-text)}.status-badge.inactive,.status-badge.status-danger{background:var(--error-bg);color:var(--error-text)}.status-badge.status-warning{background:var(--warning-bg);color:var(--warning-text)}.entity-page,.users-admin-page{display:flex;flex-direction:column;gap:18px}.entity-hero{background:radial-gradient(circle at top right,rgba(37,99,235,.16),transparent 28%),linear-gradient(135deg,#fff,#f8fbff);border:1px solid rgba(220,230,243,.9);box-shadow:var(--shadow);border-radius:28px;padding:24px;overflow:hidden;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.entity-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;background:#eef4ff;color:#2563eb;font-size:12px;font-weight:800;margin-bottom:12px}.entity-hero-copy h2{margin:0;font-size:34px;color:var(--primary);font-weight:900}.entity-hero-copy p{margin:10px 0 0;color:var(--muted);max-width:760px;line-height:1.9}.entity-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,180px));gap:14px}.entity-hero-stat{background:#ffffffe0;border:1px solid rgba(220,230,243,.9);border-radius:22px;padding:18px;min-height:110px;display:flex;flex-direction:column;justify-content:space-between}.entity-hero-stat span{color:var(--muted);font-size:13px;font-weight:700}.entity-hero-stat strong{font-size:34px;line-height:1;color:var(--primary);font-weight:900}.entity-toolbar{display:flex;justify-content:space-between;align-items:end;gap:14px;flex-wrap:wrap}.entity-search-box{width:min(100%,420px)}.entity-toolbar-actions{display:flex;gap:10px;flex-wrap:wrap}.entity-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.entity-card{background:linear-gradient(180deg,#fffffffa,#f8fbfffa);border:1px solid rgba(220,230,243,.9);box-shadow:var(--shadow);border-radius:24px;padding:18px;display:flex;flex-direction:column;gap:14px}.entity-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.entity-card-head h3{margin:0;font-size:22px;color:var(--primary);font-weight:800}.entity-card-head p{margin:6px 0 0;color:var(--muted);font-size:13px}.entity-card-body{display:flex;flex-direction:column;gap:10px;padding-top:10px;border-top:1px solid #eef2f7}.entity-meta-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.entity-meta-row span{color:var(--muted);font-size:13px;font-weight:700}.entity-meta-row strong{color:var(--text);font-size:15px}.entity-card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}.entity-modal-backdrop,.users-modal-backdrop,.parents-modal-backdrop,.auth-popup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:24px;z-index:1200}.auth-popup-backdrop{z-index:2000}.entity-modal-card,.users-modal-card,.parents-modal-card,.auth-popup-card{background:#fff;box-shadow:var(--shadow-strong)}.entity-modal-card,.parents-modal-card{width:min(100%,920px);max-height:90vh;overflow:auto;border-radius:28px;padding:24px}.users-modal-card{width:min(100%,760px);max-height:90vh;overflow:auto;border-radius:28px;padding:24px}.auth-popup-card{width:min(100%,420px);border-radius:24px;padding:24px;text-align:right}.entity-modal-head,.users-modal-head,.parents-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.entity-modal-head h2,.users-modal-head h2,.parents-modal-head h2{margin:0;font-size:30px;color:var(--primary);font-weight:800}.entity-modal-head p,.users-modal-head p,.parents-modal-head p,.auth-popup-card p{margin:8px 0 0;color:var(--muted);line-height:1.8}.auth-popup-card h3{margin:0 0 12px;color:var(--primary);font-size:24px;font-weight:800}.entity-form-grid,.users-form-grid,.parents-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.entity-form-field,.users-form-field,.parents-form-field{min-width:0}.entity-form-field-wide,.users-form-field-wide,.parents-form-field-wide{grid-column:1 / -1}.entity-form-actions,.users-form-actions,.parents-form-actions{display:flex;gap:10px;flex-wrap:wrap}.entity-check-grid,.parents-students-picklist-pro,.parents-students-picklist{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:10px}.entity-check-item,.parent-student-option,.parent-student-option-pro{display:flex;align-items:flex-start;gap:10px;background:#f8fbff;border:1px solid var(--line);border-radius:16px;padding:12px 14px;margin:0}.entity-check-item input,.parent-student-option input,.parent-student-option-pro input{width:auto;margin:2px 0 0}.entity-check-item div,.parent-student-option-pro div{display:flex;flex-direction:column;gap:4px}.entity-check-item strong,.parent-student-option-pro strong{color:var(--primary);font-size:14px}.entity-check-item span,.parent-student-option-pro span{color:var(--muted);font-size:12px}.entity-segmented{display:flex;gap:10px;margin-bottom:16px}.segment-btn{border:none;border-radius:14px;padding:12px 16px;background:#eef4fb;color:var(--primary);font-weight:800;cursor:pointer}.segment-btn.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.users-stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.users-stat-card{background:var(--surface);border:1px solid rgba(255,255,255,.85);box-shadow:var(--shadow);border-radius:22px;padding:18px;min-height:108px;display:flex;flex-direction:column;justify-content:space-between}.users-stat-card span{color:var(--muted);font-size:13px;font-weight:700}.users-stat-card strong{font-size:30px;line-height:1;color:var(--primary);font-weight:800}.users-layout-grid{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:18px;align-items:start}.users-form-switch{display:flex;align-items:end}.users-table-toolbar{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:14px}.users-search-box{width:min(100%,360px)}.users-compact-table th,.users-compact-table td{vertical-align:top}.user-main-cell{display:flex;flex-direction:column;gap:6px;min-width:180px}.user-main-cell strong{color:var(--primary);font-size:15px}.user-subtext{color:var(--muted);font-size:11px;word-break:break-all;line-height:1.6}.user-role-cell{display:flex;flex-direction:column;gap:8px;min-width:220px}.role-pill{width:fit-content;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800;background:#eef4fb;color:var(--primary)}.role-admin{background:#e8f0ff;color:#1d4ed8}.role-examsupervisor{background:#eef2ff;color:#4338ca}.role-student{background:#ecfeff;color:#0f766e}.role-parent{background:#fef3c7;color:#92400e}.user-link-line{display:flex;gap:6px;align-items:center;flex-wrap:wrap;color:var(--text);font-size:13px}.user-link-line.muted{color:var(--muted)}.user-link-label{color:var(--muted);font-weight:700}.users-actions-stack,.users-actions-wrap{display:flex;flex-wrap:wrap;gap:8px}.users-actions-stack{min-width:220px}.users-actions-wrap{margin-top:14px}.users-action-btn{min-width:84px;padding:10px 12px;border-radius:14px;font-size:13px}.danger-outline{color:#b91c1c;background:#fff5f5;border:1px solid #fecaca}.users-mobile-cards{display:none;gap:14px;flex-direction:column}.user-mobile-card,.user-list-card{background:linear-gradient(180deg,#fffffffa,#f8fbfffa);border:1px solid rgba(220,230,243,.9);box-shadow:var(--shadow);border-radius:22px;padding:16px}.users-list-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.user-list-card{border-radius:24px;padding:18px;display:flex;flex-direction:column;gap:16px}.user-mobile-head,.user-list-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.user-mobile-head h4,.user-list-card-head h3{margin:0;color:var(--primary);font-size:18px;font-weight:800}.user-list-card-head h3{font-size:20px}.user-mobile-head p,.user-list-card-head p{margin:6px 0 0;color:var(--muted);font-size:13px}.user-mobile-body,.user-list-card-body{display:flex;flex-direction:column;gap:12px;margin-top:14px}.user-mobile-line,.user-meta-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid #eef2f7;padding-top:10px}.user-mobile-line span,.user-meta-label{color:var(--muted);font-size:13px;font-weight:800}.user-mobile-line strong{color:var(--text);font-size:14px}.users-actions-column{display:flex;flex-direction:column;gap:10px;margin-top:auto}.users-actions-column .users-action-btn{width:100%}.user-card-menu-wrap{position:relative;display:flex;align-items:flex-start;gap:10px}.user-menu-trigger{width:42px;height:42px;min-width:42px;padding:0;margin:0;border:none;border-radius:12px;background:#eef4fb;color:var(--primary);font-size:24px;font-weight:800;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.user-actions-menu{position:absolute;top:50px;left:0;min-width:160px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 18px 40px #0f172a24;padding:8px;z-index:30;display:flex;flex-direction:column;gap:6px}.user-actions-menu-btn{width:100%;border:none;background:#f8fafc;color:var(--primary);border-radius:12px;padding:10px 12px;text-align:right;cursor:pointer;font-size:14px;font-weight:700;margin:0}.user-actions-menu-btn:hover{background:#eef4fb}.user-actions-menu-btn.danger{color:#b91c1c;background:#fff5f5}.user-actions-menu-btn.danger:hover{background:#fee2e2}.parents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.parent-child-card{width:100%;border:none;text-align:right;cursor:pointer}.parent-child-card.active{outline:2px solid #2563eb;background:linear-gradient(180deg,#eef4ff,#f8fbff)}.student-exam-meta-grid{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.countdown-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800;background:#eef4fb;color:var(--primary)}.countdown-live{background:#e8f0ff;color:#1d4ed8}@media(max-width:1400px){.users-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.users-layout-grid{grid-template-columns:minmax(300px,380px) minmax(0,1fr)}}@media(max-width:1120px){.users-layout-grid{grid-template-columns:1fr}.users-form-grid,.entity-hero-stats{grid-template-columns:1fr 1fr}}@media(max-width:1080px){.app-layout{flex-direction:column}.sidebar{width:100%}.topbar,.page-intro,.standalone-header{flex-direction:column;align-items:flex-start}}@media(max-width:920px){.users-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.users-table-desktop{display:none}.users-mobile-cards{display:flex}}@media(max-width:768px){.page-shell,.standalone-page,.topbar{padding:16px}.page-intro h2,.standalone-header h1,.topbar-title{font-size:28px}.section-head h3{font-size:24px}.stat-card strong{font-size:34px}.entity-hero{flex-direction:column}.entity-hero-stats{width:100%;grid-template-columns:1fr}.entity-form-grid,.parents-form-grid{grid-template-columns:1fr}.entity-modal-card,.users-modal-card,.parents-modal-card{padding:18px;border-radius:22px}.entity-modal-head,.users-modal-head,.parents-modal-head,.entity-toolbar,.parents-toolbar,.users-table-toolbar{flex-direction:column;align-items:stretch}.entity-search-box,.parents-search-box,.users-search-box,.entity-toolbar-actions,.parents-toolbar-actions,.entity-toolbar-actions .primary-btn,.entity-toolbar-actions .ghost-btn,.entity-form-actions .primary-btn,.entity-form-actions .ghost-btn,.parents-toolbar-actions .primary-btn,.parents-toolbar-actions .ghost-btn,.parents-form-actions .primary-btn,.parents-form-actions .ghost-btn{width:100%}.entity-card-actions{flex-direction:column}.entity-card-actions .ghost-btn{width:100%}.student-exam-meta-grid{flex-direction:column;align-items:flex-start}.users-list-grid{grid-template-columns:1fr}}@media(max-width:640px){.users-form-grid,.users-stats-grid{grid-template-columns:1fr}.users-form-actions{flex-direction:column;align-items:stretch}.users-form-actions .primary-btn,.users-form-actions .ghost-btn,.users-actions-wrap .primary-btn,.users-actions-wrap .ghost-btn{width:100%}}.entity-card-menu{position:relative;display:flex;align-items:flex-start;gap:10px}.entity-menu-trigger{width:42px;height:42px;min-width:42px;padding:0;margin:0;border:none;border-radius:12px;background:#eef4fb;color:var(--primary);font-size:24px;font-weight:800;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.entity-actions-menu{position:absolute;top:50px;left:0;min-width:170px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 18px 40px #0f172a24;padding:8px;z-index:30;display:flex;flex-direction:column;gap:6px}.entity-actions-menu-btn{width:100%;border:none;background:#f8fafc;color:var(--primary);border-radius:12px;padding:10px 12px;text-align:right;cursor:pointer;font-size:14px;font-weight:700;margin:0}.entity-actions-menu-btn:hover{background:#eef4fb}.entity-actions-menu-btn.danger{color:#b91c1c;background:#fff5f5}.entity-actions-menu-btn.danger:hover{background:#fee2e2}.paging-size-select{min-width:130px;width:auto;padding:11px 14px;border-radius:14px;border:1px solid var(--line);background:#fff;color:var(--primary);font-weight:700}.entity-pagination{margin-top:18px;padding-top:16px;border-top:1px solid #eef2f7;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.entity-pagination-summary{color:var(--muted);font-size:14px;font-weight:700}.entity-pagination-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.entity-pagination-page{min-width:110px;text-align:center;color:var(--primary);font-weight:800}@media(max-width:760px){.entity-pagination{flex-direction:column;align-items:stretch}.entity-pagination-actions{width:100%;justify-content:space-between}.paging-size-select{width:100%}}.exam-accordion-list{display:flex;flex-direction:column;gap:16px}.exam-accordion-card{background:var(--surface);border:1px solid rgba(220,230,243,.9);box-shadow:var(--shadow);border-radius:24px;overflow:hidden}.exam-accordion-card.open{border-color:#bfd3f5}.exam-accordion-head{width:100%;border:none;background:linear-gradient(180deg,#fffffffa,#f8fbfffa);padding:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;text-align:right}.exam-accordion-head-text{min-width:0}.exam-accordion-head-text h3{margin:0;font-size:24px;color:var(--primary);font-weight:800}.exam-accordion-head-text p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.8}.exam-accordion-head-side{display:flex;align-items:center;gap:10px;flex-shrink:0}.exam-accordion-arrow{width:38px;height:38px;border-radius:12px;background:#eef4fb;color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800}.exam-accordion-body{padding:0 20px 20px;border-top:1px solid #eef2f7}@media(max-width:768px){.exam-accordion-head{flex-direction:column;align-items:flex-start}.exam-accordion-head-side{width:100%;justify-content:space-between}.exam-accordion-head-text h3{font-size:21px}}html,body,#root{width:100%;overflow-x:hidden}.app-main,.page-shell,.standalone-page,.section-card,.entity-card,.stat-card,.exam-accordion-card,.users-modal-card,.entity-modal-card,.parents-modal-card{min-width:0}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.app-table{min-width:720px}.topbar-actions,.action-row,.entity-toolbar-actions,.entity-form-actions,.parents-form-actions,.users-form-actions,.entity-card-actions{min-width:0}input,select,textarea,button{max-width:100%}.entity-card-head,.mini-card-head,.user-list-card-head,.parent-card-head,.exam-accordion-head{min-width:0}.entity-card-head h3,.mini-card-head h4,.user-list-card-head h3,.parent-card-head h3,.exam-accordion-head-text h3,.page-intro h2,.standalone-header h1,.topbar-title,.entity-card-head p,.user-list-card-head p,.parent-card-head p,.exam-accordion-head-text p,.page-intro p,.standalone-header p{word-break:break-word}@media(min-width:1281px){.page-shell,.standalone-page{padding:28px}}@media(max-width:1280px){.sidebar{width:250px;padding:20px 16px}.topbar{padding:16px 20px}.page-shell,.standalone-page{padding:20px}.entity-hero-stats,.parents-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.users-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.users-layout-grid{grid-template-columns:1fr}}@media(max-width:1024px){.app-layout{flex-direction:column}.sidebar{width:100%;padding:14px;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.brand-box{padding:8px 6px 16px;margin-bottom:12px}.sidebar-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.sidebar-link{padding:12px 14px;font-size:14px}.topbar{position:static;flex-direction:column;align-items:stretch;padding:16px}.topbar-actions{width:100%;justify-content:flex-start}.page-intro,.standalone-header,.entity-hero{flex-direction:column;align-items:stretch;padding:22px;border-radius:24px}.page-intro h2,.standalone-header h1{font-size:30px}.topbar-title{font-size:26px}.stats-grid,.feature-grid,.cards-grid,.entity-cards-grid,.parents-list-grid,.users-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-grid.two{grid-template-columns:1fr}.entity-toolbar,.parents-toolbar,.users-table-toolbar{flex-direction:column;align-items:stretch}.entity-search-box,.parents-search-box,.users-search-box,.entity-toolbar-actions,.parents-toolbar-actions,.topbar-actions,.action-row{width:100%}.entity-form-grid,.parents-form-grid,.users-form-grid{grid-template-columns:1fr 1fr}.entity-modal-card,.parents-modal-card,.users-modal-card{width:min(100%,96vw);padding:20px;border-radius:24px}.exam-accordion-head{flex-direction:column;align-items:stretch}.exam-accordion-head-side{width:100%;justify-content:space-between}}@media(max-width:768px){.page-shell,.standalone-page{padding:14px}.topbar{padding:14px;gap:12px}.user-chip{width:100%;text-align:center}.page-intro,.standalone-header,.entity-hero,.section-card,.stat-card,.entity-card,.mini-card,.question-card,.exam-accordion-card{border-radius:20px}.page-intro,.standalone-header,.entity-hero{padding:18px}.section-card,.stat-card,.entity-card,.mini-card,.question-card{padding:16px}.page-intro h2,.standalone-header h1,.entity-hero-copy h2{font-size:26px;line-height:1.3}.topbar-title{font-size:24px}.section-head h3,.exam-accordion-head-text h3{font-size:22px}.stat-card strong,.entity-hero-stat strong,.parents-hero-stat strong,.users-stat-card strong{font-size:28px}.stats-grid,.entity-hero-stats,.parents-hero-stats,.users-stats-grid,.feature-grid,.cards-grid,.entity-cards-grid,.parents-list-grid,.users-list-grid,.entity-form-grid,.parents-form-grid,.users-form-grid{grid-template-columns:1fr}.entity-form-field-wide,.parents-form-field-wide,.users-form-field-wide{grid-column:auto}.entity-toolbar-actions,.parents-toolbar-actions,.topbar-actions,.action-row,.entity-form-actions,.parents-form-actions,.users-form-actions,.entity-card-actions{flex-direction:column;align-items:stretch}.entity-toolbar-actions .primary-btn,.entity-toolbar-actions .ghost-btn,.parents-toolbar-actions .primary-btn,.parents-toolbar-actions .ghost-btn,.topbar-actions .primary-btn,.topbar-actions .ghost-btn,.action-row .primary-btn,.action-row .ghost-btn,.entity-form-actions .primary-btn,.entity-form-actions .ghost-btn,.parents-form-actions .primary-btn,.parents-form-actions .ghost-btn,.users-form-actions .primary-btn,.users-form-actions .ghost-btn,.entity-card-actions .primary-btn,.entity-card-actions .ghost-btn,.entity-card-actions a.ghost-btn{width:100%}.entity-card-head,.mini-card-head,.user-list-card-head,.parent-card-head{flex-direction:column;align-items:stretch}.entity-card-menu{width:100%;justify-content:space-between}.entity-actions-menu,.user-actions-menu{left:auto;right:0;width:min(220px,100%)}.entity-pagination{flex-direction:column;align-items:stretch}.entity-pagination-actions{width:100%;justify-content:space-between}.entity-pagination-page{min-width:auto}.paging-size-select{width:100%}.student-exam-meta-grid{flex-direction:column;align-items:stretch}.countdown-chip,.status-badge{width:fit-content;max-width:100%}.entity-modal-backdrop,.users-modal-backdrop,.parents-modal-backdrop,.auth-popup-backdrop{padding:12px}.entity-modal-card,.parents-modal-card,.users-modal-card,.auth-popup-card{width:100%;max-width:100%;max-height:92vh;border-radius:20px;padding:16px}.entity-modal-head,.users-modal-head,.parents-modal-head{flex-direction:column;align-items:stretch}.brand-box h2{font-size:22px}.brand-box p{font-size:12px}}@media(max-width:480px){.page-shell,.standalone-page,.topbar{padding:12px}.page-intro,.standalone-header,.entity-hero,.section-card,.stat-card,.entity-card,.mini-card,.question-card{padding:14px}.page-intro h2,.standalone-header h1,.entity-hero-copy h2{font-size:22px}.section-head h3,.exam-accordion-head-text h3{font-size:20px}.primary-btn,.ghost-btn,.tab-btn{padding:12px 14px;font-size:13px}.mini-pill,.topbar-badge,.entity-badge{font-size:11px;padding:6px 10px}.brand-icon{width:46px;height:46px;font-size:22px;border-radius:14px}.app-table{min-width:640px}}.topbar-main{display:flex;align-items:center;gap:12px;min-width:0}.mobile-menu-btn{display:none;width:44px;height:44px;min-width:44px;border:none;border-radius:14px;background:#eef4fb;color:var(--primary);font-size:24px;font-weight:800;cursor:pointer;align-items:center;justify-content:center}.mobile-sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;opacity:0;pointer-events:none;transition:.2s ease;z-index:90}.mobile-sidebar-backdrop.show{opacity:1;pointer-events:auto}@media(max-width:1024px){.app-layout{display:block;min-height:100vh}.sidebar{position:fixed;top:0;right:0;bottom:0;width:min(82vw,320px);max-width:320px;transform:translate(100%);transition:transform .25s ease;z-index:100;overflow-y:auto;border-radius:0;padding:18px 14px}.sidebar.show{transform:translate(0)}.app-main{width:100%}.mobile-menu-btn{display:inline-flex}.topbar{position:sticky;top:0;z-index:80;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.topbar-actions{width:auto;flex-shrink:0}.sidebar-nav{display:flex;flex-direction:column;gap:8px}.sidebar-link{width:100%}}@media(max-width:768px){.page-shell,.standalone-page,.topbar{padding:12px}.page-intro,.standalone-header,.entity-hero,.section-card,.stat-card,.entity-card,.mini-card,.question-card,.exam-accordion-card{border-radius:18px}.page-intro,.standalone-header,.entity-hero{padding:16px}.section-card,.stat-card,.entity-card,.mini-card,.question-card{padding:14px}.page-intro h2,.standalone-header h1,.entity-hero-copy h2,.topbar-title{font-size:22px;line-height:1.3}.stats-grid,.feature-grid,.cards-grid,.entity-cards-grid,.users-list-grid,.parents-list-grid,.page-grid.two,.entity-hero-stats,.parents-hero-stats,.users-stats-grid{grid-template-columns:1fr!important}.entity-toolbar,.parents-toolbar,.users-table-toolbar,.action-row,.topbar-actions{flex-direction:column;align-items:stretch}.entity-toolbar-actions,.parents-toolbar-actions,.entity-form-actions,.parents-form-actions,.users-form-actions,.entity-card-actions{width:100%;flex-direction:column;align-items:stretch}.entity-toolbar-actions .primary-btn,.entity-toolbar-actions .ghost-btn,.parents-toolbar-actions .primary-btn,.parents-toolbar-actions .ghost-btn,.entity-form-actions .primary-btn,.entity-form-actions .ghost-btn,.parents-form-actions .primary-btn,.parents-form-actions .ghost-btn,.users-form-actions .primary-btn,.users-form-actions .ghost-btn,.entity-card-actions .primary-btn,.entity-card-actions .ghost-btn,.entity-card-actions a{width:100%}.entity-form-grid,.parents-form-grid,.users-form-grid{grid-template-columns:1fr!important}.entity-card-head,.parent-card-head,.user-list-card-head,.mini-card-head{flex-direction:column;align-items:stretch}.entity-card-menu{width:100%;justify-content:space-between}.entity-pagination{flex-direction:column;align-items:stretch}.entity-pagination-actions{width:100%;justify-content:space-between}.app-table{min-width:640px}.entity-modal-card,.parents-modal-card,.users-modal-card,.auth-popup-card{width:100%;max-width:100%;max-height:92vh;padding:14px;border-radius:18px}}.arabic-number,.question-card,.choice-btn,.countdown-chip,.status-badge,.stat-card,.entity-card,.exam-accordion-card{font-variant-numeric:normal}.question-card,.choice-btn{unicode-bidi:plaintext}.image-upload-field{margin-top:12px}.mini-hint{margin-top:8px;color:var(--muted);font-size:13px;font-weight:700}.question-image-preview{margin-top:10px;border:1px solid var(--line);background:#f8fbff;border-radius:16px;padding:12px}.question-image-preview-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;color:var(--primary);font-weight:800}.question-image-preview img,.exam-question-image{width:100%;max-height:360px;object-fit:contain;border-radius:16px;border:1px solid var(--line);background:#fff}.image-question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.image-choice-editor-card{background:#f8fbff;border:1px solid var(--line);border-radius:18px;padding:14px}.image-choice-editor-card h4{margin:0 0 10px;color:var(--primary);font-size:18px;font-weight:800}.question-visual h4{margin:0 0 14px;color:var(--primary);font-size:20px;font-weight:800;line-height:1.8}.question-choices-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.question-choice-preview{display:flex;gap:10px;align-items:flex-start;background:#f8fbff;border:1px solid var(--line);border-radius:16px;padding:12px}.question-choice-preview strong{color:var(--primary);min-width:28px}.question-choice-preview p{margin:0 0 8px;color:var(--text);font-weight:700}.exam-choice-image{width:100%;max-height:190px;object-fit:contain;border-radius:14px;border:1px solid var(--line);background:#fff}.choice-btn .exam-choice-image{margin-top:10px}@media(max-width:768px){.image-question-grid,.question-choices-preview{grid-template-columns:1fr}.question-image-preview-head{flex-direction:column;align-items:stretch}.exam-question-image{max-height:260px}.exam-choice-image{max-height:160px}}.student-exam-old-shell{direction:rtl;width:100%;max-width:1280px;margin:0 auto;padding:24px}.student-exam-header-old{background:linear-gradient(135deg,#061a3d,#173d78);color:#fff;border-radius:0 0 32px 32px;padding:34px;display:flex;justify-content:space-between;gap:20px;align-items:center;box-shadow:0 20px 45px #02102d38}.student-exam-header-old h1{margin:10px 0 8px;font-size:38px;font-weight:900}.student-exam-header-old p{margin:0;color:#ffffffd1;font-size:18px}.student-exam-header-actions{display:flex;gap:12px;flex-wrap:wrap}.student-exam-chip{background:#ffffff24;border:1px solid rgba(255,255,255,.22);color:#fff;border-radius:18px;padding:14px 18px;font-weight:900;min-width:120px;text-align:center}.student-exam-questions{margin-top:28px;display:flex;flex-direction:column;gap:18px}.student-question-old-card{background:#fff;border:1px solid #dbe6f5;border-radius:26px;padding:24px;box-shadow:0 18px 40px #0f172a14}.student-question-old-card h2{display:flex;gap:10px;align-items:flex-start;margin:0 0 18px;font-size:26px;line-height:1.8;color:#061a3d;font-weight:900}.student-question-number{flex-shrink:0;color:#0b2a5b}.student-choices-old-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.student-choice-old{border:1px solid #dbe6f5;background:#f8fbff;border-radius:20px;padding:16px;display:flex;gap:14px;align-items:flex-start;text-align:right;cursor:pointer;transition:.2s ease;color:#061a3d;font-weight:800;min-height:72px}.student-choice-old:hover{border-color:#2b66e8;transform:translateY(-1px)}.student-choice-old.selected{background:#eaf2ff;border-color:#2b66e8;box-shadow:0 0 0 3px #2b66e81f}.student-choice-number{width:34px;height:34px;border-radius:12px;background:#e5efff;color:#155eef;display:flex;align-items:center;justify-content:center;font-weight:900;flex-shrink:0}.student-choice-content{flex:1;line-height:1.8}.student-exam-footer-old{position:sticky;bottom:12px;margin-top:24px;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #dbe6f5;border-radius:24px;padding:16px;display:flex;justify-content:flex-end;gap:12px;box-shadow:0 18px 40px #0f172a1f}@media(max-width:768px){.student-exam-old-shell{padding:12px}.student-exam-header-old{flex-direction:column;align-items:stretch;padding:22px;border-radius:0 0 24px 24px}.student-exam-header-old h1{font-size:28px}.student-exam-header-actions,.student-exam-footer-old{flex-direction:column}.student-choices-old-grid{grid-template-columns:1fr}.student-question-old-card{padding:16px;border-radius:20px}.student-question-old-card h2{font-size:21px}}.violation-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#020c208c;display:flex;align-items:center;justify-content:center;padding:20px;direction:rtl}.violation-popup-card{width:min(520px,100%);background:#fff;border-radius:26px;padding:28px;box-shadow:0 28px 80px #00000047;text-align:center;border:1px solid #dbe6f5}.violation-popup-card h3{margin:0 0 14px;color:#8a1010;font-size:26px;font-weight:900}.violation-popup-card p{margin:0 0 22px;color:#061a3d;font-size:18px;line-height:1.8;font-weight:800}.icon-actions-row,.exam-card-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:18px}.icon-action-btn{position:relative;width:48px;height:48px;border:0;border-radius:16px;background:#eef4ff;color:#0b2a5b;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;box-shadow:0 10px 24px #0f172a14}.icon-action-btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px #0f172a24}.icon-action-btn.export{background:#eaf7ef;color:#047857}.icon-action-btn.edit{background:#eaf1ff;color:#1d4ed8}.icon-action-btn.danger{background:#fff1f2;color:#be123c}.icon-action-btn:after{content:attr(title);position:absolute;bottom:calc(100% + 10px);right:50%;transform:translate(50%) translateY(6px);background:#061a3d;color:#fff;padding:8px 12px;border-radius:10px;font-size:13px;font-weight:800;white-space:nowrap;opacity:0;pointer-events:none;transition:.18s ease;z-index:20}.icon-action-btn:before{content:"";position:absolute;bottom:calc(100% + 4px);right:50%;transform:translate(50%);border:6px solid transparent;border-top-color:#061a3d;opacity:0;transition:.18s ease;z-index:20}.icon-action-btn:hover:after,.icon-action-btn:hover:before{opacity:1;transform:translate(50%) translateY(0)}@media(max-width:640px){.icon-action-btn{width:44px;height:44px;border-radius:14px}}.icon-action-btn{position:relative}.icon-action-btn .icon-tooltip{position:absolute;bottom:calc(100% + 12px);right:50%;transform:translate(50%) translateY(8px);background:linear-gradient(135deg,#0b2a5b,#061a3d);color:#fff;padding:8px 12px;border-radius:10px;font-size:13px;font-weight:700;white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s ease;box-shadow:0 10px 25px #00000040;z-index:50}.icon-action-btn .icon-tooltip:after{content:"";position:absolute;top:100%;right:50%;transform:translate(50%);border:6px solid transparent;border-top-color:#061a3d}.icon-action-btn:hover .icon-tooltip{opacity:1;transform:translate(50%) translateY(0)}
