:root{--primary: #8b5cf6;--primary-glow: rgba(139, 92, 246, .6);--secondary: #db2777;--secondary-glow: rgba(236, 72, 153, .6);--accent: #06b6d4;--accent-glow: rgba(6, 182, 212, .6);--background: #030712;--surface: #111827;--bg-card: rgba(17, 24, 39, .7);--bg-secondary: rgba(31, 41, 55, .7);--text-primary: #f9fafb;--text-secondary: #cbd5e1;--text-muted: #64748b;--success: #10b981;--success-glow: rgba(16, 185, 129, .6);--warning: #f59e0b;--danger: #ef4444;--border: rgba(255, 255, 255, .1);--glass-bg: rgba(17, 24, 39, .65);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: none;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--font: "Cairo", sans-serif}[data-theme=light]{--primary: #4f46e5;--primary-glow: rgba(99, 102, 241, .15);--secondary: #db2777;--secondary-glow: rgba(236, 72, 153, .15);--accent: #0284c7;--accent-glow: rgba(14, 165, 233, .15);--background: #f1f5f9;--surface: #ffffff;--bg-card: rgba(255, 255, 255, 1);--bg-secondary: rgba(248, 250, 252, 1);--text-primary: #020617;--text-secondary: #1e293b;--text-muted: #64748b;--border: rgba(15, 23, 42, .08);--glass-bg: rgba(255, 255, 255, .95);--glass-border: rgba(15, 23, 42, .05);--glass-shadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03)}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%!important;-moz-text-size-adjust:100%!important;-ms-text-size-adjust:100%!important;text-size-adjust:100%!important;font-size:16px!important;scroll-behavior:smooth;touch-action:manipulation;-ms-touch-action:manipulation}button,a,.glass-panel,.glass-card,[role=button]{touch-action:manipulation}img,video,canvas{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}button img,a img,[role=button] img{pointer-events:auto}.admin-layout{display:flex;min-height:100vh;direction:rtl}.admin-sidebar{width:260px;min-height:100vh;position:sticky;top:0;overflow-y:auto;background:var(--bg-card);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-left:1px solid var(--border);z-index:10;padding-bottom:80px}.admin-main{flex:1;padding:24px;overflow-y:auto;min-width:0}.admin-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:24px;background:var(--glass-bg);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border-radius:var(--radius-lg);padding:16px 20px;border:1px solid var(--glass-border)}.admin-header h1{font-size:1.6rem;font-weight:800;display:flex;align-items:center;gap:12px;color:var(--text-primary);margin:0}.form-input{padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border);background:#0003;color:var(--text-primary);font-family:var(--font);font-size:.95rem;outline:none;box-shadow:inset 0 2px 4px #0000001a;box-sizing:border-box;width:100%}.form-input:focus{border-color:var(--primary);background:#0000004d;box-shadow:0 0 0 3px var(--primary-glow),inset 0 2px 4px #0000001a}select.form-input option,select.input option,select option{background-color:#111827!important;color:#fff!important}@media(max-width:768px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%;min-height:auto;position:relative;flex-direction:row!important;padding:12px!important;overflow-x:auto}.admin-sidebar .logo{display:none}.admin-sidebar nav{flex-direction:row!important;gap:4px!important;flex-wrap:nowrap}.admin-sidebar nav button span:last-child{display:none}.admin-main{padding:16px}}body{font-family:var(--font);background-color:var(--background);color:var(--text-primary);margin:0;direction:rtl;overflow-x:hidden;background-attachment:fixed}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.glass-card{background:var(--bg-card);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid var(--border);border-radius:var(--radius-xl);-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.btn{padding:12px 24px;border-radius:var(--radius-lg);border:none;font-family:var(--font);font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden;z-index:1}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(#ffffff1a,#fff0);opacity:0}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;box-shadow:0 4px 15px var(--primary-glow);border:1px solid rgba(255,255,255,.1)}.btn-primary:hover{box-shadow:0 8px 25px var(--primary-glow),0 0 15px var(--accent-glow);border-color:#ffffff4d}.btn-secondary{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:#ffffff1a;border-color:var(--text-secondary)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:#ffffff0d;color:var(--text-primary)}.btn-danger{background:#ef44441a;color:var(--danger)}.btn-sm{padding:6px 12px;font-size:.85rem}.btn-lg{padding:14px 28px;font-size:1.1rem}.btn-full{width:100%}.btn-success{background:#10b98126;color:var(--success);border:1px solid rgba(16,185,129,.3)}.btn-success:hover{background:#10b98140}.card{background:var(--bg-card);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.badge-primary{background:var(--primary-glow);color:var(--primary)}.badge-danger{background:#ef44441f;color:var(--danger)}.badge-success{background:#10b9811f;color:var(--success)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--text-muted)}.empty-icon{font-size:3rem;margin-bottom:16px;opacity:.6}.empty-state h3{font-size:1.1rem;color:var(--text-secondary);margin:0 0 8px}.empty-state p{font-size:.85rem;color:var(--text-muted);margin:0}.tabs{display:flex;gap:4px;padding:4px;background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:20px}.tab{flex:1;padding:10px 16px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-family:var(--font);font-size:.85rem;font-weight:600;cursor:pointer}.tab:hover{color:var(--text-primary)}.tab.active{background:var(--bg-card);color:var(--primary);box-shadow:0 2px 8px #0000001a}.question-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;margin-bottom:12px}.q-number{width:32px;height:32px;border-radius:10px;background:var(--primary-glow);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;margin-left:12px;flex-shrink:0}.q-text{font-weight:600;font-size:.95rem;color:var(--text-primary);line-height:1.6}.option-item{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);margin-bottom:6px;cursor:pointer;font-size:.9rem}.option-item:hover{border-color:var(--primary);background:#6366f10a}.option-item.selected{border-color:var(--primary);background:var(--primary-glow)}.option-item.correct{border-color:var(--success);background:#10b98114}.option-item.wrong{border-color:var(--danger);background:#ef444414}.option-letter{width:28px;height:28px;border-radius:8px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:var(--text-secondary);flex-shrink:0}.option-item.selected .option-letter{background:var(--primary);color:#fff}.option-item.correct .option-letter{background:var(--success);color:#fff}textarea.form-input{min-height:80px;resize:vertical;line-height:1.6}@keyframes pulse-glow{0%,to{box-shadow:0 4px 15px var(--primary-glow)}50%{box-shadow:0 6px 25px var(--primary-glow),0 0 15px var(--accent-glow)}}.input{width:100%;padding:14px;border-radius:var(--radius-md);border:1px solid var(--border);background:#0003;color:var(--text-primary);font-family:var(--font);font-size:1rem}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:#0000004d}.spinner{width:40px;height:40px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translate3d(0,15px,0)}to{opacity:1;transform:translateZ(0)}}.animate-fade{animation:fadeIn .25s cubic-bezier(.2,.8,.2,1) forwards;will-change:opacity,transform;backface-visibility:hidden}.animate-entrance{animation:entrance-up .3s cubic-bezier(.16,1,.3,1) forwards;will-change:opacity,transform;backface-visibility:hidden}@keyframes float{}@keyframes entrance-up{0%{opacity:0}to{opacity:1}}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg)}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);opacity:.5}.glass-card:hover{box-shadow:0 20px 40px -5px #0006,0 0 20px -5px var(--primary-glow);border-color:#8b5cf666}.ranking-podium{display:flex;justify-content:center;align-items:flex-end;gap:2rem;margin-bottom:3rem;perspective:1000px;padding:2rem}.podium-place{display:flex;flex-direction:column;align-items:center;position:relative}.podium-1{order:2;z-index:10;margin-bottom:20px}.podium-2{order:1;z-index:5}.podium-3{order:3;z-index:5}.podium-base{background:linear-gradient(135deg,#1f2937,#374151);border-radius:20px;padding:2rem;min-width:140px;box-shadow:0 10px 30px #0000004d;border:2px solid transparent;position:relative;overflow:hidden;text-align:center;color:#fff;transform-style:preserve-3d}.podium-base:before{content:"";position:absolute;inset:5px;border-radius:16px;padding:2px;background:linear-gradient(45deg,rgba(255,255,255,.1),transparent);z-index:0;pointer-events:none}.podium-1 .podium-base{height:220px;background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 15px 40px #fbbf2466;border:1px solid #fde047}.podium-2 .podium-base{height:180px;background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:0 15px 40px #9ca3af66;border:1px solid #e5e7eb}.podium-3 .podium-base{height:160px;background:linear-gradient(135deg,#cd7f32,sienna);box-shadow:0 15px 40px #cd7f3266;border:1px solid #fbbf24}.podium-rank{font-size:3rem;font-weight:900;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin-bottom:.5rem;position:relative;z-index:1}.podium-name{font-size:1rem;font-weight:700;color:#fff;margin-bottom:.5rem;position:relative;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.podium-score{font-size:1.2rem;font-weight:800;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5);position:relative;z-index:1}.podium-avatar{width:80px;height:80px;border-radius:50%;border:4px solid white;box-shadow:0 8px 16px #0000004d;margin-bottom:-15px;z-index:20;position:relative;background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;color:var(--text-primary);object-fit:cover}.podium-1 .podium-avatar{width:100px;height:100px;border-color:#fcd34d;box-shadow:0 0 25px #fbbf2499}.podium-2 .podium-avatar{border-color:#e5e7eb;box-shadow:0 0 15px #9ca3af99}.podium-3 .podium-avatar{border-color:#fdba74;box-shadow:0 0 15px #cd7f3299}.crown-icon{position:absolute;top:-40px;left:50%;transform:translate(-50%);font-size:2.5rem;filter:drop-shadow(0 0 8px rgba(255,215,0,.8));z-index:25}.student-rank-list{background:linear-gradient(135deg,#1f2937,#111827);border-radius:15px;padding:1.5rem;border:1px solid #374151;max-width:800px;margin:0 auto}.rank-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;margin-bottom:.5rem;background:#37415180;border-radius:10px;border:1px solid transparent}.rank-item:hover{background:#3b82f61a;border-color:#3b82f6;transform:translate(5px)}.rank-position{font-weight:700;font-size:1.2rem;color:#9ca3af;width:3rem;text-align:center}.rank-name{font-weight:600;color:#d1d5db;flex-grow:1;margin:0 1rem;font-size:1rem}.rank-score{font-weight:800;font-size:1.1rem;color:#10b981}.current-user-rank{background:linear-gradient(135deg,#3b82f633,#2563eb33)!important;border:1px solid #3b82f6!important;box-shadow:0 0 15px #3b82f64d}.current-user-rank .rank-name{color:#60a5fa}.current-user-rank .rank-position{color:#93c5fd}.shine-effect{background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.1),transparent 70%);background-size:200% 100%;animation:shine 3s linear infinite}@keyframes shine{0%{background-position:200% 0}to{background-position:-200% 0}}.text-neon{text-shadow:0 0 5px var(--primary),0 0 10px var(--primary-glow)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px}.loading-text{color:var(--text-secondary);font-size:.95rem}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-card{display:flex;align-items:center;gap:14px;padding:20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}.stat-card:hover{border-color:var(--primary);box-shadow:0 4px 15px #0000001a}.stat-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.stat-info h3{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin:0}.stat-info p{font-size:.8rem;color:var(--text-secondary);margin:4px 0 0}.search-box{position:relative;display:flex;align-items:center}.search-box .form-input,.search-box input{width:100%;padding-right:40px}.search-icon{position:absolute;right:14px;font-size:1rem;color:var(--text-muted);pointer-events:none}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:10px;box-sizing:border-box;overflow-y:auto;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);-webkit-transform:translateZ(0)}.modal{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:85vh;box-shadow:0 25px 50px -12px #00000080,0 0 30px #8b5cf61a;overflow:hidden;display:flex;flex-direction:column;animation:modal-pop .4s cubic-bezier(.16,1,.3,1);box-sizing:border-box;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.modal-body{flex:1;overflow-y:auto;padding:20px 24px;-webkit-overflow-scrolling:touch}@keyframes modal-pop{0%{opacity:0}to{opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-header h3{font-size:1.2rem;font-weight:800;color:var(--text-primary);margin:0}.modal-close{width:36px;height:36px;border-radius:50%;border:none;background:#ffffff0d;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#ef44441a;color:var(--danger)}.modal-body{padding:24px;overflow-y:auto;max-height:60vh}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border)}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.form-group select.form-input{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center;padding-left:32px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden;background:#0a0e1a}.login-bg-orbs{position:absolute;inset:0;overflow:hidden;pointer-events:none}.login-orb{position:absolute;border-radius:50%;opacity:.4}.login-orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(99,102,241,.6),transparent 70%);top:-15%;right:-10%;animation:login-orb-float 12s ease-in-out infinite}.login-orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(168,85,247,.5),transparent 70%);bottom:-10%;left:-10%;animation:login-orb-float 15s ease-in-out infinite reverse}.login-orb-3{width:300px;height:300px;background:radial-gradient(circle,rgba(59,130,246,.4),transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:login-orb-pulse 8s ease-in-out infinite}@keyframes login-orb-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-40px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}@keyframes login-orb-pulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.2)}}.login-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.login-particle{position:absolute;font-size:1.5rem;opacity:.15;animation:login-particle-float 20s linear infinite}.login-particle-1{left:8%;top:15%;animation-delay:0s;animation-duration:22s}.login-particle-2{left:85%;top:10%;animation-delay:-4s;animation-duration:18s}.login-particle-3{left:20%;top:75%;animation-delay:-8s;animation-duration:25s}.login-particle-4{left:75%;top:65%;animation-delay:-12s;animation-duration:20s}.login-particle-5{left:50%;top:20%;animation-delay:-6s;animation-duration:24s}.login-particle-6{left:40%;top:85%;animation-delay:-10s;animation-duration:19s}@keyframes login-particle-float{0%,to{opacity:.15}25%{opacity:.25}50%{opacity:.15}75%{opacity:.2}}.login-card{position:relative;width:100%;max-width:440px;background:#0f1428b3;border:1px solid rgba(255,255,255,.08);border-radius:32px;padding:48px 36px 32px;text-align:center;box-shadow:0 30px 80px -20px #0009,0 0 60px -10px #6366f11a,inset 0 1px #ffffff0d;overflow:hidden;z-index:10}.login-card-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.03) 45%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.03) 55%,transparent 60%);animation:login-shine 6s ease-in-out infinite;pointer-events:none}@keyframes login-shine{0%{left:-100%}50%,to{left:200%}}.login-avatar-section{margin-bottom:24px}.login-avatar-wrapper{position:relative;width:120px;height:120px;margin:0 auto 20px}.login-avatar-img{width:120px;height:120px;border-radius:50%;object-fit:cover;position:relative;z-index:3;border:3px solid rgba(99,102,241,.4);box-shadow:0 0 30px #6366f140}.login-avatar-ring{position:absolute;inset:-6px;border-radius:50%;border:2px solid transparent;border-top-color:var(--primary);border-right-color:var(--accent);animation:login-ring-spin 4s linear infinite;z-index:2}.login-avatar-ring-2{inset:-12px;border-top-color:var(--accent);border-right-color:transparent;border-bottom-color:var(--secondary);animation-duration:6s;animation-direction:reverse;opacity:.5}@keyframes login-ring-spin{to{transform:rotate(360deg)}}.login-avatar-status{position:absolute;bottom:4px;right:4px;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;color:#fff;z-index:5;box-shadow:0 2px 8px #6366f166;border:2px solid rgba(15,20,40,.9)}.login-teacher-name{font-size:1.5rem;font-weight:900;color:#fff;margin:0 0 6px;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-teacher-tagline{display:flex;align-items:center;justify-content:center;gap:6px;color:#ffffff80;font-size:.88rem;font-weight:500}.login-divider{display:flex;align-items:center;gap:14px;margin:24px 0}.login-divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.login-divider-icon{color:#ffffff4d;display:flex}.login-form-section{direction:rtl}.login-title{font-size:1.2rem;font-weight:800;color:var(--text-primary);margin:0 0 6px}.login-subtitle{font-size:.85rem;color:var(--text-muted);margin:0 0 28px;line-height:1.6}.login-otp-container{display:flex;gap:10px;direction:ltr;justify-content:center;margin-bottom:16px}.login-otp-digit{width:52px;height:62px;border-radius:16px;border:2px solid rgba(255,255,255,.08);background:#ffffff08;color:#fff;font-size:1.5rem;font-weight:800;text-align:center;font-family:var(--font);outline:none;caret-color:var(--primary)}.login-otp-digit:focus{border-color:var(--primary);background:#6366f114;box-shadow:0 0 20px #6366f126,inset 0 0 10px #6366f10d}.login-otp-digit.filled{border-color:#6366f14d;background:#6366f10f}.login-code-progress{height:3px;background:#ffffff0d;border-radius:10px;margin-bottom:28px;overflow:hidden}.login-code-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:10px;box-shadow:0 0 10px var(--primary-glow)}.login-submit-btn{position:relative;width:100%;padding:16px 24px;border:none;border-radius:18px;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);color:#fff;font-size:1.1rem;font-weight:800;font-family:var(--font);cursor:pointer;overflow:hidden}.login-submit-btn:not(:disabled):hover{box-shadow:0 8px 30px #6366f166}.login-submit-btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.3)}.login-btn-content{display:flex;align-items:center;justify-content:center;gap:10px;position:relative;z-index:2}.login-btn-glow{position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%);transform:translate(-100%)}.login-submit-btn:not(:disabled):hover .login-btn-glow{transform:translate(100%)}.login-spinner-icon{animation:spin 1s linear infinite}.login-security-badge{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:24px;color:#ffffff40;font-size:.75rem;font-weight:500}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--background)}.login-box{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:40px 32px;box-shadow:0 25px 50px #0000004d;text-align:center}.teacher-badge{margin-bottom:20px}.teacher-badge img{width:80px;height:80px;border-radius:50%}.login-box h1{font-size:1.6rem;font-weight:900;color:var(--text-primary);margin:0 0 8px}.subtitle{font-size:.9rem;color:var(--text-secondary);margin-bottom:28px}@keyframes bounce-in{0%{opacity:0}to{opacity:1}}.animate-bounce{animation:bounce-in .4s cubic-bezier(.2,.8,.2,1) forwards}.student-table{width:100%;border-collapse:separate;border-spacing:0 6px}:root{--danger-glow: rgba(239, 68, 68, .3)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}@media(max-width:768px){.admin-layout{flex-direction:column}.admin-sidebar{display:none}.admin-main{padding:12px 12px 80px}.admin-header{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:16px}.admin-header h1{font-size:1.2rem;gap:8px}.stat-cards{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}.stat-card{padding:12px;gap:10px;flex-direction:column;text-align:center}.stat-icon{width:36px;height:36px;border-radius:10px;font-size:1rem}.stat-info h3{font-size:1.3rem}.stat-info p{font-size:.7rem}.modal-overlay{padding:0;align-items:flex-end}.modal{max-width:100%;max-height:90vh;border-radius:20px 20px 0 0;animation:slide-up-modal .3s ease forwards}.modal-header{padding:16px}.modal-header h3{font-size:1rem}.modal-body{padding:16px;max-height:55vh}.modal-footer{padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.form-input{padding:12px;font-size:16px!important;border-radius:var(--radius-sm)}.form-group{margin-bottom:12px}.form-group label{font-size:.8rem}.input{padding:12px;font-size:16px!important}.btn{padding:12px 20px;min-height:44px;font-size:.9rem}.btn-sm{padding:8px 12px;min-height:36px;font-size:.8rem}.btn-lg{padding:14px 24px}.search-box input,.search-box .form-input{font-size:16px!important}.login-page{padding:16px}.login-card{padding:32px 20px 24px;border-radius:24px}.login-avatar-wrapper{width:100px;height:100px;margin-bottom:16px}.login-avatar-img{width:100px;height:100px}.login-teacher-name{font-size:1.25rem}.login-otp-container{gap:6px}.login-otp-digit{width:44px;height:54px;font-size:1.3rem;border-radius:12px}.login-submit-btn{padding:14px 20px;font-size:1rem;border-radius:14px}.login-orb-1{width:300px;height:300px}.login-orb-2{width:250px;height:250px}.login-orb-3{width:200px;height:200px}.login-container{padding:16px}.login-box{padding:28px 20px;border-radius:var(--radius-lg)}.login-box h1{font-size:1.3rem}.glass-card{border-radius:var(--radius-md)}.loading-container{min-height:200px}}@keyframes slide-up-modal{0%{opacity:0}to{opacity:1}}@media(max-width:380px){.stat-cards{grid-template-columns:1fr 1fr;gap:6px}.stat-card{padding:10px 8px}.stat-info h3{font-size:1.1rem}.modal-body{padding:12px}.btn{padding:10px 16px;font-size:.85rem}}.btn-icon{width:40px;height:40px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff0a;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;padding:0}.btn-icon:hover{background:#ffffff14;border-color:var(--primary);color:var(--primary)}.btn-glass{border:1px solid rgba(255,255,255,.1);background:#ffffff0d;cursor:pointer}.btn-glass:hover{background:#ffffff1a;border-color:#fff3}.loading-spinner{width:40px;height:40px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:60px auto}.news-container{max-width:820px;margin:0 auto;padding-bottom:40px}.news-header-actions{display:flex;justify-content:flex-end;margin-bottom:28px}.news-list{display:flex;flex-direction:column;gap:20px}.news-card{position:relative;overflow:hidden;padding:28px 28px 24px;border-radius:20px;border:1px solid var(--glass-border);background:linear-gradient(145deg,#ffffff0a,#ffffff03);box-shadow:var(--glass-shadow)}.news-card:hover{box-shadow:0 12px 36px -6px #0000004d,0 0 16px -4px var(--primary-glow);border-color:#8b5cf640}.news-card-accent{position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:0 4px 4px 0}.news-card-accent.news-type-news{background:linear-gradient(to bottom,var(--primary),var(--accent))}.news-card-accent.news-type-alert{background:linear-gradient(to bottom,var(--warning),#ef4444)}.news-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:12px}.news-card-info{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.news-type-icon{width:42px;height:42px;min-width:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.news-type-icon.type-news{background:#6366f11f;color:var(--primary)}.news-type-icon.type-alert{background:#eab3081f;color:var(--warning)}.news-card-title{margin:0;font-size:1.1rem;font-weight:800;color:var(--text-primary);line-height:1.5}.news-card-date{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-muted);margin-top:4px}.news-card-actions{display:flex;gap:8px;flex-shrink:0}.news-card-content{font-size:.95rem;line-height:1.7;color:var(--text-secondary);background:#0000001f;padding:18px 20px;border-radius:14px;white-space:pre-wrap;word-break:break-word;border:1px solid rgba(255,255,255,.03)}.news-empty{padding:60px 24px;text-align:center;color:var(--text-muted);border-radius:20px}.news-empty-icon{font-size:3.5rem;margin-bottom:20px;opacity:.4}.news-empty h3{font-size:1.1rem;font-weight:700;color:var(--text-secondary);margin:0}.news-modal-type-selector{display:flex;gap:12px}.news-type-btn{flex:1;padding:14px;border-radius:14px;border:1px solid var(--border);background:#ffffff0a;color:var(--text-secondary);font-weight:700;font-size:.92rem;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:8px;font-family:var(--font)}.news-type-btn.active-news{background:#6366f126;border-color:var(--primary);color:var(--primary);box-shadow:0 0 16px #6366f126}.news-type-btn.active-alert{background:#eab30826;border-color:var(--warning);color:var(--warning);box-shadow:0 0 16px #eab30826}.news-type-btn:hover:not(.active-news):not(.active-alert){background:#ffffff14;border-color:var(--text-muted)}@media(max-width:768px){.news-container{padding-bottom:24px}.news-card{padding:20px 18px 18px;border-radius:16px}.news-card-title{font-size:1rem}.news-type-icon{width:36px;height:36px;min-width:36px;border-radius:10px}.news-card-content{padding:14px 16px;font-size:.9rem;border-radius:12px}.news-modal-type-selector{gap:8px}.news-type-btn{padding:12px;font-size:.85rem;border-radius:12px}.btn-icon{width:36px;height:36px;border-radius:10px}}@media(max-width:380px){.news-card{padding:16px 14px 14px}.news-card-info{gap:10px}.news-card-content{padding:12px 14px}}.toast-container{position:fixed;top:20px;right:20px;z-index:99999;display:flex;flex-direction:column;gap:10px;pointer-events:none;max-width:420px;width:calc(100% - 40px)}.toast{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:var(--radius-md);box-shadow:0 8px 32px #00000059,0 0 0 1px #ffffff0f;font-family:var(--font);font-size:.92rem;font-weight:600;color:#fff;pointer-events:auto;animation:toast-slide-in .4s cubic-bezier(.16,1,.3,1);direction:rtl;line-height:1.5}.toast.success{background:linear-gradient(135deg,#10b981eb,#059669eb);border:1px solid rgba(16,185,129,.4)}.toast.error{background:linear-gradient(135deg,#ef4444eb,#dc2626eb);border:1px solid rgba(239,68,68,.4)}.toast.warning{background:linear-gradient(135deg,#f59e0beb,#d97706eb);border:1px solid rgba(245,158,11,.4)}.toast.info{background:linear-gradient(135deg,#6366f1eb,#4f46e5eb);border:1px solid rgba(99,102,241,.4)}.toast-icon{font-size:1.2rem;flex-shrink:0}.toast-message{flex:1}@keyframes toast-slide-in{0%{opacity:0;transform:translate(40px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@media(max-width:768px){.toast-container{top:10px;right:10px;left:10px;width:auto;max-width:none}.toast{padding:12px 16px;font-size:.85rem;border-radius:var(--radius-sm)}}.leaderboard-container{max-width:900px;margin:0 auto;padding:20px 0 40px}.leaderboard-podium{display:flex;justify-content:center;align-items:flex-end;gap:24px;margin-bottom:60px;min-height:300px;padding:0 16px}.leaderboard-item:hover{transform:translate(4px);background:#ffffff0f!important}.current-user-glow{box-shadow:0 0 20px #6366f133}@media(max-width:768px){.leaderboard-podium{gap:12px;min-height:220px;margin-bottom:30px;padding:0 12px}}@keyframes slideDown{0%{opacity:0}to{opacity:1}}@keyframes whatsapp-pulse{0%,to{box-shadow:0 4px 20px #25d36666}50%{box-shadow:0 4px 30px #25d366b3,0 0 0 8px #25d3661a}}[data-theme=light] .form-input,[data-theme=light] .input{background:var(--bg-secondary)!important;box-shadow:inset 0 1px 2px #0000000a}[data-theme=light] .form-input:focus,[data-theme=light] .input:focus{background:#fff!important;box-shadow:0 0 0 3px var(--primary-glow),inset 0 1px 2px #0000000a}[data-theme=light] .glass-panel,[data-theme=light] .glass-card{background:#fffffffa;border-color:var(--border);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}[data-theme=light] .glass-card:hover{box-shadow:0 4px 12px #00000014,0 0 0 1px var(--primary-glow);border-color:var(--primary-glow)}[data-theme=light] .admin-sidebar{background:#fff;border-left-color:var(--border)}[data-theme=light] .modal-overlay{background:#0f172a66}[data-theme=light] .modal{background:#fff;border:1px solid var(--border);box-shadow:0 25px 50px -12px #00000026}[data-theme=light] .student-rank-list{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:var(--border)}[data-theme=light] .rank-item{background:#fffc;border:1px solid var(--border)}[data-theme=light] .rank-position{color:var(--text-muted)}[data-theme=light] .rank-name{color:var(--text-primary)}[data-theme=light] .podium-base{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);box-shadow:0 8px 20px #0000001a}[data-theme=light] .card,[data-theme=light] .stat-card{background:#fff;border-color:var(--border);box-shadow:0 1px 3px #0000000a}[data-theme=light] .btn-secondary{background:var(--bg-secondary);border-color:var(--border)}[data-theme=light] .btn-primary{box-shadow:0 2px 8px var(--primary-glow)}[data-theme=light] .tabs{background:var(--bg-secondary)}[data-theme=light] .tab.active{background:#fff;box-shadow:0 1px 3px #00000014}[data-theme=light] .question-card{background:#fff;border-color:var(--border)}[data-theme=light] .option-item{background:#fff}[data-theme=light] .option-letter{background:var(--bg-secondary)}[data-theme=light] .skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 37%,#e2e8f0 63%);background-size:400% 100%}[data-theme=light] .text-neon{text-shadow:none;color:var(--primary)}[data-theme=light] select.form-input option,[data-theme=light] select.input option,[data-theme=light] select option{background-color:#fff!important;color:var(--text-primary)!important}:root{color-scheme:dark}[data-theme=light]{color-scheme:light}input:not([type=checkbox]):not([type=radio]),select,textarea,option{background-color:var(--surface)!important;color:var(--text-primary)!important;-webkit-appearance:none;appearance:none}select{background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.4-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:left 1rem top 50%;background-size:.65rem auto;padding-left:2.5rem!important}[data-theme=light] select{background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23020617%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.4-12.8z%22%2F%3E%3C%2Fsvg%3E)}input::placeholder,textarea::placeholder{color:var(--text-muted)!important;opacity:1!important}*{transition:none!important;animation:none!important;-webkit-tap-highlight-color:transparent!important}*:hover{transform:none!important;box-shadow:none!important;filter:none!important}.glass-panel,.glass-card,.admin-sidebar,.admin-header,.card,.btn,.tabs,.tab{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}