:root{--primary: #2563EB;--primary-light: #3B82F6;--primary-dark: #1D4ED8;--secondary: #F59E0B;--accent: #EC4899;--accent-purple: #8B5CF6;--bg: #F0F5FF;--bg-card: #FFFFFF;--bg-dark: #0F172A;--text: #1E293B;--text-muted: #64748B;--text-light: #94A3B8;--border: #E2E8F0;--border-card: rgba(37,99,235,.08);--success: #10B981;--danger: #EF4444;--warning: #F59E0B;--radius: 16px;--radius-sm: 10px;--radius-lg: 24px;--shadow: 0 4px 20px rgba(0,0,0,.06);--shadow-lg: 0 12px 40px rgba(0,0,0,.1);--shadow-colored: 0 8px 30px rgba(37,99,235,.15);font-family:Tajawal,Noto Sans Arabic,sans-serif;line-height:1.7;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100dvh;overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.container{max-width:1100px;margin:0 auto;padding:0 1.25rem}.header{background:linear-gradient(135deg,var(--primary-dark),var(--primary),var(--primary-light));color:#fff;padding:0 2rem;height:68px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 2px 20px #2563eb40}.header .logo-area{display:flex;align-items:center;gap:12px}.header .logo-area .logo-icon{width:40px;height:40px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1.5px solid rgba(255,255,255,.25)}.header h1{font-size:1.1rem;font-weight:700;letter-spacing:-.3px}.header .settings-area{display:flex;align-items:center;gap:8px}.settings-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s;font-family:Tajawal,sans-serif}.settings-btn:hover{background:#ffffff40}.hero{background:linear-gradient(135deg,#eff6ff,#dbeafe,#e0e7ff);text-align:center;padding:3.5rem 1.25rem 3rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;left:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(37,99,235,.08),transparent 70%);border-radius:50%}.hero:after{content:"";position:absolute;bottom:-30%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(139,92,246,.08),transparent 70%);border-radius:50%}.hero .hero-badge{display:inline-flex;align-items:center;gap:6px;background:#2563eb1a;color:var(--primary);padding:6px 16px;border-radius:999px;font-size:.8rem;font-weight:700;margin-bottom:1rem;border:1px solid rgba(37,99,235,.15)}.hero h2{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;color:var(--text);margin-bottom:.5rem}.hero p{color:var(--text-muted);font-size:1.05rem;max-width:480px;margin:0 auto}.lessons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;padding:2rem 0}.lesson-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius);padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:var(--shadow)}.lesson-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--accent));opacity:0;transition:opacity .3s}.lesson-card:hover:before{opacity:1}.lesson-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#2563eb33}.lesson-card .card-num{width:44px;height:44px;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;margin-bottom:.75rem}.lesson-card h3{font-size:1.05rem;font-weight:700;margin-bottom:.5rem;color:var(--text)}.lesson-card p{font-size:.88rem;color:var(--text-muted);line-height:1.6;margin-bottom:1rem}.lesson-card .card-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:.8rem;color:var(--text-light);margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.lesson-card .card-meta span{display:flex;align-items:center;gap:4px}.lesson-page{max-width:1000px;margin:0 auto;padding:1.5rem 1.25rem 4rem}.lesson-page .back-btn{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);font-size:.9rem;font-weight:600;padding:8px 16px;border-radius:10px;cursor:pointer;background:var(--bg-card);border:1px solid var(--border);transition:all .2s;font-family:Tajawal,sans-serif;margin-bottom:1.5rem}.lesson-page .back-btn:hover{color:var(--primary);border-color:var(--primary)}.lesson-header{background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:#fff;padding:2rem 2rem 1.5rem;border-radius:var(--radius-lg);margin-bottom:1.5rem;position:relative;overflow:hidden}.lesson-header:after{content:"";position:absolute;top:-30%;right:-10%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 70%);border-radius:50%}.lesson-header .lesson-num{display:inline-flex;align-items:center;gap:6px;background:#ffffff26;padding:4px 14px;border-radius:999px;font-size:.78rem;font-weight:700;margin-bottom:.75rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lesson-header h1{font-size:clamp(1.4rem,3vw,2rem);font-weight:800;margin-bottom:.5rem}.lesson-header .lesson-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:.85rem;opacity:.85}.lesson-header .lesson-meta span{display:flex;align-items:center;gap:4px}.info-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1.5rem}.info-bar .info-item{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-sm);padding:1rem;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow)}.info-bar .info-item .info-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.info-bar .info-item .info-label{font-size:.72rem;color:var(--text-light);font-weight:600}.info-bar .info-item .info-value{font-size:.88rem;font-weight:700;color:var(--text)}.progress-section{margin-bottom:1.5rem}.progress-section .progress-label{display:flex;justify-content:space-between;font-size:.82rem;color:var(--text-muted);margin-bottom:6px;font-weight:600}.progress-track{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--primary-light));transition:width .5s ease}.timer-section{background:linear-gradient(135deg,#fef3c7,#fde68a,#fef3c7);border:1.5px solid #F59E0B40;border-radius:var(--radius);padding:1.25rem 1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;box-shadow:0 4px 20px #f59e0b1a}.timer-section .timer-display{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:900;color:#92400e;font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:10px}.timer-section .timer-display.warning{color:#dc2626;animation:pulse 1s ease infinite}.timer-section .timer-controls{display:flex;gap:6px}.timer-controls button{padding:8px 18px;border-radius:10px;border:none;font-weight:700;font-size:.82rem;cursor:pointer;transition:all .2s;font-family:Tajawal,sans-serif}.timer-controls .btn-start{background:var(--success);color:#fff}.timer-controls .btn-start:hover{background:#059669}.timer-controls .btn-pause{background:var(--warning);color:#fff}.timer-controls .btn-pause:hover{background:#d97706}.timer-controls .btn-reset{background:#e2e8f0;color:var(--text-muted)}.timer-controls .btn-reset:hover{background:#cbd5e1}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.section-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.25rem;box-shadow:var(--shadow);transition:all .2s}.section-card:hover{box-shadow:var(--shadow-lg)}.section-card .section-title{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:700;color:var(--primary);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #EFF6FF}.section-card .section-title .icon-bg{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.85rem}.section-card .section-title .icon-bg.blue{background:#eff6ff;color:var(--primary)}.section-card .section-title .icon-bg.amber{background:#fef3c7;color:#d97706}.section-card .section-title .icon-bg.green{background:#d1fae5;color:#059669}.section-card .section-title .icon-bg.pink{background:#fce7f3;color:#db2777}.section-card .section-title .icon-bg.purple{background:#ede9fe;color:#7c3aed}.section-card .section-title .icon-bg.teal{background:#ccfbf1;color:#0d9488}.section-card p,.section-card li{font-size:.95rem;line-height:1.8;color:var(--text)}.section-card ul,.section-card ol{padding-right:1.5rem}.section-card li{margin-bottom:.4rem}.updated-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.updated-card{background:var(--bg-card);border:1px solid #FCE7F3;border-radius:var(--radius);overflow:hidden;transition:all .3s;box-shadow:var(--shadow)}.updated-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.updated-card img{width:100%;height:160px;object-fit:cover}.updated-card .updated-body{padding:1rem 1.25rem 1.25rem}.updated-card .updated-body h4{font-size:.92rem;font-weight:700;color:var(--accent);margin-bottom:.4rem}.updated-card .updated-body p{font-size:.88rem;color:var(--text-muted);line-height:1.7}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.gallery-grid .gallery-item{border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:all .3s;height:160px;position:relative}.gallery-grid .gallery-item:hover{transform:scale(1.03);box-shadow:var(--shadow-lg)}.gallery-grid .gallery-item img{width:100%;height:100%;object-fit:cover}.video-placeholder{background:#1e293b;border-radius:var(--radius);padding:3rem;text-align:center;color:#fff}.video-placeholder .video-icon{font-size:3rem;margin-bottom:.75rem;opacity:.6}.questions-list{counter-reset:qnum}.question-item{background:#f8fafc;border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem 1.25rem;margin-bottom:.75rem;transition:all .2s}.question-item:hover{border-color:var(--primary-light)}.question-item .q-text{font-weight:700;font-size:.9rem;color:var(--text);margin-bottom:.4rem;cursor:pointer;display:flex;align-items:center;gap:8px}.question-item .q-text:before{counter-increment:qnum;content:counter(qnum) ".";color:var(--primary);font-weight:800}.question-item .a-text{font-size:.88rem;color:var(--text-muted);padding-right:1.5rem;margin-top:.4rem;border-right:3px solid var(--success);padding-right:12px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-card);border-radius:var(--radius-lg);padding:2rem;max-width:480px;width:100%;box-shadow:var(--shadow-lg);max-height:90vh;overflow-y:auto}.modal-content h2{font-size:1.2rem;font-weight:700;margin-bottom:1.25rem;color:var(--text);display:flex;align-items:center;gap:8px}.modal-content .field-group{margin-bottom:1rem}.modal-content .field-group label{display:block;font-size:.82rem;font-weight:700;color:var(--text-muted);margin-bottom:4px}.modal-content .field-group input[type=text],.modal-content .field-group input[type=date],.modal-content .field-group input[type=url]{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.92rem;font-family:Tajawal,sans-serif;transition:border-color .2s;background:#f8fafc}.modal-content .field-group input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.modal-content .modal-actions{display:flex;gap:10px;margin-top:1.5rem}.modal-content .modal-actions button{flex:1;padding:11px;border-radius:var(--radius-sm);font-weight:700;font-size:.9rem;cursor:pointer;border:none;transition:all .2s;font-family:Tajawal,sans-serif}.modal-content .modal-actions .btn-save{background:var(--primary);color:#fff}.modal-content .modal-actions .btn-save:hover{background:var(--primary-dark)}.modal-content .modal-actions .btn-cancel{background:#f1f5f9;color:var(--text-muted)}.modal-content .modal-actions .btn-cancel:hover{background:#e2e8f0}.decor-icon{display:inline-flex;align-items:center;gap:4px}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:300;display:flex;align-items:center;justify-content:center;padding:1rem;cursor:pointer}.lightbox-overlay img{max-width:90vw;max-height:85vh;border-radius:var(--radius);object-fit:contain}.print-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:1.5rem}.print-actions button{padding:10px 20px;border-radius:var(--radius-sm);font-weight:700;font-size:.85rem;border:none;cursor:pointer;transition:all .2s;font-family:Tajawal,sans-serif;display:flex;align-items:center;gap:6px}.print-actions .btn-print-portrait{background:var(--primary);color:#fff}.print-actions .btn-print-portrait:hover{background:var(--primary-dark)}.print-actions .btn-print-landscape{background:var(--secondary);color:#fff}.print-actions .btn-print-landscape:hover{background:#d97706}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{position:absolute;left:0;top:0;width:100%}.no-print{display:none!important}@page{margin:1.5cm}}.print-landscape{page-orientation:rotate}@page landscape{size:landscape}.summary-card{background:linear-gradient(135deg,#eff6ff,#f0fdf4);border:1.5px solid #BBF7D0;border-radius:var(--radius);padding:1.5rem;text-align:center}.summary-card h3{color:var(--success);margin-bottom:.75rem;font-size:1.1rem}.summary-card p{font-size:.95rem;line-height:1.8;color:var(--text)}.date-edit{display:flex;align-items:center;gap:6px}.date-edit input[type=date]{padding:4px 8px;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:.82rem;background:#ffffff1a;color:#fff;font-family:Tajawal,sans-serif}.date-edit input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}@media (max-width: 640px){.header{padding:0 1rem;height:58px}.header h1{font-size:.95rem}.settings-btn span{display:none}.lessons-grid{grid-template-columns:1fr;gap:1rem;padding:1.25rem 0}.lesson-page{padding:1rem .75rem 3rem}.lesson-header{padding:1.25rem}.info-bar{grid-template-columns:1fr 1fr}.timer-section{flex-direction:column;text-align:center}.section-card{padding:1.1rem}.updated-info-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}.modal-content{margin:.5rem;padding:1.25rem}.print-actions{flex-direction:column}.print-actions button{width:100%;justify-content:center}}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-light)}.empty-state .big-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.loading{display:flex;align-items:center;justify-content:center;padding:4rem}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}