@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Tajawal:wght@300;400;500;700;800&family=Fira+Code:wght@400;500;600&display=swap";.loader-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f0f23,#1a1a3e,#0f0f23);z-index:9999;overflow:hidden}.loader-background{position:absolute;width:100%;height:100%;pointer-events:none}.loader-background .gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:float 8s ease-in-out infinite}.loader-background .gradient-orb.orb-1{width:400px;height:400px;background:linear-gradient(135deg,#6366f1,#8b5cf6);top:-100px;left:-100px;animation-delay:0s}.loader-background .gradient-orb.orb-2{width:300px;height:300px;background:linear-gradient(135deg,#06b6d4,#3b82f6);bottom:-50px;right:-50px;animation-delay:-3s}.loader-background .gradient-orb.orb-3{width:250px;height:250px;background:linear-gradient(135deg,#ec4899,#8b5cf6);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-5s}.loader-background .grid-overlay{position:absolute;width:100%;height:100%;background-image:linear-gradient(rgba(99,102,241,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.03) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite}.loader-background .code-rain{position:absolute;width:100%;height:100%;overflow:hidden}.loader-background .code-rain .code-line{position:absolute;color:#6366f14d;font-family:Fira Code,monospace;font-size:1.2rem;font-weight:600;text-shadow:0 0 10px rgba(99,102,241,.5)}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}@keyframes gridMove{0%{transform:perspective(500px) rotateX(60deg) translateY(0)}to{transform:perspective(500px) rotateX(60deg) translateY(50px)}}.loader-content{position:relative;z-index:10;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.icon-container{margin-bottom:10px}.icon-container .main-icon{width:140px;height:140px;filter:drop-shadow(0 0 30px rgba(99,102,241,.5));transition:all .3s ease}.icon-container .main-icon:hover{filter:drop-shadow(0 0 50px rgba(99,102,241,.8));transform:scale(1.05)}.top-title{font-size:1.6rem;font-weight:400;color:#e2e8f0;letter-spacing:3px;display:flex;align-items:center;gap:10px;font-family:Tajawal,Arial,sans-serif}.top-title .highlight{color:#06b6d4;font-weight:600}.name-container{position:relative;display:flex;gap:4px;padding:15px 30px;perspective:1000px;direction:ltr}.name-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:20px;pointer-events:none}.letter{font-size:4.5rem;font-weight:800;cursor:pointer;transition:all .3s ease;font-family:Poppins,Arial,sans-serif}.letter.primary{background:linear-gradient(135deg,#06b6d4,#3b82f6,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 25px rgba(6,182,212,.5))}.letter.secondary{background:linear-gradient(135deg,#8b5cf6,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 25px rgba(139,92,246,.5))}.letter:hover{transform:translateY(-10px) scale(1.1)}.bottom-title{font-size:1.3rem;font-weight:400;color:#94a3b8;letter-spacing:3px;display:flex;align-items:center;gap:12px;font-family:Tajawal,Arial,sans-serif}.bottom-title .code-brackets{color:#6366f1;font-family:Fira Code,monospace;font-weight:600;font-size:1.5rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.loading-bar-container{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:25px}.loading-bar{width:280px;height:5px;background:#6366f126;border-radius:10px;overflow:hidden;position:relative;border:1px solid rgba(99,102,241,.2)}.loading-bar:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.loading-progress{height:100%;background:linear-gradient(90deg,#06b6d4,#6366f1,#8b5cf6);border-radius:10px;position:relative;box-shadow:0 0 20px #6366f199}.loading-progress:after{content:"";position:absolute;top:0;right:0;width:30px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8));filter:blur(3px);animation:progressGlow 1s ease-in-out infinite}@keyframes progressGlow{0%,to{opacity:.5}50%{opacity:1}}.loading-text{font-size:.85rem;color:#64748b;letter-spacing:2px;font-family:Tajawal,Arial,sans-serif}.particles{position:absolute;width:100%;height:100%;pointer-events:none}.particles .particle{position:absolute;width:4px;height:4px;background:linear-gradient(135deg,#6366f1,#06b6d4);border-radius:50%;box-shadow:0 0 10px #6366f1cc}@media(max-width:768px){.icon-container .main-icon{width:100px;height:100px}.letter{font-size:2.8rem}.top-title{font-size:1.1rem;letter-spacing:2px}.bottom-title{font-size:1rem}.bottom-title .code-brackets{font-size:1.2rem}.loading-bar{width:220px}.name-container{gap:2px}}@media(max-width:480px){.icon-container .main-icon{width:80px;height:80px}.letter{font-size:2rem}.top-title{font-size:.95rem}.loading-bar{width:180px}}.auth-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f0f23,#1a1a3e,#0f0f23);position:relative;overflow:hidden;padding:20px;direction:rtl}.auth-background{position:absolute;width:100%;height:100%;pointer-events:none}.auth-background .gradient-sphere{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4}.auth-background .gradient-sphere.sphere-1{width:500px;height:500px;background:linear-gradient(135deg,#6366f1,#8b5cf6);top:-200px;right:-200px;animation:floatSphere 15s ease-in-out infinite}.auth-background .gradient-sphere.sphere-2{width:400px;height:400px;background:linear-gradient(135deg,#06b6d4,#6366f1);bottom:-150px;left:-150px;animation:floatSphere 12s ease-in-out infinite reverse}.auth-background .gradient-sphere.sphere-3{width:300px;height:300px;background:linear-gradient(135deg,#ec4899,#8b5cf6);top:50%;left:50%;transform:translate(-50%,-50%);animation:pulseSphere 8s ease-in-out infinite}.auth-background .floating-shapes{position:absolute;width:100%;height:100%}.auth-background .floating-shapes .shape{position:absolute;border-radius:50%;background:#6366f11a;border:1px solid rgba(99,102,241,.2)}.auth-background .floating-shapes .shape.shape-1{width:80px;height:80px;top:10%;left:10%}.auth-background .floating-shapes .shape.shape-2{width:60px;height:60px;top:20%;right:15%;border-radius:10px}.auth-background .floating-shapes .shape.shape-3{width:100px;height:100px;bottom:15%;left:20%}.auth-background .floating-shapes .shape.shape-4{width:40px;height:40px;bottom:25%;right:10%;border-radius:5px}.auth-background .floating-shapes .shape.shape-5{width:70px;height:70px;top:60%;left:5%}.auth-background .floating-shapes .shape.shape-6{width:50px;height:50px;top:40%;right:5%;border-radius:8px}@keyframes floatSphere{0%,to{transform:translate(0) scale(1)}50%{transform:translate(50px,-50px) scale(1.1)}}@keyframes pulseSphere{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.4}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.6}}.auth-container{width:100%;max-width:450px;background:#1e1e3c99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:30px;border:1px solid rgba(255,255,255,.1);padding:40px;position:relative;z-index:10;box-shadow:0 10px 40px #0003,0 0 60px #6366f11a}.auth-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:30px 30px 0 0}.auth-header{text-align:center;margin-bottom:30px}.auth-header .logo{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #6366f166;position:relative}.auth-header .logo:before{content:"";position:absolute;inset:-3px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);z-index:-1;opacity:.5;animation:logoGlow 3s ease-in-out infinite}.auth-header .logo .logo-text{font-size:1.5rem;font-weight:800;color:#fff;font-family:Fira Code,monospace}.auth-header h1{font-size:2.2rem;font-weight:700;letter-spacing:2px;margin-bottom:10px;font-family:Poppins,Tajawal,sans-serif}.auth-header h1 .brand-code{background:linear-gradient(135deg,#06b6d4,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-header h1 .brand-prof{background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-header .subtitle{font-size:.95rem;color:#94a3b8;font-family:Tajawal,Arial,sans-serif}@keyframes logoGlow{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.3}}.auth-tabs{display:flex;gap:10px;margin-bottom:30px;background:#0003;padding:5px;border-radius:20px}.auth-tabs .tab{flex:1;padding:12px;background:transparent;border:none;color:#94a3b8;font-size:.95rem;font-weight:500;cursor:pointer;border-radius:12px;transition:all .3s ease;font-family:Tajawal,Arial,sans-serif}.auth-tabs .tab.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 0 30px #6366f166}.auth-tabs .tab:hover:not(.active){color:#f8fafc;background:#ffffff0d}.auth-form{display:flex;flex-direction:column;gap:20px}.input-group{position:relative}.input-group .input-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#94a3b8;transition:color .3s ease;z-index:2}.input-group .input-icon svg{width:100%;height:100%;stroke-width:2}.input-group input{width:100%;padding:16px 50px 16px 20px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#f8fafc;font-size:1rem;transition:all .3s ease;font-family:Tajawal,Arial,sans-serif}.input-group input::placeholder{color:#64748b}.input-group input:focus{outline:none;border-color:#6366f1;background:#0006;box-shadow:0 0 20px #6366f133}.input-group input:focus+.input-highlight{transform:scaleX(1)}.input-group input:focus~.input-icon{color:#6366f1}.input-group .input-highlight{position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:0 0 12px 12px;transform:scaleX(0);transition:transform .3s ease}.message{display:flex;align-items:center;gap:10px;padding:12px 15px;border-radius:8px;font-size:.9rem;font-family:Tajawal,Arial,sans-serif}.message svg{width:20px;height:20px;stroke-width:2;flex-shrink:0}.message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f37373}.message.success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#14e8a2}.submit-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 30px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Tajawal,Arial,sans-serif;margin-top:10px}.submit-btn svg{width:20px;height:20px;stroke-width:2;transform:scaleX(-1)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.submit-btn .spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.auth-footer{margin-top:30px}.auth-footer .divider{display:flex;align-items:center;gap:15px;margin-bottom:20px}.auth-footer .divider:before,.auth-footer .divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.auth-footer .divider span{color:#64748b;font-size:.9rem;font-family:Tajawal,Arial,sans-serif}.auth-footer .social-login{display:flex;gap:15px}.auth-footer .social-login .social-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#e2e8f0;font-size:.95rem;cursor:pointer;transition:all .3s ease;font-family:Poppins,Tajawal,sans-serif}.auth-footer .social-login .social-btn svg{width:20px;height:20px}.auth-footer .social-login .social-btn:hover{background:#ffffff0d;border-color:#fff3}.auth-footer .social-login .social-btn.google:hover{border-color:#4285f4;box-shadow:0 0 20px #4285f433}.auth-footer .social-login .social-btn.github:hover{border-color:#fff;box-shadow:0 0 20px #ffffff1a}@media(max-width:768px){.auth-container{padding:30px 20px}.auth-header .logo{width:60px;height:60px}.auth-header .logo .logo-text{font-size:2rem}.auth-header h1{font-size:1.5rem}.social-login{flex-direction:column}}.sidebar{position:fixed;top:0;right:0;height:100vh;background:linear-gradient(180deg,#0f0f23fa,#141432f2,#0f0f23fa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(99,102,241,.2);display:flex;flex-direction:column;z-index:1000;overflow:hidden}.sidebar .sidebar-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.sidebar .sidebar-bg .glow-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.4}.sidebar .sidebar-bg .glow-orb.orb-1{width:200px;height:200px;background:radial-gradient(circle,rgba(99,102,241,.6) 0%,transparent 70%);top:-50px;right:-50px;animation:orbFloat1 8s ease-in-out infinite}.sidebar .sidebar-bg .glow-orb.orb-2{width:150px;height:150px;background:radial-gradient(circle,rgba(6,182,212,.5) 0%,transparent 70%);bottom:20%;left:-30px;animation:orbFloat2 10s ease-in-out infinite}.sidebar .sidebar-header{padding:1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(99,102,241,.15);position:relative;z-index:2}.sidebar .sidebar-header .logo-container{display:flex;align-items:center;gap:.75rem;cursor:pointer}.sidebar .sidebar-header .logo-container .logo-icon{width:42px;height:42px;background:linear-gradient(135deg,#6366f133,#06b6d433);border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(99,102,241,.3)}.sidebar .sidebar-header .logo-container .logo-icon svg{width:24px;height:24px}.sidebar .sidebar-header .logo-container .logo-text{display:flex;flex-direction:row;gap:0}.sidebar .sidebar-header .logo-container .logo-text .brand-code{font-size:1.4rem;font-weight:700;background:linear-gradient(135deg,#06b6d4,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar .sidebar-header .logo-container .logo-text .brand-prof{font-size:1.4rem;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar .sidebar-header .toggle-btn{width:36px;height:36px;border-radius:10px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.sidebar .sidebar-header .toggle-btn svg{width:18px;height:18px}.sidebar .sidebar-header .toggle-btn:hover{background:#6366f133;color:#fff;border-color:#6366f166}.sidebar .sidebar-nav{flex:1;padding:1rem .75rem;overflow-y:auto;position:relative;z-index:2}.sidebar .sidebar-nav::-webkit-scrollbar{width:4px}.sidebar .sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar .sidebar-nav::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:4px}.sidebar .sidebar-nav .menu-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.sidebar .sidebar-nav .menu-list li{position:relative}.sidebar .sidebar-nav .menu-list .menu-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:12px;text-decoration:none;color:#ffffffb3;position:relative;transition:all .3s ease;direction:rtl}.sidebar .sidebar-nav .menu-list .menu-item .active-indicator{position:absolute;inset:0;background:linear-gradient(135deg,#6366f133,#06b6d426);border-radius:12px;border:1px solid rgba(99,102,241,.3);z-index:-1}.sidebar .sidebar-nav .menu-list .menu-item .active-indicator:before{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:linear-gradient(180deg,#6366f1,#06b6d4);border-radius:3px 0 0 3px}.sidebar .sidebar-nav .menu-list .menu-item .menu-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar .sidebar-nav .menu-list .menu-item .menu-icon svg{width:100%;height:100%;stroke-linecap:round;stroke-linejoin:round}.sidebar .sidebar-nav .menu-list .menu-item .menu-label{font-size:.95rem;font-weight:500;white-space:nowrap;font-family:Tajawal,sans-serif}.sidebar .sidebar-nav .menu-list .menu-item .menu-badge{position:absolute;left:12px;top:50%;transform:translateY(-50%);min-width:22px;height:22px;padding:0 6px;background:linear-gradient(135deg,#ef4444,#f97316);border-radius:11px;font-size:.75rem;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ef444466}.sidebar .sidebar-nav .menu-list .menu-item .tooltip{position:absolute;right:calc(100% + 15px);top:50%;transform:translateY(-50%);background:#0f0f23f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.625rem 1rem;border-radius:8px;border:1px solid rgba(99,102,241,.3);font-size:.875rem;color:#fff;white-space:nowrap;pointer-events:none;z-index:1000;box-shadow:0 4px 20px #0000004d;font-family:Tajawal,sans-serif}.sidebar .sidebar-nav .menu-list .menu-item .tooltip:after{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%) rotate(45deg);width:10px;height:10px;background:#0f0f23f2;border-right:1px solid rgba(99,102,241,.3);border-top:1px solid rgba(99,102,241,.3)}.sidebar .sidebar-nav .menu-list .menu-item:hover:not(.active){background:#6366f11a;color:#fff}.sidebar .sidebar-nav .menu-list .menu-item:hover:not(.active) .menu-icon svg{stroke:#06b6d4}.sidebar .sidebar-nav .menu-list .menu-item.active{color:#fff}.sidebar .sidebar-nav .menu-list .menu-item.active .menu-icon svg{stroke:#06b6d4}.sidebar .sidebar-nav .menu-list .menu-item.expandable{cursor:pointer}.sidebar .sidebar-nav .menu-list .menu-item.expandable .expand-icon{margin-right:auto;width:18px;height:18px;display:flex;align-items:center;justify-content:center;opacity:.6;transition:all .3s ease}.sidebar .sidebar-nav .menu-list .menu-item.expandable .expand-icon svg{width:14px;height:14px}.sidebar .sidebar-nav .menu-list .menu-item.expandable:hover .expand-icon{opacity:1}.sidebar .sidebar-nav .menu-list .sub-menu{list-style:none;padding:0;margin:0;overflow:hidden;padding-right:2.5rem}.sidebar .sidebar-nav .menu-list .sub-menu li{margin:.25rem 0}.sidebar .sidebar-nav .menu-list .sub-menu .sub-menu-item{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;border-radius:8px;text-decoration:none;color:#fff9;font-size:.875rem;font-family:Tajawal,sans-serif;transition:all .3s ease;direction:rtl}.sidebar .sidebar-nav .menu-list .sub-menu .sub-menu-item .sub-dot{width:6px;height:6px;border-radius:50%;background:#ffffff4d;transition:all .3s ease}.sidebar .sidebar-nav .menu-list .sub-menu .sub-menu-item:hover{color:#fff;background:#6366f11a}.sidebar .sidebar-nav .menu-list .sub-menu .sub-menu-item:hover .sub-dot{background:#06b6d4;box-shadow:0 0 8px #06b6d480}.sidebar .sidebar-nav .menu-list .sub-menu .sub-menu-item.active{color:#06b6d4;background:#06b6d41a}.sidebar .sidebar-nav .menu-list .sub-menu .sub-menu-item.active .sub-dot{background:#06b6d4;box-shadow:0 0 8px #06b6d480}.sidebar .sidebar-nav .menu-list .has-submenu>.menu-item.active .menu-icon svg{stroke:#06b6d4}.sidebar .sidebar-footer{padding:1rem 1.5rem;border-top:1px solid rgba(99,102,241,.15);position:relative;z-index:2}.sidebar .sidebar-footer .version-info{display:flex;flex-direction:column;align-items:center;gap:.25rem}.sidebar .sidebar-footer .version-info .version{font-size:.75rem;color:#fff6;font-family:Fira Code,monospace}.sidebar .sidebar-footer .version-info .copyright{font-size:.7rem;color:#ffffff4d}@keyframes orbFloat1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-20px,30px) scale(1.1)}}@keyframes orbFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(.9)}}@media(max-width:768px){.sidebar{width:280px!important;transform:translate(100%)}.sidebar.mobile-open{transform:translate(0)}}@media print{.sidebar{display:none!important}}.dashboard-layout{min-height:100vh;background:linear-gradient(135deg,#0a0a1a,#1a1a3a,#0f0f2f);position:relative}.dashboard-layout .main-content{min-height:100vh;transition:margin-right .3s ease;overflow-x:hidden}.dashboard-layout.sidebar-closed .main-content{margin-right:80px}.dashboard-layout.sidebar-open .main-content{margin-right:280px}.dashboard-layout.exam-route{background:#fff!important;background-image:none!important;background-color:#fff!important}.dashboard-layout.exam-route .main-content{background:#fff!important;background-color:#fff!important}body:has(.exam-route){background:#fff!important;background-color:#fff!important}@media(max-width:768px){.dashboard-layout .main-content{margin-right:0!important}}@media print{.dashboard-layout{background:#fff!important;background-color:#fff!important;background-image:none!important;margin:0!important;padding:0!important}.dashboard-layout .main-content{margin:0!important;padding:0!important;background:#fff!important}}.dashboard{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a3e,#0f0f23);position:relative;direction:rtl}.dashboard-background{position:fixed;width:100%;height:100%;pointer-events:none;z-index:0}.dashboard-background .gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3}.dashboard-background .gradient-orb.orb-1{width:600px;height:600px;background:linear-gradient(135deg,#6366f1,#8b5cf6);top:-200px;right:-200px;animation:floatOrb 20s ease-in-out infinite}.dashboard-background .gradient-orb.orb-2{width:400px;height:400px;background:linear-gradient(135deg,#06b6d4,#6366f1);bottom:-100px;left:-100px;animation:floatOrb 15s ease-in-out infinite reverse}@keyframes floatOrb{0%,to{transform:translate(0)}50%{transform:translate(50px,-30px)}}.top-bar{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#0f0f2399;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(99,102,241,.15);margin-bottom:1rem}.top-bar .page-title h1{font-size:1.5rem;font-weight:700;color:#f8fafc;margin:0;font-family:Tajawal,Arial,sans-serif}.top-bar .page-title p{font-size:.9rem;color:#94a3b8;margin:.25rem 0 0;font-family:Tajawal,Arial,sans-serif}.top-bar .user-section{display:flex;align-items:center;gap:1rem}.top-bar .user-section .user-info{text-align:left}.top-bar .user-section .user-info .user-name{display:block;font-size:.9rem;font-weight:500;color:#f8fafc;font-family:Tajawal,Arial,sans-serif}.top-bar .user-section .user-info .user-email{display:block;font-size:.8rem;color:#94a3b8}.top-bar .user-section .logout-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#f37373;cursor:pointer;transition:all .3s ease}.top-bar .user-section .logout-btn svg{width:20px;height:20px}.top-bar .user-section .logout-btn:hover{background:#ef444433;border-color:#ef4444}.dashboard-header{position:relative;z-index:10;background:#0f0f23cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);padding:15px 30px}.dashboard-header .header-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.dashboard-header .logo-section{display:flex;align-items:center;gap:15px}.dashboard-header .logo-section .logo{width:50px;height:50px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;color:#fff;cursor:pointer;box-shadow:0 0 30px #6366f166;font-family:Fira Code,monospace}.dashboard-header .logo-section .brand h1{font-size:1.4rem;font-weight:700;letter-spacing:1px;margin-bottom:2px}.dashboard-header .logo-section .brand h1 .brand-code{background:linear-gradient(135deg,#06b6d4,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-header .logo-section .brand h1 .brand-prof{background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-header .logo-section .brand p{font-size:.8rem;color:#94a3b8;font-family:Tajawal,Arial,sans-serif}.dashboard-header .user-section{display:flex;align-items:center;gap:20px}.dashboard-header .user-section .user-info{text-align:left}.dashboard-header .user-section .user-info .user-name{display:block;font-size:.95rem;font-weight:500;color:#f8fafc;font-family:Tajawal,Arial,sans-serif}.dashboard-header .user-section .user-info .user-email{display:block;font-size:.8rem;color:#94a3b8}.dashboard-header .user-section .logout-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#f37373;font-size:.9rem;cursor:pointer;transition:all .3s ease;font-family:Tajawal,Arial,sans-serif}.dashboard-header .user-section .logout-btn svg{width:18px;height:18px;stroke-width:2}.dashboard-header .user-section .logout-btn:hover{background:#ef444433;border-color:#ef4444}.dashboard-main{position:relative;z-index:10;max-width:1400px;margin:0 auto;padding:30px}.welcome-card{background:#1e1e3c99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:30px;border:1px solid rgba(255,255,255,.1);padding:40px;display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;position:relative;overflow:hidden}.welcome-card:before{content:"";position:absolute;top:0;right:0;width:100%;height:3px;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.welcome-card .welcome-content h2{font-size:2rem;font-weight:700;color:#f8fafc;margin-bottom:15px;font-family:Tajawal,Arial,sans-serif}.welcome-card .welcome-content p{font-size:1.1rem;color:#94a3b8;font-family:Tajawal,Arial,sans-serif}.welcome-card .welcome-content p strong{color:#818cf8}.welcome-card .welcome-illustration .code-icon{font-size:5rem;font-weight:800;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Fira Code,monospace;opacity:.8}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#1e1e3c99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.1);padding:25px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all .3s ease}.stat-card .stat-icon{font-size:2.5rem;margin-bottom:15px}.stat-card .stat-value{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:5px}.stat-card .stat-label{font-size:.95rem;color:#94a3b8;font-family:Tajawal,Arial,sans-serif}.quick-actions{background:#1e1e3c99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:30px;border:1px solid rgba(255,255,255,.1);padding:30px}.quick-actions h3{font-size:1.3rem;font-weight:600;color:#f8fafc;margin-bottom:20px;font-family:Tajawal,Arial,sans-serif}.quick-actions .actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.quick-actions .action-btn{display:flex;align-items:center;gap:15px;padding:20px 25px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#e2e8f0;font-size:1rem;cursor:pointer;transition:all .3s ease;font-family:Tajawal,Arial,sans-serif}.quick-actions .action-btn .action-icon{font-size:1.5rem}.quick-actions .action-btn:hover{background:rgba(var(--action-color),.1);border-color:var(--action-color);box-shadow:0 0 30px rgba(var(--action-color),.2)}@media(max-width:768px){.dashboard-header{padding:15px}.dashboard-header .header-content{flex-direction:column;gap:20px}.dashboard-header .user-section{width:100%;justify-content:space-between}.dashboard-main{padding:20px}.welcome-card{flex-direction:column;text-align:center;gap:20px;padding:30px 20px}.welcome-card .welcome-content h2{font-size:1.5rem}.welcome-card .welcome-illustration .code-icon{font-size:3rem}.stats-grid{grid-template-columns:repeat(2,1fr)}}.lab-page{min-height:100vh;background:linear-gradient(135deg,#0a0a1a,#1a1a3a,#0f0f2f);padding:2rem;direction:rtl}.lab-page .lab-header{margin-bottom:2rem}.lab-page .lab-header .header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}.lab-page .lab-header .header-content .title-section{display:flex;align-items:center;gap:1rem}.lab-page .lab-header .header-content .title-section .lab-icon{width:60px;height:60px;background:linear-gradient(135deg,#6366f133,#06b6d433);border-radius:16px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(99,102,241,.3)}.lab-page .lab-header .header-content .title-section .lab-icon svg{width:32px;height:32px;color:#06b6d4}.lab-page .lab-header .header-content .title-section h1{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#fff,#c7d2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;font-family:Tajawal,sans-serif}.lab-page .lab-header .header-content .title-section p{color:#fff9;font-size:.9rem;margin:.25rem 0 0;font-family:Tajawal,sans-serif}.lab-page .lab-header .header-content .header-actions{display:flex;align-items:center;gap:1rem}.lab-page .lab-header .header-content .header-actions .search-box{position:relative}.lab-page .lab-header .header-content .header-actions .search-box svg{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#fff6}.lab-page .lab-header .header-content .header-actions .search-box input{width:280px;padding:.75rem 2.5rem .75rem 1rem;background:#ffffff0d;border:1px solid rgba(99,102,241,.2);border-radius:12px;color:#fff;font-size:.9rem;font-family:Tajawal,sans-serif;direction:rtl;transition:all .3s ease}.lab-page .lab-header .header-content .header-actions .search-box input::placeholder{color:#fff6}.lab-page .lab-header .header-content .header-actions .search-box input:focus{outline:none;border-color:#6366f180;background:#ffffff14}.lab-page .lab-header .header-content .header-actions .view-toggle{display:flex;background:#ffffff0d;border-radius:10px;padding:4px;border:1px solid rgba(99,102,241,.2)}.lab-page .lab-header .header-content .header-actions .view-toggle button{width:36px;height:36px;border:none;background:transparent;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.lab-page .lab-header .header-content .header-actions .view-toggle button svg{width:18px;height:18px;color:#ffffff80}.lab-page .lab-header .header-content .header-actions .view-toggle button.active{background:linear-gradient(135deg,#6366f14d,#06b6d44d)}.lab-page .lab-header .header-content .header-actions .view-toggle button.active svg{color:#06b6d4}.lab-page .lab-header .header-content .header-actions .view-toggle button:hover:not(.active){background:#ffffff1a}.lab-page .lab-header .stats-bar{display:flex;gap:1rem;flex-wrap:wrap}.lab-page .lab-header .stats-bar .stat-item{flex:1;min-width:150px;padding:1rem 1.5rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;gap:.25rem}.lab-page .lab-header .stats-bar .stat-item .stat-value{font-size:2rem;font-weight:700;font-family:Fira Code,monospace}.lab-page .lab-header .stats-bar .stat-item .stat-label{font-size:.85rem;color:#fff9;font-family:Tajawal,sans-serif}.lab-page .lab-header .stats-bar .stat-item.total{border-color:#6366f14d}.lab-page .lab-header .stats-bar .stat-item.total .stat-value{color:#8b5cf6}.lab-page .lab-header .stats-bar .stat-item.available{border-color:#10b9814d}.lab-page .lab-header .stats-bar .stat-item.available .stat-value{color:#10b981}.lab-page .lab-header .stats-bar .stat-item.occupied{border-color:#06b6d44d}.lab-page .lab-header .stats-bar .stat-item.occupied .stat-value{color:#06b6d4}.lab-page .lab-header .stats-bar .stat-item.maintenance{border-color:#f59e0b4d}.lab-page .lab-header .stats-bar .stat-item.maintenance .stat-value{color:#f59e0b}.lab-page .lab-content .teacher-desk{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem 3rem;background:linear-gradient(135deg,#8b5cf626,#6366f11a);border:2px solid rgba(139,92,246,.3);border-radius:16px;margin-bottom:2rem;max-width:300px;margin-left:auto;margin-right:auto}.lab-page .lab-content .teacher-desk .desk-icon{width:48px;height:48px;background:#8b5cf633;border-radius:12px;display:flex;align-items:center;justify-content:center}.lab-page .lab-content .teacher-desk .desk-icon svg{width:28px;height:28px;color:#a78bfa}.lab-page .lab-content .teacher-desk span{font-size:1.1rem;font-weight:600;color:#c4b5fd;font-family:Tajawal,sans-serif}.lab-page .lab-content .computers-grid{display:flex;flex-direction:column;gap:1.5rem}.lab-page .lab-content .computers-grid .computer-row{display:flex;align-items:center;gap:1rem}.lab-page .lab-content .computers-grid .computer-row .row-label{min-width:80px;font-size:.85rem;color:#ffffff80;font-family:Tajawal,sans-serif;text-align:center}.lab-page .lab-content .computers-grid .computer-row .row-computers{display:flex;gap:1rem;flex-wrap:wrap;flex:1;justify-content:center}.lab-page .lab-content .computers-grid .computer-desk{width:140px;padding:1rem;background:#ffffff08;border:1px solid rgba(99,102,241,.2);border-radius:12px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease}.lab-page .lab-content .computers-grid .computer-desk .computer-number{font-size:.75rem;color:#ffffff80;font-family:Fira Code,monospace;margin-bottom:.5rem}.lab-page .lab-content .computers-grid .computer-desk .computer-icon{display:flex;justify-content:center;margin-bottom:.5rem}.lab-page .lab-content .computers-grid .computer-desk .computer-icon svg{width:36px;height:36px;color:#fff9}.lab-page .lab-content .computers-grid .computer-desk .student-info{text-align:center}.lab-page .lab-content .computers-grid .computer-desk .student-info .student-name{display:block;font-size:.85rem;color:#fff;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Tajawal,sans-serif}.lab-page .lab-content .computers-grid .computer-desk .student-info .student-class{display:block;font-size:.75rem;color:#ffffff80;font-family:Tajawal,sans-serif}.lab-page .lab-content .computers-grid .computer-desk .status-indicator{position:absolute;top:8px;left:8px;width:10px;height:10px;border-radius:50%;background:#10b981;box-shadow:0 0 10px #10b98180}.lab-page .lab-content .computers-grid .computer-desk.available:hover{border-color:#10b98180;background:#10b9811a}.lab-page .lab-content .computers-grid .computer-desk.available .status-indicator{background:#10b981;box-shadow:0 0 10px #10b98180}.lab-page .lab-content .computers-grid .computer-desk.occupied{border-color:#06b6d44d;background:#06b6d40d}.lab-page .lab-content .computers-grid .computer-desk.occupied:hover{border-color:#06b6d480;background:#06b6d41a}.lab-page .lab-content .computers-grid .computer-desk.occupied .computer-icon svg{color:#06b6d4}.lab-page .lab-content .computers-grid .computer-desk.occupied .status-indicator{background:#06b6d4;box-shadow:0 0 10px #06b6d480}.lab-page .lab-content .computers-grid .computer-desk.maintenance{border-color:#f59e0b4d;background:#f59e0b0d;cursor:not-allowed;opacity:.7}.lab-page .lab-content .computers-grid .computer-desk.maintenance .computer-icon svg{color:#f59e0b}.lab-page .lab-content .computers-grid .computer-desk.maintenance .status-indicator{background:#f59e0b;box-shadow:0 0 10px #f59e0b80}.lab-page .lab-content .computers-list{display:flex;flex-direction:column;gap:.5rem}.lab-page .lab-content .computers-list .computer-list-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#ffffff08;border:1px solid rgba(99,102,241,.2);border-radius:12px;cursor:pointer;transition:all .3s ease}.lab-page .lab-content .computers-list .computer-list-item:hover{background:#ffffff0f;border-color:#6366f166}.lab-page .lab-content .computers-list .computer-list-item .list-item-icon{width:44px;height:44px;background:#6366f11a;border-radius:10px;display:flex;align-items:center;justify-content:center}.lab-page .lab-content .computers-list .computer-list-item .list-item-icon svg{width:24px;height:24px;color:#8b5cf6}.lab-page .lab-content .computers-list .computer-list-item .list-item-info{display:flex;align-items:center;gap:.75rem}.lab-page .lab-content .computers-list .computer-list-item .list-item-info .computer-id{font-family:Fira Code,monospace;font-size:.9rem;color:#fff}.lab-page .lab-content .computers-list .computer-list-item .list-item-info .status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-family:Tajawal,sans-serif}.lab-page .lab-content .computers-list .computer-list-item .list-item-info .status-badge.available{background:#10b98133;color:#10b981}.lab-page .lab-content .computers-list .computer-list-item .list-item-info .status-badge.occupied{background:#06b6d433;color:#06b6d4}.lab-page .lab-content .computers-list .computer-list-item .list-item-info .status-badge.maintenance{background:#f59e0b33;color:#f59e0b}.lab-page .lab-content .computers-list .computer-list-item .list-item-student{margin-right:auto;text-align:left}.lab-page .lab-content .computers-list .computer-list-item .list-item-student span{display:block}.lab-page .lab-content .computers-list .computer-list-item .list-item-student span:first-child{font-size:.9rem;color:#fff;font-family:Tajawal,sans-serif}.lab-page .lab-content .computers-list .computer-list-item .list-item-student span:last-child{font-size:.8rem;color:#ffffff80;font-family:Tajawal,sans-serif}.lab-page .lab-content .computers-list .computer-list-item.occupied .list-item-icon{background:#06b6d41a}.lab-page .lab-content .computers-list .computer-list-item.occupied .list-item-icon svg{color:#06b6d4}.lab-page .lab-content .computers-list .computer-list-item.maintenance{opacity:.7}.lab-page .lab-content .computers-list .computer-list-item.maintenance .list-item-icon{background:#f59e0b1a}.lab-page .lab-content .computers-list .computer-list-item.maintenance .list-item-icon svg{color:#f59e0b}.lab-page .modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.lab-page .modal-overlay .modal-content{width:100%;max-width:420px;background:linear-gradient(135deg,#1a1a3a,#0f0f2f);border:1px solid rgba(99,102,241,.3);border-radius:20px;overflow:hidden}.lab-page .modal-overlay .modal-content .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid rgba(99,102,241,.2)}.lab-page .modal-overlay .modal-content .modal-header h2{font-size:1.25rem;font-weight:600;color:#fff;font-family:Fira Code,monospace;margin:0}.lab-page .modal-overlay .modal-content .modal-header .close-btn{width:36px;height:36px;border:none;background:#ffffff0d;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.lab-page .modal-overlay .modal-content .modal-header .close-btn svg{width:18px;height:18px;color:#fff9}.lab-page .modal-overlay .modal-content .modal-header .close-btn:hover{background:#ef444433}.lab-page .modal-overlay .modal-content .modal-header .close-btn:hover svg{color:#ef4444}.lab-page .modal-overlay .modal-content .modal-body{padding:1.5rem}.lab-page .modal-overlay .modal-content .modal-body .current-student{display:flex;flex-direction:column;align-items:center;gap:1rem}.lab-page .modal-overlay .modal-content .modal-body .current-student .student-avatar{width:80px;height:80px;background:linear-gradient(135deg,#06b6d433,#6366f133);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(6,182,212,.3)}.lab-page .modal-overlay .modal-content .modal-body .current-student .student-avatar svg{width:40px;height:40px;color:#06b6d4}.lab-page .modal-overlay .modal-content .modal-body .current-student .student-details{text-align:center}.lab-page .modal-overlay .modal-content .modal-body .current-student .student-details h3{font-size:1.25rem;color:#fff;margin:0;font-family:Tajawal,sans-serif}.lab-page .modal-overlay .modal-content .modal-body .current-student .student-details p{font-size:.9rem;color:#fff9;margin:.25rem 0 0;font-family:Tajawal,sans-serif}.lab-page .modal-overlay .modal-content .modal-body .current-student .remove-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#f87171;font-size:.9rem;font-family:Tajawal,sans-serif;cursor:pointer;transition:all .3s ease}.lab-page .modal-overlay .modal-content .modal-body .current-student .remove-btn svg{width:18px;height:18px}.lab-page .modal-overlay .modal-content .modal-body .current-student .remove-btn:hover{background:#ef444433;border-color:#ef444480}.lab-page .modal-overlay .modal-content .modal-body .empty-computer{text-align:center;padding:1rem 0}.lab-page .modal-overlay .modal-content .modal-body .empty-computer .empty-icon{width:80px;height:80px;background:#ffffff0d;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.lab-page .modal-overlay .modal-content .modal-body .empty-computer .empty-icon svg{width:40px;height:40px;color:#fff6}.lab-page .modal-overlay .modal-content .modal-body .empty-computer p{color:#fff9;margin-bottom:1rem;font-family:Tajawal,sans-serif}.lab-page .modal-overlay .modal-content .modal-body .empty-computer .assign-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#6366f133,#06b6d433);border:1px solid rgba(99,102,241,.3);border-radius:10px;color:#fff;font-size:.9rem;font-family:Tajawal,sans-serif;cursor:pointer;transition:all .3s ease}.lab-page .modal-overlay .modal-content .modal-body .empty-computer .assign-btn svg{width:18px;height:18px}.lab-page .modal-overlay .modal-content .modal-body .empty-computer .assign-btn:hover{background:linear-gradient(135deg,#6366f14d,#06b6d44d);border-color:#6366f180}.lab-page .modal-overlay .modal-content .modal-body .add-student-form h3{font-size:1rem;color:#fff;margin:0 0 1rem;font-family:Tajawal,sans-serif;text-align:center}.lab-page .modal-overlay .modal-content .modal-body .add-student-form .form-group{margin-bottom:1rem}.lab-page .modal-overlay .modal-content .modal-body .add-student-form .form-group label{display:block;font-size:.85rem;color:#ffffffb3;margin-bottom:.5rem;font-family:Tajawal,sans-serif}.lab-page .modal-overlay .modal-content .modal-body .add-student-form .form-group input{width:100%;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(99,102,241,.2);border-radius:10px;color:#fff;font-size:.9rem;font-family:Tajawal,sans-serif;direction:rtl;transition:all .3s ease}.lab-page .modal-overlay .modal-content .modal-body .add-student-form .form-group input::placeholder{color:#fff6}.lab-page .modal-overlay .modal-content .modal-body .add-student-form .form-group input:focus{outline:none;border-color:#6366f180;background:#ffffff14}.lab-page .modal-overlay .modal-content .modal-body .add-student-form .form-actions{display:flex;gap:.75rem;margin-top:1.5rem}.lab-page .modal-overlay .modal-content .modal-body .add-student-form .form-actions button{flex:1;padding:.75rem;border-radius:10px;font-size:.9rem;font-family:Tajawal,sans-serif;cursor:pointer;transition:all .3s ease}.lab-page .modal-overlay .modal-content .modal-body .add-student-form .form-actions .cancel-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#ffffffb3}.lab-page .modal-overlay .modal-content .modal-body .add-student-form .form-actions .cancel-btn:hover{background:#ffffff1a}.lab-page .modal-overlay .modal-content .modal-body .add-student-form .form-actions .confirm-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff}.lab-page .modal-overlay .modal-content .modal-body .add-student-form .form-actions .confirm-btn:hover:not(:disabled){filter:brightness(1.1)}.lab-page .modal-overlay .modal-content .modal-body .add-student-form .form-actions .confirm-btn:disabled{opacity:.5;cursor:not-allowed}.lab-page .modal-overlay .modal-content .modal-footer{padding:1rem 1.5rem;border-top:1px solid rgba(99,102,241,.2)}.lab-page .modal-overlay .modal-content .modal-footer .maintenance-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:10px;color:#f59e0b;font-size:.9rem;font-family:Tajawal,sans-serif;cursor:pointer;transition:all .3s ease}.lab-page .modal-overlay .modal-content .modal-footer .maintenance-btn svg{width:18px;height:18px}.lab-page .modal-overlay .modal-content .modal-footer .maintenance-btn:hover{background:#f59e0b33}.lab-page .modal-overlay .modal-content .modal-footer .maintenance-btn.active{background:#10b9811a;border-color:#10b9814d;color:#10b981}@media(max-width:768px){.lab-page{padding:1rem}.lab-page .lab-header .header-content{flex-direction:column;align-items:stretch}.lab-page .lab-header .header-content .header-actions{flex-wrap:wrap;justify-content:center}.lab-page .lab-header .header-content .header-actions .search-box input{width:100%}.lab-page .lab-header .stats-bar .stat-item{min-width:calc(50% - .5rem)}.lab-page .lab-content .computers-grid .computer-row{flex-direction:column}.lab-page .lab-content .computers-grid .computer-row .row-computers{justify-content:flex-start}.lab-page .lab-content .computers-grid .computer-desk{width:calc(50% - .5rem)}}.lab-documents-container.container{background:transparent!important}.lab-documents-container .header{background:#ffffff08!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.2)!important}.lab-documents-container .header h1{color:#a5b4fc!important}.lab-documents-container .header p{color:#fff9!important}.lab-documents-container .upload-section{background:#ffffff08!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.2)!important}.lab-documents-container .file-label{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important}.lab-documents-container .stat-badge{background:linear-gradient(135deg,#8b5cf64d,#ec48994d)!important}.lab-documents-container .filters-section{background:#ffffff08!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.2)!important}.lab-documents-container .filter-group label{color:#fffc!important}.lab-documents-container .filter-select{background:#0f0f23cc!important;border:1px solid rgba(99,102,241,.3)!important;color:#fff!important}.lab-documents-container .filter-select option{background:#1a1a3a;color:#fff}.lab-documents-container .lab-button{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important}.lab-documents-container .lab-view{background:#ffffff08!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.2)!important}.lab-documents-container .lab-header h2{color:#22d3ee!important}.lab-documents-container .lab-header p{color:#fff9!important}.lab-documents-container .results-section{background:#ffffff08!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.2)!important}.lab-documents-container .class-card{background:#ffffff05!important;border:1px solid rgba(99,102,241,.15)!important}.lab-documents-container .class-header{background:linear-gradient(135deg,#6366f126,#06b6d41a)!important}.lab-documents-container .class-header h3{color:#a5b4fc!important}.lab-documents-container .group-card{background:#ffffff05!important;border:1px solid rgba(99,102,241,.15)!important}.lab-documents-container .group-header{background:#06b6d41a!important}.lab-documents-container .group-header h4{color:#22d3ee!important}.lab-documents-container .group-header span{background:#06b6d433!important;color:#22d3ee!important}.lab-documents-container .student-item{color:#fffc!important}.lab-documents-container .student-item.male-student{background:#3b82f614!important;border-right-color:#3b82f6!important;color:#60a5fa!important}.lab-documents-container .student-item.female-student{background:#ec489914!important;border-right-color:#ec4899!important;color:#f472b6!important}.lab-documents-container .computer-card{background:#ffffff08!important;border:1px solid rgba(99,102,241,.2)!important}.lab-documents-container .computer-number{color:#8b5cf6!important}.lab-documents-container .distribution-controls{background:#ffffff05!important;border:1px solid rgba(99,102,241,.15)!important}.lab-documents-container .control-group label{color:#fffc!important}.lab-documents-container .control-select{background:#0f0f23cc!important;border:1px solid rgba(99,102,241,.3)!important;color:#fff!important}.lab-documents-container .view-tabs{background:#ffffff05!important}.lab-documents-container .view-tab{color:#fff9!important}.lab-documents-container .view-tab.active{background:linear-gradient(135deg,#6366f133,#06b6d426)!important;color:#22d3ee!important}.lab-documents-container .manual-editor-modal,.lab-documents-container .lab-log-modal{background:#000c!important}.lab-documents-container .modal-content{background:linear-gradient(135deg,#1a1a3a,#0f0f2f)!important;border:1px solid rgba(99,102,241,.3)!important}.lab-documents-container .modal-header h3{color:#fff!important}.lab-documents-container .modal-close{background:#ef44441a!important;color:#f87171!important}.lab-documents-container .save-modal-btn{background:linear-gradient(135deg,#10b981,#34d399)!important}.lab-documents-container .cancel-modal-btn{background:#ffffff0d!important;color:#fffc!important}.lab-documents-container .lab-log-container{background:#ffffff05!important;border:1px solid rgba(99,102,241,.2)!important}.lab-documents-container .lab-log-header{background:linear-gradient(135deg,#6366f126,#06b6d41a)!important}.lab-documents-container .lab-log-header h2{color:#a5b4fc!important}.lab-documents-container .lab-log-header p{color:#ffffff80!important}.lab-documents-container .lab-log-table th,.lab-documents-container .compact-table th{background:#6366f11a!important;color:#a5b4fc!important}.lab-documents-container .lab-log-table td,.lab-documents-container .compact-table td{color:#fffc!important}.lab-documents-container .edit-btn{background:#6366f133!important;color:#a5b4fc!important}.lab-documents-container .delete-btn{background:#ef444433!important;color:#f87171!important}.lab-documents-container .compact-table-wrapper{border-color:#6366f133!important}.lab-documents-container .compact-table-header{background:linear-gradient(135deg,#6366f126,#06b6d41a)!important}.lab-documents-container .compact-table-header h3{color:#a5b4fc!important}.lab-documents-container .section-stats{background:#ffffff05!important}.lab-documents-container .section-stats h3{color:#a5b4fc!important}.lab-documents-container .stat-item{background:#ffffff05!important}.lab-documents-container .stat-item .stat-label{color:#fff9!important}.lab-documents-container .stat-item .stat-value{color:#22d3ee!important}.lab-documents-container .class-editor-section{background:#ffffff05!important}.lab-documents-container .class-name-header{color:#a5b4fc!important}.lab-documents-container .group-editor{background:#ffffff03!important}.lab-documents-container .group-editor-header h4{color:#22d3ee!important}.lab-documents-container .draggable-student{background:#ffffff08!important;color:#fffc!important}.lab-documents-container .form-group label{color:#fffc!important}.lab-documents-container .form-group input,.lab-documents-container .form-group textarea{background:#0f0f23cc!important;border:1px solid rgba(99,102,241,.3)!important;color:#fff!important}@media print{.lab-documents-container.container{background:#fff!important}}.notes-page{min-height:100vh;padding:5rem 1rem 1rem;direction:rtl;font-family:Tajawal,Amiri,sans-serif}.notes-page .floating-toolbar{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#0f172af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.3);border-radius:16px;box-shadow:0 10px 40px #0000004d,0 0 0 1px #ffffff0d inset}.notes-page .floating-toolbar .toolbar-section{display:flex;align-items:center;gap:.375rem}.notes-page .floating-toolbar .toolbar-section.type-selector .type-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff9;font-size:.85rem;font-family:Tajawal,sans-serif;cursor:pointer;transition:all .3s ease}.notes-page .floating-toolbar .toolbar-section.type-selector .type-btn svg{width:16px;height:16px}.notes-page .floating-toolbar .toolbar-section.type-selector .type-btn:hover{background:#ffffff0d;color:#fff}.notes-page .floating-toolbar .toolbar-section.type-selector .type-btn.active{background:linear-gradient(135deg,#6366f14d,#06b6d433);border-color:#6366f180;color:#fff}.notes-page .floating-toolbar .toolbar-section .tool-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff9;cursor:pointer;transition:all .3s ease}.notes-page .floating-toolbar .toolbar-section .tool-btn svg{width:18px;height:18px}.notes-page .floating-toolbar .toolbar-section .tool-btn:hover{background:#10b98126;border-color:#10b98166;color:#10b981}.notes-page .floating-toolbar .toolbar-section.actions .action-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border:none;border-radius:10px;font-size:.85rem;font-family:Tajawal,sans-serif;cursor:pointer;transition:all .3s ease}.notes-page .floating-toolbar .toolbar-section.actions .action-btn svg{width:16px;height:16px}.notes-page .floating-toolbar .toolbar-section.actions .action-btn.print{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.notes-page .floating-toolbar .toolbar-section.actions .action-btn.print:hover{box-shadow:0 4px 15px #6366f166}.notes-page .floating-toolbar .toolbar-section.actions .action-btn.export{background:#06b6d426;color:#22d3ee;border:1px solid rgba(6,182,212,.3)}.notes-page .floating-toolbar .toolbar-section.actions .action-btn.export:hover{background:#06b6d440}.notes-page .floating-toolbar .toolbar-divider{width:1px;height:24px;background:#ffffff1a;margin:0 .25rem}.notes-page .document-container{max-width:297mm;margin:0 auto;padding:1rem}.notes-page .document{background:linear-gradient(180deg,#fff,#f8fafc);border-radius:4px;box-shadow:0 25px 80px #0006,0 10px 30px #0003,0 0 0 1px #0000000d;padding:1.5rem 2rem;min-height:210mm;position:relative;overflow:hidden}.notes-page .document:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#6366f1,#06b6d4,#10b981)}.notes-page .document:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.015;pointer-events:none}.notes-page .doc-header{margin-bottom:1.5rem}.notes-page .doc-header .header-top{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0;margin-bottom:1rem}.notes-page .doc-header .header-top .header-cell{display:flex;flex-direction:column;gap:.25rem}.notes-page .doc-header .header-top .header-cell.right{text-align:right}.notes-page .doc-header .header-top .header-cell.center{display:flex;align-items:center;justify-content:center}.notes-page .doc-header .header-top .header-cell.left{text-align:left}.notes-page .doc-header .header-top .header-cell .header-input{background:transparent;border:1px dashed transparent;padding:.25rem .5rem;font-size:.9rem;font-weight:600;color:#1e293b;text-align:inherit;border-radius:4px}.notes-page .doc-header .header-top .header-cell .header-input:hover{border-color:#cbd5e1;background:#ffffff80}.notes-page .doc-header .header-top .header-cell .header-input:focus{border-color:#6366f1;border-style:solid;background:#fff}.notes-page .doc-header .header-top .header-cell .header-input.sub{font-size:.8rem;font-weight:500;color:#64748b}.notes-page .doc-header .header-top .header-cell .header-input.inline{display:inline;width:auto;min-width:80px;padding:.125rem .375rem}.notes-page .doc-header .header-top .header-cell .header-field{display:flex;align-items:center;gap:.25rem}.notes-page .doc-header .header-top .header-cell .header-field .field-label{font-size:.85rem;color:#334155;white-space:nowrap}.notes-page .doc-header .header-top .header-cell .label{font-size:.9rem;font-weight:600;color:#1e293b}.notes-page .doc-header .header-top .header-cell .sub-label{font-size:.8rem;color:#64748b}.notes-page .doc-header .header-top .header-cell .logo-placeholder{width:50px;height:50px;background:linear-gradient(135deg,#6366f1,#06b6d4);border-radius:12px;display:flex;align-items:center;justify-content:center}.notes-page .doc-header .header-top .header-cell .logo-placeholder svg{width:28px;height:28px;color:#fff}.notes-page .doc-header .header-info .info-row{display:flex;justify-content:space-between;gap:2rem}.notes-page .doc-header .header-info .info-item{display:flex;align-items:center;gap:.5rem;flex:1}.notes-page .doc-header .header-info .info-item .info-label{font-weight:600;color:#334155;font-size:.9rem;white-space:nowrap}.notes-page .doc-header .header-info .info-item .editable-cell{flex:1}.notes-page .doc-title{text-align:center;margin:1rem 0}.notes-page .doc-title .title-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.5rem;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:50px;box-shadow:0 4px 20px #6366f14d}.notes-page .doc-title .title-badge.correction-badge{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 20px #10b9814d}.notes-page .doc-title .title-badge .title-text{color:#fff;font-size:1rem;font-weight:700}.notes-page .doc-title .title-badge .number-input{width:50px;background:#fff3;border:none;border-radius:8px;padding:.25rem .5rem;color:#fff;font-size:1rem;font-weight:700;text-align:center}.notes-page .doc-title .title-badge .number-input::placeholder{color:#ffffff80}.notes-page .doc-section{margin:1.25rem 0;padding:1rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.notes-page .doc-section .section-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.notes-page .doc-section .section-row:last-child{margin-bottom:0}.notes-page .doc-section .section-row .section-label{font-weight:600;color:#6366f1;font-size:.9rem;white-space:nowrap;min-width:100px}.notes-page .competency-section{background:linear-gradient(135deg,#6366f10d,#06b6d40d);border-color:#6366f133}.notes-page .competency-section .competency-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:#6366f1;font-weight:700;font-size:1rem}.notes-page .competency-section .competency-header svg{width:20px;height:20px}.notes-page .competency-section .competency-input{min-height:60px}.notes-page .meta-section{display:flex;flex-wrap:wrap;gap:1rem;background:#f1f5f9}.notes-page .meta-section .meta-item{display:flex;align-items:center;gap:.5rem;flex:1;min-width:200px}.notes-page .meta-section .meta-item svg{width:18px;height:18px;color:#06b6d4;flex-shrink:0}.notes-page .meta-section .meta-item .meta-label{font-weight:600;color:#334155;font-size:.85rem;white-space:nowrap}.notes-page .meta-section .meta-item.resources{flex:2}.notes-page .editable-cell{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.5rem .75rem;font-size:.9rem;font-family:Tajawal,sans-serif;color:#1e293b;width:100%;transition:all .3s ease;direction:rtl;resize:none}.notes-page .editable-cell:hover{border-color:#cbd5e1}.notes-page .editable-cell:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.notes-page .editable-cell::placeholder{color:#94a3b8;font-style:italic}.notes-page .editable-cell.wide-input{flex:1}.notes-page textarea.editable-cell{min-height:60px;line-height:1.6}.notes-page .phases-table-container{margin:1.5rem 0;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000000d}.notes-page .phases-table{width:100%;border-collapse:collapse;background:#fff}.notes-page .phases-table th,.notes-page .phases-table td{border:1px solid #e2e8f0;padding:.75rem;text-align:right;vertical-align:top}.notes-page .phases-table thead th{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;font-weight:600;font-size:.75rem;padding:.5rem .25rem}.notes-page .phases-table thead th .header-input{background:transparent;border:1px dashed transparent;color:#fff;font-weight:600;font-size:.75rem;text-align:center;padding:.25rem;width:100%}.notes-page .phases-table thead th .header-input:hover{border-color:#ffffff4d;background:#ffffff1a}.notes-page .phases-table thead th .header-input:focus{border-color:#ffffff80;border-style:solid;background:#ffffff26;outline:none}.notes-page .phases-table thead th.col-duration{width:80px}.notes-page .phases-table thead th.col-indicators,.notes-page .phases-table thead th.col-methodology,.notes-page .phases-table thead th.col-strategies,.notes-page .phases-table thead th.col-evaluation{width:auto}.notes-page .phases-table thead th.col-actions{width:40px;background:#475569}.notes-page .phases-table tbody .phase-row{transition:background .3s ease}.notes-page .phases-table tbody .phase-row:hover{background:#f8fafc}.notes-page .phases-table tbody .phase-row.phase-1 .duration-cell .phase-name-badge{background:linear-gradient(135deg,#f59e0b,#d97706)}.notes-page .phases-table tbody .phase-row.phase-2 .duration-cell .phase-name-badge{background:linear-gradient(135deg,#10b981,#059669)}.notes-page .phases-table tbody .phase-row.phase-3 .duration-cell .phase-name-badge{background:linear-gradient(135deg,#6366f1,#4f46e5)}.notes-page .phases-table tbody .phase-row .duration-cell{text-align:center;background:#f8fafc}.notes-page .phases-table tbody .phase-row .duration-cell .phase-name-badge{display:inline-block;padding:.375rem .75rem;border-radius:20px;margin-bottom:.5rem;background:linear-gradient(135deg,#6366f1,#4f46e5)}.notes-page .phases-table tbody .phase-row .duration-cell .phase-name-badge .phase-name-input{background:transparent;border:none;color:#fff;font-size:.8rem;font-weight:600;text-align:center;width:100%;padding:0}.notes-page .phases-table tbody .phase-row .duration-cell .phase-name-badge .phase-name-input::placeholder{color:#ffffffb3}.notes-page .phases-table tbody .phase-row .duration-cell .phase-name-badge .phase-name-input:focus{box-shadow:none}.notes-page .phases-table tbody .phase-row .duration-cell .duration-input{width:60px;text-align:center;font-weight:700;color:#6366f1;background:#fff;margin:0 auto;display:block}.notes-page .phases-table tbody .phase-row td .editable-cell{border:1px dashed transparent;background:transparent;padding:.375rem;font-size:.85rem;min-height:80px;white-space:pre-wrap}.notes-page .phases-table tbody .phase-row td .editable-cell:hover{border-color:#cbd5e1;background:#fff}.notes-page .phases-table tbody .phase-row td .editable-cell:focus{border-style:solid;border-color:#6366f1;background:#fff}.notes-page .phases-table tbody .phase-row .actions-cell{text-align:center;vertical-align:middle;background:#f8fafc}.notes-page .phases-table tbody .phase-row .actions-cell .delete-phase-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#ef4444;cursor:pointer;transition:all .3s ease}.notes-page .phases-table tbody .phase-row .actions-cell .delete-phase-btn svg{width:16px;height:16px}.notes-page .phases-table tbody .phase-row .actions-cell .delete-phase-btn:hover{background:#ef4444;color:#fff}.notes-page .correction-table-container{margin:1rem 0;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000000d;position:relative}.notes-page .correction-table-container .total-points-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-size:.9rem;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #10b9814d;z-index:10}.notes-page .correction-table-container .total-points-badge strong{font-size:1.1rem}.notes-page .correction-table{width:100%;border-collapse:collapse;background:#fff;margin-top:1.5rem}.notes-page .correction-table th,.notes-page .correction-table td{border:1px solid #e2e8f0;padding:.75rem;text-align:right;vertical-align:top}.notes-page .correction-table thead th{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:600;font-size:.85rem;padding:.75rem .5rem}.notes-page .correction-table thead th.col-num{width:50px;text-align:center}.notes-page .correction-table thead th.col-question{width:35%}.notes-page .correction-table thead th.col-answer{width:auto}.notes-page .correction-table thead th.col-points{width:80px;text-align:center}.notes-page .correction-table thead th.col-actions{width:40px;background:#047857}.notes-page .correction-table tbody .correction-row{transition:background .3s ease}.notes-page .correction-table tbody .correction-row:hover{background:#f0fdf4}.notes-page .correction-table tbody .correction-row:nth-child(2n){background:#f8fafc}.notes-page .correction-table tbody .correction-row:nth-child(2n):hover{background:#ecfdf5}.notes-page .correction-table tbody .correction-row .num-cell{text-align:center;font-weight:700;color:#10b981;background:#f0fdf4;font-size:1rem}.notes-page .correction-table tbody .correction-row .points-cell{text-align:center}.notes-page .correction-table tbody .correction-row .points-cell .points-input{width:60px;text-align:center;font-weight:700;color:#e74c3c;background:#fff;margin:0 auto;display:block;border:2px solid #fecaca;border-radius:8px}.notes-page .correction-table tbody .correction-row .points-cell .points-input:focus{border-color:#e74c3c}.notes-page .correction-table tbody .correction-row td .editable-cell{border:1px dashed transparent;background:transparent;padding:.375rem;font-size:.9rem;min-height:60px;white-space:pre-wrap}.notes-page .correction-table tbody .correction-row td .editable-cell:hover{border-color:#a7f3d0;background:#fff}.notes-page .correction-table tbody .correction-row td .editable-cell:focus{border-style:solid;border-color:#10b981;background:#fff}.notes-page .doc-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e2e8f0}.notes-page .doc-footer .footer-item span{font-weight:600;color:#334155;font-size:.9rem}.notes-page .doc-footer .footer-item .notes-lines{margin-top:.75rem}.notes-page .doc-footer .footer-item .notes-lines .line{height:1px;background:#cbd5e1;margin-bottom:1.5rem}.notes-page .doc-footer .footer-item .notes-lines .line:last-child{margin-bottom:0}@media print{.notes-page{padding:0;background:#fff}.notes-page .floating-toolbar{display:none!important}.notes-page .document-container{padding:0;max-width:none}.notes-page .document{box-shadow:none;border-radius:0;padding:.8cm 1cm;max-width:100%;min-height:auto}.notes-page .document:before{display:none}.notes-page .no-print{display:none!important}.notes-page .editable-cell{border:none!important;background:transparent!important;box-shadow:none!important;padding:.25rem!important}.notes-page .editable-cell:focus{border:none!important;box-shadow:none!important}.notes-page .phases-table th,.notes-page .phases-table td{border-color:#000!important}.notes-page .phases-table thead th{background:#1e293b!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.notes-page .phases-table .duration-cell .phase-name-badge{-webkit-print-color-adjust:exact;print-color-adjust:exact}.notes-page .correction-table-container .total-points-badge{background:linear-gradient(135deg,#10b981,#059669)!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.notes-page .correction-table th,.notes-page .correction-table td{border-color:#000!important}.notes-page .correction-table thead th{background:#10b981!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.notes-page .correction-table tbody .num-cell{background:#f0fdf4!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.notes-page .doc-title .title-badge{-webkit-print-color-adjust:exact;print-color-adjust:exact}.notes-page .doc-title .title-badge.correction-badge{background:linear-gradient(135deg,#10b981,#059669)!important}@page{size:A4 landscape;margin:.8cm}}@media(max-width:768px){.notes-page{padding:4.5rem .5rem .5rem}.notes-page .floating-toolbar{flex-wrap:wrap;width:calc(100% - 1rem);justify-content:center}.notes-page .floating-toolbar .toolbar-divider{display:none}.notes-page .document-container{padding:.5rem}.notes-page .document{padding:1rem}.notes-page .doc-header .header-top{grid-template-columns:1fr;text-align:center}.notes-page .doc-header .header-top .header-cell{text-align:center!important}.notes-page .header-info .info-row{flex-direction:column;gap:.75rem}.notes-page .meta-section{flex-direction:column}.notes-page .phases-table-container{overflow-x:auto}.notes-page .phases-table{min-width:100%;font-size:.75rem}}.lessons-page{min-height:100vh;padding:2rem;direction:rtl}.lessons-page .lessons-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem}.lessons-page .lessons-header .header-content{display:flex;align-items:center;gap:1rem}.lessons-page .lessons-header .header-content .header-icon{width:60px;height:60px;background:linear-gradient(135deg,#6366f133,#06b6d433);border-radius:16px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(99,102,241,.3)}.lessons-page .lessons-header .header-content .header-icon svg{width:32px;height:32px;color:#06b6d4}.lessons-page .lessons-header .header-content h1{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#fff,#c7d2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;font-family:Tajawal,sans-serif}.lessons-page .lessons-header .header-content p{color:#fff9;font-size:.9rem;margin:.25rem 0 0;font-family:Tajawal,sans-serif}.lessons-page .lessons-header .header-actions .add-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;color:#fff;font-size:.95rem;font-weight:600;font-family:Tajawal,sans-serif;cursor:pointer;transition:all .3s ease}.lessons-page .lessons-header .header-actions .add-btn svg{width:20px;height:20px}.lessons-page .lessons-header .header-actions .add-btn:hover{box-shadow:0 4px 20px #6366f166;transform:translateY(-2px)}.lessons-page .lessons-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.lessons-page .lessons-stats .stat-card{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.2);border-radius:16px;padding:1.25rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.lessons-page .lessons-stats .stat-card:hover{border-color:#6366f166;transform:translateY(-2px)}.lessons-page .lessons-stats .stat-card .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.lessons-page .lessons-stats .stat-card .stat-icon svg{width:24px;height:24px}.lessons-page .lessons-stats .stat-card .stat-icon.completed{background:#10b98126;color:#10b981}.lessons-page .lessons-stats .stat-card .stat-icon.in-progress{background:#f59e0b26;color:#f59e0b}.lessons-page .lessons-stats .stat-card .stat-icon.planned{background:#6366f126;color:#6366f1}.lessons-page .lessons-stats .stat-card .stat-icon.total{background:#06b6d426;color:#06b6d4}.lessons-page .lessons-stats .stat-card .stat-info{display:flex;flex-direction:column}.lessons-page .lessons-stats .stat-card .stat-info .stat-value{font-size:1.5rem;font-weight:700;color:#fff}.lessons-page .lessons-stats .stat-card .stat-info .stat-label{font-size:.85rem;color:#fff9;font-family:Tajawal,sans-serif}.lessons-page .lessons-list{display:flex;flex-direction:column;gap:1rem}.lessons-page .lessons-list .lesson-card{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.2);border-radius:16px;padding:1.25rem;display:flex;align-items:center;gap:1.25rem;transition:all .3s ease}.lessons-page .lessons-list .lesson-card:hover{border-color:#6366f166;background:#ffffff0d}.lessons-page .lessons-list .lesson-card .lesson-status{padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;color:#fff;font-family:Tajawal,sans-serif;white-space:nowrap}.lessons-page .lessons-list .lesson-card .lesson-content{flex:1;min-width:0}.lessons-page .lessons-list .lesson-card .lesson-content h3{font-size:1.1rem;font-weight:600;color:#fff;margin:0 0 .5rem;font-family:Tajawal,sans-serif}.lessons-page .lessons-list .lesson-card .lesson-content .lesson-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem}.lessons-page .lessons-list .lesson-card .lesson-content .lesson-meta .meta-item{display:flex;align-items:center;gap:.375rem;font-size:.85rem;color:#fff9;font-family:Tajawal,sans-serif}.lessons-page .lessons-list .lesson-card .lesson-content .lesson-meta .meta-item svg{width:14px;height:14px;color:#06b6d4}.lessons-page .lessons-list .lesson-card .lesson-content .lesson-unit{font-size:.85rem;color:#ffffff80;font-family:Tajawal,sans-serif}.lessons-page .lessons-list .lesson-card .lesson-content .lesson-unit .unit-label{color:#a5b4fc;margin-left:.375rem}.lessons-page .lessons-list .lesson-card .lesson-actions{display:flex;gap:.5rem}.lessons-page .lessons-list .lesson-card .lesson-actions .action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.lessons-page .lessons-list .lesson-card .lesson-actions .action-btn svg{width:16px;height:16px}.lessons-page .lessons-list .lesson-card .lesson-actions .action-btn.view-btn{background:#06b6d426;color:#22d3ee}.lessons-page .lessons-list .lesson-card .lesson-actions .action-btn.view-btn:hover{background:#06b6d440}.lessons-page .lessons-list .lesson-card .lesson-actions .action-btn.edit-btn{background:#6366f126;color:#a5b4fc}.lessons-page .lessons-list .lesson-card .lesson-actions .action-btn.edit-btn:hover{background:#6366f140}.lessons-page .lessons-list .lesson-card .lesson-actions .action-btn.delete-btn{background:#ef444426;color:#f87171}.lessons-page .lessons-list .lesson-card .lesson-actions .action-btn.delete-btn:hover{background:#ef444440}@media(max-width:768px){.lessons-page{padding:1rem}.lessons-page .lessons-header,.lessons-page .lesson-card{flex-direction:column;align-items:stretch}.lessons-page .lesson-card .lesson-status{align-self:flex-start}.lessons-page .lesson-card .lesson-actions{justify-content:flex-end;margin-top:.5rem}}.app{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;direction:rtl;padding:1rem}.container{max-width:1800px;margin:0 auto}.header{text-align:center;margin-bottom:1.5rem;color:#fff}.header-content{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.5rem}.header-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.header h1{font-size:2.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.subtitle{font-size:1.1rem;opacity:.95}.info-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-bottom:1.5rem}.info-card{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 10px 30px #0000001a}.info-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#667eea}.info-header h3{font-size:1.1rem;font-weight:600}.info-inputs{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.input-group.full-width{grid-column:1/-1}.email-input-wrapper{position:relative;display:flex;align-items:center}.email-icon{position:absolute;right:.75rem;color:#667eea;pointer-events:none}.email-input{padding-right:2.75rem!important}.schedule-save-section{display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:2px solid #e2e8f0;flex-wrap:wrap}.save-schedule-btn,.load-schedule-btn{flex:1;min-width:200px;padding:.75rem 1.25rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.save-schedule-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.save-schedule-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.save-schedule-btn:disabled{opacity:.6;cursor:not-allowed}.load-schedule-btn{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;box-shadow:0 4px 12px #48bb784d}.load-schedule-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #48bb7866}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.input-group label{display:block;font-size:.9rem;font-weight:500;color:#4a5568;margin-bottom:.4rem}.info-input{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem;transition:all .2s}.info-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.info-input::placeholder{color:#a0aec0}.subject-input-field{font-weight:600;color:#2d3748}.classes-input-group{display:flex;gap:.5rem;margin-bottom:.75rem}.add-class-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;padding:.75rem 1.25rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .2s;white-space:nowrap}.add-class-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.classes-list{display:flex;flex-wrap:wrap;gap:.5rem}.class-tag{background:linear-gradient(135deg,#f0f4ff,#e8eeff);border:2px solid #667eea;border-radius:8px;padding:.5rem .75rem;display:flex;align-items:center;gap:.5rem;color:#667eea;font-weight:600;font-size:.9rem}.remove-class-btn{background:#ef44441a;border:none;border-radius:4px;padding:.25rem;color:#e53e3e;cursor:pointer;display:flex;align-items:center;transition:all .2s}.remove-class-btn:hover{background:#ef444433}.schedule-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;overflow:hidden;margin-bottom:1.5rem}.schedule-wrapper{overflow-x:auto}.schedule-table{width:100%;border-collapse:collapse}.schedule-table th,.schedule-table td{border:1px solid #e2e8f0;padding:.75rem;text-align:center}.schedule-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.schedule-table thead th{font-weight:600;font-size:1rem;padding:1rem .75rem}.corner-cell{background:linear-gradient(135deg,#5568d3,#653a8a)!important;font-size:1rem!important;font-weight:700!important}.day-header{min-width:180px;font-size:1.1rem}.time-cell{background:linear-gradient(135deg,#f7fafc,#edf2f7);font-weight:600;color:#2d3748;min-width:140px}.time-slot-header{display:flex;flex-direction:column;gap:.5rem;align-items:center}.time-inputs{display:flex;align-items:center;gap:.4rem}.time-inputs span{font-weight:700;color:#4a5568}.time-input{background:#fff;border:1px solid #cbd5e0;border-radius:6px;padding:.4rem .5rem;color:#2d3748;font-size:.85rem;font-weight:600;transition:all .2s}.time-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.delete-slot-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;padding:.3rem .5rem;color:#e53e3e;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.delete-slot-btn:hover{background:#ef444433;transform:translateY(-1px)}.schedule-cell{background:#fff;padding:.5rem;cursor:pointer;transition:all .2s;min-width:180px;vertical-align:middle}.schedule-cell:hover{background:#f8f9ff;box-shadow:inset 0 0 0 2px #667eea}.schedule-cell.editing{background:#f0f4ff;box-shadow:inset 0 0 0 2px #667eea}.cell-content{display:flex;flex-direction:column;gap:.4rem}.cell-subject{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.4rem .6rem;border-radius:6px;font-weight:600;font-size:.9rem;text-align:center}.cell-select{width:100%;padding:.5rem;border:2px solid #e2e8f0;border-radius:6px;font-size:.9rem;font-weight:600;color:#2d3748;background:#fff;cursor:pointer;transition:all .2s}.cell-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.cell-select:disabled{background:#f7fafc;cursor:not-allowed;opacity:.6}.add-slot-container{padding:1rem;background:#f7fafc;border-top:2px solid #e2e8f0;display:flex;justify-content:center}.add-slot-btn-bottom{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s;box-shadow:0 4px 15px #667eea4d}.add-slot-btn-bottom:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.add-slot-btn-bottom:active{transform:translateY(0)}.daily-log-section,.annual-distribution-section{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 20px 60px #00000026;margin-bottom:1.5rem}.section-header-with-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.section-header{display:flex;align-items:center;gap:.75rem;color:#667eea}.section-header h2{font-size:1.75rem;font-weight:700;margin:0}.print-btn{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff;border:none;border-radius:10px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s;box-shadow:0 4px 15px #ed89364d}.print-annual-btn{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff;border:none;border-radius:10px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s;box-shadow:0 4px 15px #f565654d}.print-annual-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f5656566}.print-annual-btn:active{transform:translateY(0)}.print-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ed893666}.print-btn:active{transform:translateY(0)}.filter-section{display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;border:2px solid #48bb78;flex-wrap:wrap;align-items:center}.filter-group{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:200px}.filter-group label{font-weight:600;color:#2d3748;font-size:.9rem}.filter-select{padding:.75rem;border:2px solid #48bb78;border-radius:8px;font-size:.95rem;font-weight:600;color:#2d3748;background:#fff;cursor:pointer;transition:all .2s}.filter-select:focus{outline:none;border-color:#38a169;box-shadow:0 0 0 3px #48bb781a}.filter-select option{padding:.5rem}.clear-filter-btn{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff;border:none;border-radius:8px;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;align-self:flex-end}.clear-filter-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.daily-log-container,.annual-table-container{overflow-x:auto}.daily-log-table{width:100%;border-collapse:collapse}.daily-log-table th,.daily-log-table td{border:1px solid #e2e8f0;padding:.75rem;text-align:center}.daily-log-table thead{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.daily-log-table thead th{font-weight:600;font-size:.95rem;padding:1rem .75rem}.daily-log-table tbody tr{transition:background .2s}.daily-log-table tbody tr:hover{background:#f7fafc}.col-date{min-width:140px}.col-time{min-width:120px}.col-class{min-width:150px}.col-activity{min-width:350px}.col-observation{min-width:250px}.col-signature{min-width:150px}.col-actions-daily{min-width:100px}.date-cell{background:#f7fafc}.date-content{display:flex;flex-direction:column;gap:.4rem}.day-name{font-weight:700;color:#667eea;font-size:.95rem}.date-input{width:100%;padding:.5rem;border:2px solid #e2e8f0;border-radius:6px;font-size:.85rem;color:#2d3748;font-weight:600;transition:all .2s;text-align:center;font-family:inherit}.date-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.time-value{font-weight:600;color:#4a5568;font-size:.9rem;background:#f7fafc}.class-value{font-weight:600;color:#2d3748;background:linear-gradient(135deg,#e8eeff,#f0f4ff);border-left:3px solid #667eea}.activity-content{display:flex;flex-direction:column;gap:.6rem;align-items:stretch;padding:.4rem}.domain-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem .75rem;border-radius:8px;font-weight:700;font-size:.9rem;text-align:center;box-shadow:0 2px 8px #667eea4d}.unit-text{background:linear-gradient(135deg,#f0f4ff,#e8eeff);border:2px solid #667eea;border-radius:8px;padding:.6rem .75rem;font-weight:600;font-size:.85rem;color:#2d3748;text-align:center}.lesson-element-select{width:100%;padding:.6rem;border:2px solid #48bb78;border-radius:8px;font-size:.85rem;font-weight:500;color:#2d3748;background:#fff;cursor:pointer;transition:all .2s}.lesson-element-select:focus{outline:none;border-color:#38a169;box-shadow:0 0 0 3px #48bb781a}.lesson-element-select option{padding:.5rem;font-size:.85rem}.selected-elements-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.6rem}.selected-element-tag{background:linear-gradient(135deg,#e8fff3,#d4f4e2);border:2px solid #48bb78;border-radius:8px;padding:.4rem .6rem;display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;color:#22543d}.selected-element-input{background:transparent;border:none;outline:none;font-size:.85rem;font-weight:600;color:#22543d;min-width:100px;max-width:300px;font-family:inherit;padding:.2rem .3rem;border-radius:4px;transition:all .2s}.selected-element-input:focus{background:#ffffff80;box-shadow:0 0 0 2px #48bb784d}.selected-element-tag span{flex:1;white-space:pre-wrap}.remove-element-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#e53e3e;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .2s;flex-shrink:0}.remove-element-btn:hover{background:#ef444433;transform:scale(1.1)}.lesson-element-input{width:100%;padding:.6rem;border:2px solid #ed8936;border-radius:8px;font-size:.85rem;font-weight:500;color:#2d3748;background:#fff5f0;transition:all .2s}.lesson-element-input:focus{outline:none;border-color:#dd6b20;box-shadow:0 0 0 3px #ed89361a}.lesson-element-input::placeholder{color:#a0aec0;font-style:italic}.lesson-element-display{width:100%;padding:.6rem .75rem;background:linear-gradient(135deg,#e8fff3,#d4f4e2);border:2px solid #48bb78;border-radius:8px;font-size:.85rem;font-weight:600;color:#22543d;text-align:center;line-height:1.4;white-space:pre-wrap}.log-textarea{width:100%;padding:.6rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.9rem;font-family:inherit;resize:vertical;transition:all .2s}.log-textarea:focus{outline:none;border-color:#48bb78;box-shadow:0 0 0 3px #48bb781a}.log-textarea::placeholder{color:#a0aec0}.empty-message{padding:3rem!important;text-align:center;color:#718096;font-size:1.1rem;font-style:italic}.empty-with-action{display:flex;flex-direction:column;gap:1rem;align-items:center}.empty-with-action p{margin:0;font-size:1.1rem;color:#718096}.add-manual-entry-btn{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s;box-shadow:0 4px 12px #48bb784d}.add-manual-entry-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #48bb7866}.delete-entry-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;padding:.5rem;color:#e53e3e;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;margin:0 auto}.delete-entry-btn:hover{background:#ef444433;transform:scale(1.1)}.annual-info-section{background:linear-gradient(135deg,#f0f4ff,#e8eeff);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;border:2px solid #667eea}.annual-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1rem}.annual-info-item{display:flex;flex-direction:column;gap:.5rem}.annual-info-item label{font-weight:600;color:#2d3748;font-size:.95rem}.annual-info-input{width:100%;padding:.75rem;border:2px solid #cbd5e0;border-radius:8px;font-size:.95rem;font-weight:500;transition:all .2s}.annual-info-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.annual-hours-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding-top:1rem;border-top:2px solid #cbd5e0;margin-bottom:1rem}.hours-item{display:flex;align-items:center;gap:.5rem}.hours-item label{font-weight:600;color:#2d3748;font-size:.9rem;white-space:nowrap}.hours-input{width:80px;padding:.5rem;border:2px solid #cbd5e0;border-radius:6px;font-size:.9rem;font-weight:600;text-align:center;transition:all .2s}.hours-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.hours-item span{font-size:.9rem;color:#4a5568}.annual-actions{display:flex;gap:1rem;padding-top:1rem;border-top:2px solid #cbd5e0;flex-wrap:wrap;align-items:flex-start}.upload-pdf-section{display:flex;flex-direction:column;gap:.5rem;flex:1}.upload-pdf-btn{padding:.75rem 1.25rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d;width:fit-content}.upload-pdf-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.upload-pdf-btn.loading{opacity:.7;cursor:not-allowed}.pdf-error{color:#e53e3e;font-size:.85rem;font-weight:500;padding:.5rem;background:#ef44441a;border-radius:6px;border:1px solid rgba(239,68,68,.3)}.clear-btn{padding:.75rem 1.25rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s;background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff;box-shadow:0 4px 12px #ef44444d}.clear-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.clear-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.annual-table{width:100%;border-collapse:collapse;font-size:.85rem}.annual-table th,.annual-table td{border:1px solid #cbd5e0;padding:.75rem;text-align:center;vertical-align:top}.annual-table thead{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff}.annual-table thead th{font-weight:600;font-size:.85rem;padding:1rem .5rem}.annual-table tbody tr{transition:background .2s}.annual-table tbody tr:hover{background:#f7fafc}.col-domain{min-width:150px}.col-month{min-width:90px}.col-dates{min-width:100px}.col-week{min-width:80px}.col-whole-class,.col-groups{min-width:200px}.col-lesson-elements{min-width:300px}.col-actions{min-width:80px}.annual-input{width:100%;padding:.6rem;border:2px solid #e2e8f0;border-radius:6px;font-size:.85rem;transition:all .2s}.annual-input:focus{outline:none;border-color:#ed8936;box-shadow:0 0 0 3px #ed89361a}.week-input{text-align:center;font-weight:600}.annual-textarea{width:100%;padding:.6rem;border:2px solid #e2e8f0;border-radius:6px;font-size:.85rem;font-family:inherit;resize:vertical;transition:all .2s;min-height:60px;white-space:pre-wrap;line-height:1.4}.annual-textarea:focus{outline:none;border-color:#ed8936;box-shadow:0 0 0 3px #ed89361a}.delete-row-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;padding:.5rem;color:#e53e3e;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;margin:0 auto}.delete-row-btn:hover{background:#ef444433;transform:scale(1.1)}.add-row-container{padding:1rem;background:#f7fafc;border-top:2px solid #e2e8f0;display:flex;justify-content:center;border-radius:0 0 12px 12px}.add-row-btn{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff;border:none;border-radius:10px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s;box-shadow:0 4px 15px #ed89364d}.add-row-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ed893666}.add-row-btn:active{transform:translateY(0)}.actions{display:flex;justify-content:center;padding:1rem}.save-btn{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;border-radius:12px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:all .3s;box-shadow:0 10px 30px #48bb784d}.save-btn:hover{transform:translateY(-2px);box-shadow:0 15px 40px #48bb7866}.save-btn:active{transform:translateY(0)}@media(max-width:1024px){.header h1{font-size:2rem}.info-section,.annual-info-grid,.annual-hours-grid{grid-template-columns:1fr}.annual-actions{flex-direction:column}.upload-pdf-section{width:100%}.upload-pdf-btn{width:100%;justify-content:center}}@media(max-width:768px){.app{padding:.5rem}.header h1{font-size:1.5rem}.section-header h2{font-size:1.4rem}.annual-info-section{padding:1rem}.annual-table{font-size:.75rem}}.statistics-section{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 20px 60px #00000026;margin-bottom:1.5rem}.statistics-header{margin-bottom:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1.25rem;transition:all .3s;border:2px solid transparent;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:currentColor}.stat-card.primary{color:#667eea;border-color:#667eea33}.stat-card.primary:hover{background:linear-gradient(135deg,#f0f4ff,#e8eeff);box-shadow:0 8px 20px #667eea33;transform:translateY(-4px)}.stat-card.success{color:#48bb78;border-color:#48bb7833}.stat-card.success:hover{background:linear-gradient(135deg,#e8fff3,#d4f4e2);box-shadow:0 8px 20px #48bb7833;transform:translateY(-4px)}.stat-card.warning{color:#ed8936;border-color:#ed893633}.stat-card.warning:hover{background:linear-gradient(135deg,#fff5f0,#ffe8d9);box-shadow:0 8px 20px #ed893633;transform:translateY(-4px)}.stat-card.info{color:#667eea;border-color:#667eea33}.stat-card.info:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);box-shadow:0 8px 20px #667eea33;transform:translateY(-4px)}.stat-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:#ffffff80;border-radius:12px;color:inherit}.stat-details{display:flex;flex-direction:column;gap:.25rem}.stat-value{font-size:2rem;font-weight:800;color:#2d3748;line-height:1}.stat-label{font-size:.9rem;color:#4a5568;font-weight:600}.overall-progress{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:1.5rem;margin-bottom:2rem;color:#fff}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.progress-title{font-size:1.1rem;font-weight:700}.progress-percentage{font-size:1.5rem;font-weight:800}.progress-bar{background:#fff3;border-radius:50px;height:40px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#48bb78,#38a169);border-radius:50px;transition:width 1s ease-out;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.progress-fill:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{to{left:100%}}.progress-label{font-size:.95rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);position:relative;z-index:1}.class-statistics,.domain-statistics{margin-bottom:2rem}.subsection-title{display:flex;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:700;color:#2d3748;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #e2e8f0}.class-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.class-stat-card{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:2px solid #e2e8f0;border-radius:12px;padding:1.25rem;transition:all .3s}.class-stat-card:hover{border-color:#667eea;box-shadow:0 8px 20px #667eea26;transform:translateY(-2px)}.class-stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.class-name{font-size:1.1rem;font-weight:700;color:#2d3748}.class-percentage{font-size:1.3rem;font-weight:800;color:#667eea}.class-stat-details{display:flex;justify-content:space-between;margin-bottom:.75rem}.class-stat-item{font-size:.9rem;color:#4a5568;font-weight:600}.class-stat-item strong{color:#2d3748;font-weight:800}.mini-progress-bar{background:#e2e8f0;height:8px;border-radius:4px;overflow:hidden}.mini-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .8s ease-out}.domain-stats-grid{display:flex;flex-direction:column;gap:1rem}.domain-stat-item{display:flex;flex-direction:column;gap:.5rem}.domain-stat-bar{background:#f7fafc;height:40px;border-radius:8px;overflow:hidden;border:2px solid #e2e8f0}.domain-stat-fill{height:100%;border-radius:6px;transition:width 1s ease-out;display:flex;align-items:center;padding:0 1rem}.domain-stat-info{display:flex;justify-content:space-between;align-items:center;padding:0 .5rem}.domain-name{font-size:1rem;font-weight:700;color:#2d3748}.domain-count{font-size:.9rem;font-weight:600;color:#667eea}.additional-stats{background:linear-gradient(135deg,#f0f4ff,#e8eeff);border:2px solid #667eea;border-radius:12px;padding:1.25rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.additional-stat-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border-radius:8px}.additional-stat-label{font-size:.95rem;font-weight:600;color:#4a5568}.additional-stat-value{font-size:1.2rem;font-weight:800;color:#667eea}@media(max-width:768px){.stats-grid,.class-stats-grid,.additional-stats{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:16px;padding:2rem;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.modal-icon{font-size:2.5rem}.modal-header h3{font-size:1.5rem;font-weight:700;color:#2d3748;margin:0}.modal-body{margin-bottom:2rem}.modal-body p{font-size:1.1rem;color:#4a5568;line-height:1.6;margin:0}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.btn-confirm,.btn-cancel{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.btn-confirm.btn-danger{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff;box-shadow:0 4px 12px #ef44444d}.btn-confirm.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.btn-confirm.btn-warning{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff;box-shadow:0 4px 12px #ed89364d}.btn-confirm.btn-warning:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ed893666}.btn-confirm.btn-info{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.btn-confirm.btn-info:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.btn-cancel{background:#e2e8f0;color:#2d3748}.btn-cancel:hover{background:#cbd5e0;transform:translateY(-2px)}.loading-overlay{position:fixed;inset:0;background:#667eeaf2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.loading-content{text-align:center;color:#fff}.spinner{width:60px;height:60px;border:5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1.5rem}.loading-text{font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.loading-subtext{font-size:1rem;opacity:.9}.advanced-filter-container{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #48bb78;border-radius:12px;padding:1rem;margin-bottom:1.5rem}.filter-main-bar{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.search-input{width:100%;padding:.875rem 3rem .875rem 1rem;border:2px solid #cbd5e0;border-radius:10px;font-size:1rem;font-weight:500;transition:all .2s;background:#fff}.clear-search-btn{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);background:#ef44441a;border:none;border-radius:6px;padding:.4rem;color:#e53e3e;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.clear-search-btn:hover{background:#ef444433}.filter-toggle-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;padding:.875rem 1.25rem;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s;white-space:nowrap;position:relative}.filter-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.filter-toggle-btn.active{background:linear-gradient(135deg,#5568d3,#653a8a)}.filter-badge{background:#f56565;color:#fff;font-size:.75rem;font-weight:700;padding:.2rem .5rem;border-radius:10px;min-width:20px;text-align:center}.clear-all-btn{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff;border:none;border-radius:10px;padding:.875rem 1.25rem;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s;white-space:nowrap}.clear-all-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.filter-advanced-panel{margin-top:1rem;padding-top:1rem;border-top:2px solid rgba(72,187,120,.3);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-label{display:flex;align-items:center;gap:.4rem;font-weight:700;color:#2d3748;font-size:.95rem}.filter-select,.filter-input{padding:.75rem;border:2px solid #cbd5e0;border-radius:8px;font-size:.95rem;font-weight:500;background:#fff;transition:all .2s}.filter-select:focus,.filter-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filter-checkbox-group{display:flex;flex-direction:column;gap:.5rem;background:#fff;padding:.75rem;border-radius:8px;border:2px solid #e2e8f0}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem;font-weight:500;color:#2d3748;padding:.4rem;border-radius:6px;transition:all .2s}.checkbox-label input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:#667eea}@media(max-width:768px){.filter-main-bar{flex-direction:column}.search-input-wrapper{width:100%;min-width:auto}.filter-toggle-btn,.clear-all-btn{width:100%;justify-content:center}.filter-grid{grid-template-columns:1fr}}.auto-save-indicator{position:fixed;bottom:2rem;left:2rem;background:#fff;border-radius:12px;padding:1rem 1.5rem;box-shadow:0 10px 30px #0003;z-index:1000;border:2px solid #48bb78}.auto-save-content{display:flex;flex-direction:column;gap:.5rem}.auto-save-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:600;color:#2d3748}.auto-save-toggle input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#48bb78}.last-saved{font-size:.85rem;color:#48bb78;font-weight:500}@media(max-width:768px){.auto-save-indicator{bottom:1rem;left:1rem;right:1rem}}.template-selector-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}.template-selector-modal{background:#fff;border-radius:20px;max-width:1200px;width:95%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 80px #0000004d;animation:slideUp .4s ease-out}.template-selector-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:2px solid #e2e8f0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.template-header-title{display:flex;align-items:center;gap:1rem}.template-header-title h2{margin:0;font-size:1.8rem;font-weight:800}.template-close-btn{background:#fff3;border:none;border-radius:8px;padding:.5rem;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.template-close-btn:hover{background:#ffffff4d}.template-selector-body{flex:1;overflow-y:auto;padding:2rem}.template-description{text-align:center;color:#4a5568;font-size:1.1rem;margin-bottom:2rem}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.template-card{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:3px solid #e2e8f0;border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.template-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:#667eea}.template-card.selected{border-color:#667eea;background:linear-gradient(135deg,#f0f4ff,#e8eeff);box-shadow:0 8px 20px #667eea4d}.template-check{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #667eea66}.template-card-content{margin-top:.5rem}.template-card-title{font-size:1.3rem;font-weight:700;color:#2d3748;margin-bottom:.75rem}.template-card-desc{color:#718096;font-size:.95rem;margin-bottom:1.25rem;line-height:1.5}.template-card-details{display:flex;flex-direction:column;gap:.75rem;padding-top:1rem;border-top:2px solid #e2e8f0}.template-detail-item{display:flex;justify-content:space-between;align-items:center}.detail-label{font-weight:600;color:#4a5568;font-size:.9rem}.detail-value{font-weight:700;color:#667eea;font-size:.95rem}.template-selector-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:2px solid #e2e8f0;background:#f7fafc}.template-cancel-btn{background:#e2e8f0;color:#2d3748;border:none;border-radius:10px;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.template-cancel-btn:hover{background:#cbd5e0}.template-confirm-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s;box-shadow:0 4px 15px #667eea4d}.template-confirm-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.template-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.notification-system{position:fixed;top:2rem;left:2rem;z-index:1000}.notification-bell-btn{background:#fff;border:2px solid #667eea;border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;box-shadow:0 8px 20px #667eea33;transition:all .3s;color:#667eea}.notification-bell-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #667eea4d}.notification-badge{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:12px;min-width:24px;text-align:center;box-shadow:0 4px 12px #f5656566}.notification-dropdown{position:absolute;top:70px;left:0;width:400px;max-height:600px;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;overflow:hidden;animation:slideDown .3s ease-out}.notification-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:2px solid #e2e8f0;background:linear-gradient(135deg,#f7fafc,#edf2f7)}.notification-dropdown-header h3{margin:0;font-size:1.2rem;font-weight:700;color:#2d3748}.mark-all-read-btn{background:none;border:none;color:#667eea;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.mark-all-read-btn:hover{color:#5568d3;text-decoration:underline}.notification-list{max-height:500px;overflow-y:auto}.no-notifications{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#a0aec0}.no-notifications p{margin-top:1rem;font-size:1.1rem}.notification-item{display:flex;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0;cursor:pointer;transition:all .2s;position:relative}.notification-item.unread{background:linear-gradient(135deg,#f0f4ff,#e8eeff)}.notification-item.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#667eea,#764ba2)}.notification-item:hover{background:#f7fafc}.notification-icon{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:#667eea1a;display:flex;align-items:center;justify-content:center}.notification-content{flex:1}.notification-content h4{margin:0 0 .5rem;font-size:1rem;font-weight:700;color:#2d3748}.notification-content p{margin:0 0 .5rem;font-size:.9rem;color:#4a5568;line-height:1.5}.notification-time{font-size:.8rem;color:#a0aec0}.notification-remove-btn{flex-shrink:0;background:none;border:none;color:#a0aec0;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s}.notification-remove-btn:hover{background:#ef44441a;color:#e53e3e}.dark-mode-toggle{position:fixed;top:2rem;right:2rem;background:#fff;border:2px solid #667eea;border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 20px #667eea33;transition:all .3s;color:#667eea;z-index:1000}.dark-mode-toggle:hover{transform:translateY(-2px) rotate(20deg);box-shadow:0 12px 28px #667eea4d}:root.dark-mode{--bg-primary: #1a202c;--bg-secondary: #2d3748;--bg-tertiary: #4a5568;--text-primary: #f7fafc;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e0;--border-color: #4a5568;--shadow-color: rgba(0, 0, 0, .5)}.dark-mode .app{background:linear-gradient(135deg,#1a202c,#2d3748)}.dark-mode .info-card,.dark-mode .schedule-container,.dark-mode .daily-log-section,.dark-mode .annual-distribution-section,.dark-mode .statistics-section,.dark-mode .advanced-filter-container{background:var(--bg-secondary);color:var(--text-primary);box-shadow:0 20px 60px var(--shadow-color)}.dark-mode .info-input,.dark-mode .cell-select,.dark-mode .filter-select,.dark-mode .search-input,.dark-mode .annual-input,.dark-mode .annual-textarea,.dark-mode .log-textarea{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.dark-mode .schedule-table tbody td,.dark-mode .daily-log-table tbody td,.dark-mode .annual-table tbody td{background:var(--bg-secondary);border-color:var(--border-color)}.dark-mode .stat-card,.dark-mode .class-stat-card{background:var(--bg-tertiary);border-color:var(--border-color)}.dark-mode .modal-content,.dark-mode .template-selector-modal,.dark-mode .notification-dropdown{background:var(--bg-secondary);color:var(--text-primary)}@media(max-width:768px){.templates-grid{grid-template-columns:1fr}.notification-dropdown{width:90vw;left:50%;transform:translate(-50%)}.notification-system{top:1rem;left:1rem}.dark-mode-toggle{bottom:5rem;left:1rem}}.backup-manager{margin-top:1rem;padding-top:1rem;border-top:2px solid #e2e8f0}.backup-history-btn{width:100%;background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff;border:none;border-radius:8px;padding:.75rem 1rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.backup-history-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ed89364d}.backup-history-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:80vh;box-shadow:0 20px 60px #0000004d;z-index:10000;overflow:hidden;animation:slideUp .3s ease-out}.backup-history-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #e2e8f0;background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff}.backup-history-header h3{margin:0;font-size:1.5rem;font-weight:700}.close-btn{background:#fff3;border:none;color:#fff;font-size:2rem;line-height:1;cursor:pointer;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{background:#ffffff4d}.backup-history-list{max-height:60vh;overflow-y:auto;padding:1.5rem}.no-backups{text-align:center;padding:3rem 1rem;color:#a0aec0;font-size:1.1rem}.backup-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:linear-gradient(135deg,#f7fafc,#edf2f7);border:2px solid #e2e8f0;border-radius:12px;margin-bottom:1rem;transition:all .2s}.backup-item:hover{border-color:#ed8936;box-shadow:0 4px 12px #ed893633}.backup-info{display:flex;flex-direction:column;gap:.5rem}.backup-date{font-size:1rem;font-weight:600;color:#2d3748}.backup-actions{display:flex;gap:.75rem}.restore-btn,.delete-backup-btn{padding:.5rem 1rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.restore-btn{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;box-shadow:0 2px 8px #48bb784d}.restore-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #48bb7866}.delete-backup-btn{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff;box-shadow:0 2px 8px #f565654d}.delete-backup-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f5656566}.backup-toggle{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e2e8f0}.template-select-btn{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;border-radius:12px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;box-shadow:0 4px 15px #48bb784d;transition:all .3s}.template-select-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #48bb7866}.dark-mode .backup-history-modal{background:var(--bg-secondary)}.dark-mode .backup-item{background:var(--bg-tertiary);border-color:var(--border-color)}.dark-mode .backup-date{color:var(--text-primary)}.dark-mode .no-backups{color:var(--text-tertiary)}@media(max-width:768px){.backup-history-modal{width:95%;max-height:90vh}.backup-actions{flex-direction:column;width:100%}.restore-btn,.delete-backup-btn{width:100%}}.virtual-daily-log{border:2px solid #e2e8f0;border-radius:12px;overflow:hidden}.virtual-row{border-bottom:1px solid #e2e8f0;transition:background .2s}.virtual-row:hover{background:#f7fafc}.virtual-row-content{display:grid;grid-template-columns:140px 120px 150px 1fr 250px 150px 100px;gap:.5rem;padding:.75rem;align-items:center}.export-import-section{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 20px 60px #00000026;margin-bottom:1.5rem}.section-subtitle{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:#2d3748;margin-bottom:1.5rem}.export-import-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.export-group,.import-group{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem}.export-group h4,.import-group h4{font-size:1.2rem;font-weight:700;color:#2d3748;margin-bottom:1rem}.export-buttons,.import-buttons{display:flex;flex-direction:column;gap:.75rem}.export-btn,.import-btn{padding:.75rem 1.25rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s;justify-content:center}.json-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.json-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.excel-btn{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;box-shadow:0 4px 12px #48bb784d}.excel-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #48bb7866}.import-btn{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff;box-shadow:0 4px 12px #ed89364d}.import-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ed893666}.import-note{margin-top:1rem;font-size:.9rem;color:#718096;font-style:italic}.advanced-search{background:#fff;border:2px solid #667eea;border-radius:12px;padding:1rem;margin-bottom:1.5rem}.search-main{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.search-input-wrapper{position:relative;flex:1;min-width:300px}.search-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#667eea;pointer-events:none}.search-input{width:100%;padding:.875rem 3rem .875rem 1rem;border:2px solid #cbd5e0;border-radius:10px;font-size:1rem;font-weight:500;transition:all .2s}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.clear-search{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);background:#ef44441a;border:none;border-radius:6px;padding:.4rem;color:#e53e3e;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.clear-search:hover{background:#ef444433}.search-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.search-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.advanced-toggle{background:linear-gradient(135deg,#f7fafc,#edf2f7);color:#667eea;border:2px solid #667eea;border-radius:10px;padding:.875rem 1.25rem;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s;white-space:nowrap}.advanced-toggle:hover,.advanced-toggle.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.advanced-options{margin-top:1rem;padding-top:1rem;border-top:2px solid #e2e8f0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.option-group{display:flex;flex-direction:column;gap:.5rem}.option-group label{font-weight:600;color:#2d3748;font-size:.9rem}.option-select{padding:.75rem;border:2px solid #cbd5e0;border-radius:8px;font-size:.95rem;font-weight:500;background:#fff;transition:all .2s}.option-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;color:#2d3748;padding:.5rem;border-radius:6px;transition:all .2s}.checkbox-label:hover{background:#f7fafc}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#667eea}.dark-mode .export-import-section,.dark-mode .advanced-search{background:var(--bg-secondary);border-color:var(--border-color)}.dark-mode .export-group,.dark-mode .import-group{background:var(--bg-tertiary);border-color:var(--border-color)}.dark-mode .search-input,.dark-mode .option-select{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}@media(max-width:768px){.export-import-grid{grid-template-columns:1fr}.search-main{flex-direction:column}.search-input-wrapper{width:100%;min-width:auto}.search-btn,.advanced-toggle{width:100%;justify-content:center}.advanced-options{grid-template-columns:1fr}}.search-results-info{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f0f4ff,#e8eeff);border:2px solid #667eea;border-radius:10px;padding:1rem 1.5rem;margin-bottom:1rem;font-weight:600;color:#2d3748}.clear-search-btn{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.clear-search-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.virtualized-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a}.virtual-info{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;padding:.75rem 1.5rem;font-weight:600;text-align:center;font-size:.95rem}.loading-component{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#667eea}.loading-component .spinner{width:48px;height:48px;border:4px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}.loading-component p{margin-top:1rem;font-size:1.1rem;font-weight:600}@media(max-width:768px){.search-results-info{flex-direction:column;gap:1rem;text-align:center}.clear-search-btn{width:100%}.virtual-info{font-size:.85rem;padding:.5rem 1rem}}.dark-mode .search-results-info{background:var(--bg-tertiary);border-color:#667eea;color:var(--text-primary)}.dark-mode .virtualized-container{background:var(--bg-secondary)}.dark-mode .loading-component{color:#667eea}.exam-config{max-width:800px;margin:2rem auto}.exam-config .config-header{text-align:center;margin-bottom:var(--spacing-2xl)}.exam-config .config-header svg{color:var(--primary-color);margin-bottom:var(--spacing-md)}.exam-config .config-header h1{font-size:var(--text-3xl);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.exam-config .config-header p{color:var(--text-secondary);font-size:var(--text-lg)}.exam-config .config-form{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-2xl)}.exam-config .config-form .form-section{margin-bottom:var(--spacing-2xl)}.exam-config .config-form .form-section:last-child{margin-bottom:0}.exam-config .config-form .form-section h3{color:var(--text-primary);font-size:var(--text-xl);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--bg-tertiary)}.exam-config .config-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}@media(max-width:640px){.exam-config .config-form .form-row{grid-template-columns:1fr}}.exam-config .config-form .form-group label{display:flex;align-items:center;gap:var(--spacing-xs)}.exam-config .config-form .form-group label svg{color:var(--primary-color)}.exam-config .config-form .form-group input,.exam-config .config-form .form-group select{background:var(--bg-secondary)}.exam-config .config-form .form-group input::placeholder,.exam-config .config-form .form-group select::placeholder{color:var(--text-secondary);opacity:.7}.exam-config .config-form .submit-btn{width:100%;margin-top:var(--spacing-xl);font-size:var(--text-lg);padding:var(--spacing-md) var(--spacing-xl)}.file-upload{max-width:900px;margin:2rem auto}.file-upload .upload-header{text-align:center;margin-bottom:var(--spacing-2xl)}.file-upload .upload-header svg{color:var(--secondary-color);margin-bottom:var(--spacing-md)}.file-upload .upload-header h1{font-size:var(--text-3xl);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.file-upload .upload-header p{color:var(--text-secondary);font-size:var(--text-lg)}.file-upload .upload-container .upload-area{margin-bottom:var(--spacing-xl)}.file-upload .upload-container .upload-area input[type=file]{display:none}.file-upload .upload-container .upload-area label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);min-height:250px;background:var(--bg-primary);border:3px dashed var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s}.file-upload .upload-container .upload-area label:hover:not(.loading):not(.success){border-color:var(--secondary-color);background:var(--bg-secondary)}.file-upload .upload-container .upload-area label:hover:not(.loading):not(.success) svg{color:var(--secondary-color);transform:scale(1.1)}.file-upload .upload-container .upload-area label.loading{cursor:not-allowed;border-color:var(--primary-color);background:var(--bg-secondary)}.file-upload .upload-container .upload-area label.success{cursor:not-allowed;border-color:var(--secondary-color);background:#f0fdf4}.file-upload .upload-container .upload-area label.success svg{color:var(--secondary-color)}.file-upload .upload-container .upload-area label.error{border-color:var(--danger-color)}.file-upload .upload-container .upload-area label svg{color:var(--text-secondary);transition:all .3s}.file-upload .upload-container .upload-area label .main-text{font-size:var(--text-xl);font-weight:500;color:var(--text-primary)}.file-upload .upload-container .upload-area label .file-types{font-size:var(--text-base);color:var(--text-secondary)}.file-upload .upload-container .upload-area label .file-info{font-size:var(--text-lg);color:var(--text-primary);font-weight:500}.file-upload .upload-container .upload-area label .students-count{font-size:var(--text-base);color:var(--secondary-color);font-weight:600;padding:var(--spacing-xs) var(--spacing-md);background:#10b9811a;border-radius:var(--radius-md)}.file-upload .upload-container .upload-area label .spinner{width:50px;height:50px;border:4px solid var(--bg-tertiary);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.file-upload .upload-container .error-message{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);color:var(--danger-color);margin-bottom:var(--spacing-xl)}.file-upload .upload-container .error-message svg{flex-shrink:0}.file-upload .upload-container .instructions-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl)}.file-upload .upload-container .instructions-card h3{color:var(--text-primary);font-size:var(--text-lg);margin-bottom:var(--spacing-md)}.file-upload .upload-container .instructions-card ul{list-style:none;padding:0}.file-upload .upload-container .instructions-card ul li{position:relative;padding-right:var(--spacing-lg);margin-bottom:var(--spacing-sm);color:var(--text-secondary);line-height:1.6}.file-upload .upload-container .instructions-card ul li:before{content:"•";position:absolute;right:0;color:var(--primary-color);font-size:1.5em;line-height:1}.file-upload .upload-container .file-format{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md)}.file-upload .upload-container .file-format h4{color:var(--text-primary);font-size:var(--text-lg);margin-bottom:var(--spacing-md)}.file-upload .upload-container .file-format table{width:100%;border-collapse:collapse}.file-upload .upload-container .file-format table th{background:var(--bg-tertiary);padding:var(--spacing-sm) var(--spacing-md);text-align:right;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-color)}.file-upload .upload-container .file-format table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.file-upload .upload-container .file-format table td:first-child{font-weight:600;color:var(--primary-color)}.file-upload .upload-container .file-format table td:last-child{color:var(--text-primary)}@keyframes spin{to{transform:rotate(360deg)}}.exam-sheet .exam-page{width:210mm;min-height:297mm;padding:5mm 10mm 10mm;margin:0 auto 20px;background:#fff;box-shadow:0 0 15px #0000001a;font-family:Arial,Tahoma,sans-serif;direction:rtl;position:relative;display:flex;flex-direction:column;page-break-after:always}@media print{.exam-sheet .exam-page{box-shadow:none;margin:0;padding:1mm 8mm 8mm;page-break-after:always}}.exam-sheet .exam-page .compact-header{border:2px solid #2c3e50;border-radius:6px;padding:8px 15px;margin-bottom:15px;background:linear-gradient(to bottom,#fff,#f8f9fa)}.exam-sheet .exam-page .compact-header .header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.exam-sheet .exam-page .compact-header .header-top .republic-info{flex:1;text-align:right}.exam-sheet .exam-page .compact-header .header-top .republic-info .republic-line{font-size:13px;font-weight:700;color:#1a202c;margin-bottom:2px}.exam-sheet .exam-page .compact-header .header-top .republic-info .ministry-line{font-size:11px;color:#4a5568}.exam-sheet .exam-page .compact-header .header-top .institution-info{flex:1;text-align:left}.exam-sheet .exam-page .compact-header .header-top .institution-info .institution-name{font-size:14px;font-weight:700;color:#1a202c;margin-bottom:2px}.exam-sheet .exam-page .compact-header .header-top .institution-info .academic-year{font-size:11px;color:#4a5568}.exam-sheet .exam-page .compact-header .header-separator{height:1px;background:linear-gradient(to right,transparent,#cbd5e0 20%,#cbd5e0 80%,transparent);margin:6px 0}.exam-sheet .exam-page .compact-header .exam-title-section{text-align:center;margin-bottom:8px}.exam-sheet .exam-page .compact-header .exam-title-section .title-with-score{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:3px}.exam-sheet .exam-page .compact-header .exam-title-section .title-with-score .exam-title{font-size:18px;font-weight:700;color:#2d3748;margin:0;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}.exam-sheet .exam-page .compact-header .exam-title-section .title-with-score .score-display{display:flex;align-items:center;gap:8px;background:#f0f4f8;border:2px solid #2d3748;border-radius:6px;padding:4px 12px}.exam-sheet .exam-page .compact-header .exam-title-section .title-with-score .score-display .score-label{font-size:13px;font-weight:600;color:#2d3748}.exam-sheet .exam-page .compact-header .exam-title-section .title-with-score .score-display .score-fraction{display:flex;align-items:center;gap:4px;font-weight:700;font-size:16px}.exam-sheet .exam-page .compact-header .exam-title-section .title-with-score .score-display .score-fraction .score-numerator{color:#e53e3e;min-width:40px;text-align:center}.exam-sheet .exam-page .compact-header .exam-title-section .title-with-score .score-display .score-fraction .score-separator{color:#718096}.exam-sheet .exam-page .compact-header .exam-title-section .title-with-score .score-display .score-fraction .score-denominator{color:#2d3748}.exam-sheet .exam-page .compact-header .exam-title-section .subject-line{font-size:13px;color:#4a5568;font-weight:500}.exam-sheet .exam-page .compact-header .general-notes{display:flex;justify-content:center;gap:15px;margin-bottom:8px;padding:6px;background:#fffbeb;border:1px solid #f59e0b;border-radius:4px}.exam-sheet .exam-page .compact-header .general-notes .note-item{display:flex;align-items:center;gap:5px;font-size:11px}.exam-sheet .exam-page .compact-header .general-notes .note-item.bonus{color:#059669;font-weight:600}.exam-sheet .exam-page .compact-header .general-notes .note-item.bonus .note-icon{color:#fbbf24}.exam-sheet .exam-page .compact-header .general-notes .note-item.warning{color:#dc2626;font-weight:500}.exam-sheet .exam-page .compact-header .general-notes .note-item.warning .note-icon{color:#f59e0b}.exam-sheet .exam-page .compact-header .general-notes .note-item .note-icon{font-size:13px}.exam-sheet .exam-page .compact-header .info-grid{background:#f7fafc;border:1px solid #cbd5e0;border-radius:4px;padding:6px 10px}.exam-sheet .exam-page .compact-header .info-grid .info-row{display:flex;gap:15px;margin-bottom:4px}.exam-sheet .exam-page .compact-header .info-grid .info-row:last-child{margin-bottom:0}.exam-sheet .exam-page .compact-header .info-grid .info-row .info-cell{flex:1;display:flex;align-items:center;gap:6px;font-size:12px}.exam-sheet .exam-page .compact-header .info-grid .info-row .info-cell .cell-label{font-weight:600;color:#4a5568;white-space:nowrap;min-width:80px}.exam-sheet .exam-page .compact-header .info-grid .info-row .info-cell .cell-value{flex:1;padding:3px 8px;background:#fff;border:1px solid #cbd5e0;border-radius:3px;color:#1a202c;font-weight:500}.exam-sheet .exam-page .page-number-header{text-align:center;font-size:12px;color:#718096;margin-bottom:10px;padding:5px;border-bottom:1px solid #e2e8f0}.exam-sheet .exam-page .content-area{flex:1;border:1px solid #cbd5e0;border-radius:4px;padding:12px;background:#fafafa;margin-bottom:15px}.exam-sheet .exam-page .content-area.first-page{min-height:550px}.exam-sheet .exam-page .content-area.additional-page{min-height:820px}.exam-sheet .exam-page .content-area .content-lines{height:100%}.exam-sheet .exam-page .content-area .content-lines .line{height:28px;border-bottom:1px solid #e5e7eb}.exam-sheet .exam-page .content-area .content-lines .line:last-child{border-bottom:none}.exam-sheet .exam-page .content-area .qcm-content .exercise-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid #3498db}.exam-sheet .exam-page .content-area .qcm-content .exercise-header .exercise-title{font-size:16px;font-weight:700;color:#2c3e50;margin:0}.exam-sheet .exam-page .content-area .qcm-content .exercise-header .exercise-points{font-size:14px;font-weight:600;color:#3498db;background:#ebf5fb;padding:4px 12px;border-radius:12px}.exam-sheet .exam-page .content-area .qcm-content .qcm-instructions{display:flex;justify-content:center;gap:20px;margin-bottom:12px;padding:6px 12px;background:#f0f9ff;border:1px solid #3b82f6;border-radius:4px}.exam-sheet .exam-page .content-area .qcm-content .qcm-instructions .instruction-item{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#1e40af}.exam-sheet .exam-page .content-area .qcm-content .qcm-instructions .instruction-item.alert{color:#dc2626;font-weight:600}.exam-sheet .exam-page .content-area .qcm-content .qcm-instructions .instruction-item.alert .instruction-icon{color:#f59e0b}.exam-sheet .exam-page .content-area .qcm-content .qcm-instructions .instruction-item .instruction-icon{font-size:14px;color:#3b82f6}.exam-sheet .exam-page .content-area .qcm-content .qcm-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;column-gap:20px}.exam-sheet .exam-page .content-area .qcm-content .qcm-grid .qcm-question{background:#fff;border:1px solid #cbd5e0;border-radius:6px;padding:12px}.exam-sheet .exam-page .content-area .qcm-content .qcm-grid .qcm-question .question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #e2e8f0}.exam-sheet .exam-page .content-area .qcm-content .qcm-grid .qcm-question .question-header .question-number{font-size:13px;font-weight:600;color:#2c3e50}.exam-sheet .exam-page .content-area .qcm-content .qcm-grid .qcm-question .question-header .question-points{font-size:11px;color:#7f8c8d}.exam-sheet .exam-page .content-area .qcm-content .qcm-grid .qcm-question .question-text{font-size:14px;color:#34495e;margin:0 0 8px;line-height:1.3}.exam-sheet .exam-page .content-area .qcm-content .qcm-grid .qcm-question .question-options .option{display:flex;align-items:flex-start;gap:8px;margin-bottom:4px;padding:3px;border-radius:3px;transition:background .2s}.exam-sheet .exam-page .content-area .qcm-content .qcm-grid .qcm-question .question-options .option:hover{background:#f8f9fa}.exam-sheet .exam-page .content-area .qcm-content .qcm-grid .qcm-question .question-options .option .option-box{font-size:16px;color:#3498db;line-height:1;margin-top:1px}.exam-sheet .exam-page .content-area .qcm-content .qcm-grid .qcm-question .question-options .option .option-text{flex:1;font-size:13px;color:#2c3e50;line-height:1.2}.exam-sheet .exam-page .content-area .situation-content .situation-question .exercise-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:8px;border-bottom:2px solid #e74c3c}.exam-sheet .exam-page .content-area .situation-content .situation-question .exercise-header .exercise-title{font-size:16px;font-weight:700;color:#2c3e50;margin:0}.exam-sheet .exam-page .content-area .situation-content .situation-question .exercise-header .exercise-points{font-size:14px;font-weight:600;color:#e74c3c;background:#fadbd8;padding:4px 12px;border-radius:12px}.exam-sheet .exam-page .content-area .situation-content .situation-question .situation-description{background:#fff;border:1px solid #cbd5e0;border-radius:6px;padding:12px;margin-bottom:12px;font-size:13px;color:#2c3e50;line-height:1.4;white-space:pre-wrap}.exam-sheet .exam-page .content-area .situation-content .situation-question .answer-area{background:#fff;border:1px solid #cbd5e0;border-radius:6px;padding:15px}.exam-sheet .exam-page .content-area .situation-content .situation-question .answer-area .answer-line{height:28px;border-bottom:1px solid #e5e7eb;margin-bottom:2px}.exam-sheet .exam-page .content-area .situation-content .situation-question .answer-area .answer-line:last-child{border-bottom:1px solid #e5e7eb}.exam-sheet .exam-page .content-area .page-number-footer{text-align:center;font-size:12px;color:#718096;margin-top:15px;padding-top:10px;border-top:1px solid #e2e8f0;font-weight:500}.exam-sheet .exam-page .page-footer{margin-top:auto}.exam-sheet .exam-page .page-footer .footer-content{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:2px solid #cbd5e0}.exam-sheet .exam-page .page-footer .footer-content .professor-section{display:flex;align-items:center;gap:8px;font-size:14px}.exam-sheet .exam-page .page-footer .footer-content .professor-section .label{font-weight:600;color:#4a5568}.exam-sheet .exam-page .page-footer .footer-content .professor-section .name{color:#2d3748;font-weight:500}.exam-sheet .exam-page .page-footer .footer-content .wishes-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #3b82f6;border-radius:8px;padding:8px 16px;box-shadow:0 2px 4px #3b82f61a}.exam-sheet .exam-page .page-footer .footer-content .wishes-section .wishes-text{font-size:13px;font-weight:600;color:#1e40af;font-style:italic}@media print{@page{size:A4;margin:0}body{margin:0;background:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.exam-sheet .exam-page{width:100%;min-height:297mm;padding:3mm 8mm 8mm;page-break-after:always;box-shadow:none;margin:0}.exam-sheet .exam-page:last-child{page-break-after:auto}.exam-sheet .exam-page *{-webkit-print-color-adjust:exact;print-color-adjust:exact}.exam-sheet .exam-page .compact-header{border:2px solid #2c3e50!important;padding:5px 10px;margin-bottom:8px;background:linear-gradient(to bottom,#fff,#f8f9fa)!important;page-break-inside:avoid}.exam-sheet .exam-page .compact-header .header-top{margin-bottom:3px}.exam-sheet .exam-page .compact-header .header-top .republic-line{font-size:11px!important}.exam-sheet .exam-page .compact-header .header-top .ministry-line{font-size:9px!important}.exam-sheet .exam-page .compact-header .header-top .institution-name{font-size:11px!important}.exam-sheet .exam-page .compact-header .header-top .academic-year{font-size:9px!important}.exam-sheet .exam-page .compact-header .header-separator{margin:3px 0}.exam-sheet .exam-page .compact-header .exam-title-section{margin-bottom:5px}.exam-sheet .exam-page .compact-header .exam-title-section .title-with-score{gap:15px;margin-bottom:2px}.exam-sheet .exam-page .compact-header .exam-title-section .title-with-score .exam-title{font-size:15px!important}.exam-sheet .exam-page .compact-header .exam-title-section .title-with-score .score-display{background:#f0f4f8!important;border:2px solid #2d3748!important;padding:3px 8px}.exam-sheet .exam-page .compact-header .exam-title-section .title-with-score .score-display .score-label{font-size:11px!important}.exam-sheet .exam-page .compact-header .exam-title-section .title-with-score .score-display .score-fraction{font-size:13px!important}.exam-sheet .exam-page .compact-header .exam-title-section .title-with-score .score-display .score-fraction .score-numerator{min-width:30px}.exam-sheet .exam-page .compact-header .exam-title-section .subject-line{font-size:11px!important}.exam-sheet .exam-page .compact-header .general-notes{background:#fffbeb!important;border:1px solid #f59e0b!important;padding:3px;margin-bottom:5px;gap:10px}.exam-sheet .exam-page .compact-header .general-notes .note-item{font-size:9px!important}.exam-sheet .exam-page .compact-header .general-notes .note-item .note-icon{font-size:10px!important}.exam-sheet .exam-page .compact-header .info-grid{background:#f7fafc!important;border:1px solid #cbd5e0!important;padding:4px 8px}.exam-sheet .exam-page .compact-header .info-grid .info-row{margin-bottom:2px}.exam-sheet .exam-page .compact-header .info-grid .info-row .info-cell{font-size:10px!important}.exam-sheet .exam-page .compact-header .info-grid .info-row .info-cell .cell-label{font-size:10px!important;min-width:60px}.exam-sheet .exam-page .compact-header .info-grid .info-row .info-cell .cell-value{background:#fff!important;border:1px solid #cbd5e0!important;padding:2px 6px;font-size:10px!important}.exam-sheet .exam-page .content-area .qcm-content .exercise-header{margin-bottom:5px;padding-bottom:4px;border-bottom:2px solid #3498db}.exam-sheet .exam-page .content-area .qcm-content .exercise-header .exercise-title{font-size:13px!important;font-weight:700;color:#2c3e50}.exam-sheet .exam-page .content-area .qcm-content .exercise-header .exercise-points{font-size:11px!important;font-weight:600;color:#3498db;background:#ebf5fb!important;padding:2px 8px}.exam-sheet .exam-page .content-area .qcm-content .qcm-instructions{background:#f0f9ff!important;border:1px solid #3b82f6!important;margin-bottom:6px;padding:3px 8px;gap:15px}.exam-sheet .exam-page .content-area .qcm-content .qcm-instructions .instruction-item{font-size:9px!important}.exam-sheet .exam-page .content-area .qcm-content .qcm-instructions .instruction-item .instruction-icon{font-size:10px!important}.exam-sheet .exam-page .content-area .qcm-content .qcm-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;column-gap:12px}.exam-sheet .exam-page .content-area .qcm-content .qcm-grid .qcm-question{background:#fff!important;border:1px solid #cbd5e0!important;padding:8px;page-break-inside:avoid}.exam-sheet .exam-page .content-area .qcm-content .qcm-grid .qcm-question .question-header{margin-bottom:5px;padding-bottom:4px;border-bottom:1px solid #e2e8f0}.exam-sheet .exam-page .content-area .qcm-content .qcm-grid .qcm-question .question-header .question-number{font-size:11px!important}.exam-sheet .exam-page .content-area .qcm-content .qcm-grid .qcm-question .question-header .question-points{font-size:10px!important}.exam-sheet .exam-page .content-area .qcm-content .qcm-grid .qcm-question .question-text{font-size:12px!important;line-height:1.3;margin:0 0 5px;color:#34495e}.exam-sheet .exam-page .content-area .qcm-content .qcm-grid .qcm-question .question-options .option{margin-bottom:3px;padding:2px;display:flex;gap:6px}.exam-sheet .exam-page .content-area .qcm-content .qcm-grid .qcm-question .question-options .option .option-box{font-size:13px!important;color:#3498db}.exam-sheet .exam-page .content-area .qcm-content .qcm-grid .qcm-question .question-options .option .option-text{font-size:11px!important;line-height:1.2;color:#2c3e50}.exam-sheet .exam-page .content-area .qcm-content .hide-in-print{display:none!important}.exam-sheet .exam-page .content-area .qcm-content .page-number-footer{text-align:center;font-size:10px!important;color:#718096;margin-top:8px;padding-top:6px;border-top:1px solid #e2e8f0;font-weight:500;page-break-inside:avoid}.exam-sheet .exam-page .content-area .situation-content .situation-question{page-break-inside:avoid}.exam-sheet .exam-page .content-area .situation-content .situation-question .exercise-header{margin-bottom:6px;padding-bottom:4px;border-bottom:2px solid #e74c3c}.exam-sheet .exam-page .content-area .situation-content .situation-question .exercise-header .exercise-title{font-size:13px!important;font-weight:700;color:#2c3e50}.exam-sheet .exam-page .content-area .situation-content .situation-question .exercise-header .exercise-points{font-size:11px!important;font-weight:600;color:#e74c3c;background:#fadbd8!important;padding:2px 8px}.exam-sheet .exam-page .content-area .situation-content .situation-question .situation-description{background:#fff!important;border:1px solid #cbd5e0!important;font-size:10px!important;line-height:1.3;padding:8px;margin-bottom:8px;color:#2c3e50;white-space:pre-wrap}.exam-sheet .exam-page .content-area .situation-content .situation-question .answer-area{background:#fff!important;border:1px solid #cbd5e0!important;padding:8px}.exam-sheet .exam-page .content-area .situation-content .situation-question .answer-area .answer-line{height:22px!important;border-bottom:1px solid #e5e7eb;margin-bottom:1px}.exam-sheet .exam-page .page-footer{page-break-inside:avoid;margin-top:5px}.exam-sheet .exam-page .page-footer .footer-content{border-top:2px solid #cbd5e0;padding:5px 0;display:flex;justify-content:space-between;align-items:center}.exam-sheet .exam-page .page-footer .footer-content .professor-section,.exam-sheet .exam-page .page-footer .footer-content .professor-section .label,.exam-sheet .exam-page .page-footer .footer-content .professor-section .name{font-size:11px!important}.exam-sheet .exam-page .page-footer .footer-content .wishes-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)!important;border:2px solid #3b82f6!important;border-radius:6px;padding:5px 12px}.exam-sheet .exam-page .page-footer .footer-content .wishes-section .wishes-text{font-size:11px!important;font-weight:600;color:#1e40af;font-style:italic}.exam-sheet .exam-page .content-area.first-page,.exam-sheet .exam-page .content-area.additional-page{min-height:auto!important}.exam-sheet .exam-page .qcm-grid,.exam-sheet .exam-page .situation-content{page-break-inside:auto}}.question-editor{max-width:1400px;margin:0 auto;padding:20px;direction:rtl;font-family:Tajawal,Cairo,sans-serif}.question-editor h2{text-align:center;color:#2c3e50;margin-bottom:30px;font-size:28px}.question-editor .set-selector{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);border:2px solid #cbd5e0;border-radius:8px;padding:20px;margin-bottom:30px;text-align:center;box-shadow:0 2px 8px #00000014}.question-editor .set-selector label{display:block;color:#2c3e50;font-weight:600;margin-bottom:12px;font-size:16px}.question-editor .set-selector .set-dropdown{width:300px;padding:12px 16px;border:2px solid #3498db;border-radius:6px;font-family:inherit;font-size:15px;font-weight:600;color:#2c3e50;background:#fff;cursor:pointer;transition:all .3s;text-align:center}.question-editor .set-selector .set-dropdown:hover{border-color:#2980b9;box-shadow:0 2px 8px #3498db33}.question-editor .set-selector .set-dropdown:focus{outline:none;border-color:#2980b9;box-shadow:0 0 0 3px #3498db1a}.question-editor .set-selector .set-dropdown option{padding:10px;font-size:14px}.question-editor .editor-container{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}@media(max-width:1024px){.question-editor .editor-container{grid-template-columns:1fr}}.question-editor .section{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.question-editor .section h3{color:#2c3e50;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #3498db;font-size:20px}.question-editor .section h4{color:#34495e;margin-top:20px;margin-bottom:15px;font-size:16px}.question-editor .qcm-section{border-right:4px solid #3498db}.question-editor .situation-section{border-right:4px solid #e74c3c}.question-editor .form-group{margin-bottom:20px}.question-editor .form-group label{display:block;color:#2c3e50;font-weight:600;margin-bottom:8px;font-size:14px}.question-editor .form-group input[type=text],.question-editor .form-group input[type=number],.question-editor .form-group textarea{width:100%;padding:10px;border:1px solid #cbd5e0;border-radius:4px;font-family:inherit;font-size:14px;transition:border-color .3s}.question-editor .form-group input[type=text]:focus,.question-editor .form-group input[type=number]:focus,.question-editor .form-group textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.question-editor .form-group input[type=number]{width:120px}.question-editor .form-group textarea{resize:vertical;min-height:80px}.question-editor .form-group small.hint{display:block;color:#7f8c8d;font-size:12px;margin-top:5px}.question-editor .option-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.question-editor .option-row input[type=text]{flex:1;margin-bottom:0}.question-editor .option-row .checkbox-label{display:flex;align-items:center;gap:5px;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}.question-editor .option-row .checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px}.question-editor .option-row .checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.question-editor .option-row .checkbox-label span{font-size:13px;color:#2c3e50}.question-editor .form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.question-editor .add-btn{width:100%;padding:12px 20px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.question-editor .add-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3498db66}.question-editor .add-btn:active{transform:translateY(0)}.question-editor .questions-list{margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0}.question-editor .questions-list .question-item{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:15px;margin-bottom:15px}.question-editor .questions-list .question-item .question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.question-editor .questions-list .question-item .question-header .question-number{font-weight:600;color:#2c3e50}.question-editor .questions-list .question-item .question-header .question-points{background:#3498db;color:#fff;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.question-editor .questions-list .question-item .question-header .delete-btn{background:#e74c3c;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:background .3s}.question-editor .questions-list .question-item .question-header .delete-btn:hover{background:#c0392b}.question-editor .questions-list .question-item .question-text{color:#34495e;margin:10px 0;line-height:1.6}.question-editor .questions-list .question-item h5{color:#2c3e50;margin-bottom:8px;font-size:15px}.question-editor .questions-list .question-item small{color:#7f8c8d;font-size:12px}.question-editor .questions-list .question-item .options-preview{list-style:none;padding:0;margin:10px 0 0}.question-editor .questions-list .question-item .options-preview li{padding:6px 10px;margin-bottom:5px;background:#fff;border-radius:4px;font-size:13px;color:#34495e}.question-editor .questions-list .question-item .options-preview li.correct{background:#d4edda;color:#155724;font-weight:600}.question-editor .summary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:8px;text-align:center;margin-bottom:20px;box-shadow:0 4px 12px #667eea4d}.question-editor .summary p{margin:8px 0;font-size:16px}.question-editor .summary p strong{font-size:20px;margin-right:5px}.question-editor .actions{display:flex;justify-content:center;gap:20px}.question-editor .actions button{padding:14px 40px;border:none;border-radius:6px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s}.question-editor .actions button.back-btn{background:#95a5a6;color:#fff}.question-editor .actions button.back-btn:hover{background:#7f8c8d}.question-editor .actions button.next-btn{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.question-editor .actions button.next-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #27ae6066}.question-editor .actions button:active{transform:translateY(0)}.answer-key-editor{padding:30px;background:linear-gradient(to bottom,#f8f9fa,#fff);direction:rtl;font-family:Arial,Tahoma,sans-serif}@media print{.answer-key-editor{padding:0;background:#fff!important}}.answer-key-editor .editor-header{text-align:center;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #667eea4d}@media print{.answer-key-editor .editor-header{display:none!important}}.answer-key-editor .editor-header h2{color:#fff;font-size:28px;margin:0 0 10px;font-weight:700}.answer-key-editor .editor-header .editor-description{color:#ffffffe6;font-size:14px;margin:0}.answer-key-editor .section-title{font-size:20px;font-weight:700;color:#2c3e50;margin-bottom:20px;padding:12px 20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-right:5px solid #3498db;border-radius:8px;display:flex;align-items:center;gap:10px}.answer-key-editor .section-title .section-icon{font-size:24px}.answer-key-editor .qcm-answers-section{margin-bottom:40px;padding:25px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a}.answer-key-editor .qcm-answers-section .qcm-answers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:20px}.answer-key-editor .qcm-answers-section .qcm-answer-item{background:#f8f9fa;border:2px solid #e2e8f0;border-radius:10px;padding:20px;transition:all .3s ease}.answer-key-editor .qcm-answers-section .qcm-answer-item:hover{border-color:#3498db;box-shadow:0 4px 12px #3498db26}.answer-key-editor .qcm-answers-section .qcm-answer-item .question-number-badge{display:inline-block;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:12px}.answer-key-editor .qcm-answers-section .qcm-answer-item .question-text{font-size:15px;color:#2c3e50;margin:0 0 15px;line-height:1.5;font-weight:500}.answer-key-editor .qcm-answers-section .qcm-answer-item .answer-options{display:flex;flex-direction:column;gap:10px}.answer-key-editor .qcm-answers-section .qcm-answer-item .answer-options .answer-option{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease}.answer-key-editor .qcm-answers-section .qcm-answer-item .answer-options .answer-option:hover{background:#f0f9ff;border-color:#3498db}.answer-key-editor .qcm-answers-section .qcm-answer-item .answer-options .answer-option input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#10b981}.answer-key-editor .qcm-answers-section .qcm-answer-item .answer-options .answer-option input[type=checkbox]:checked+.option-label{color:#10b981;font-weight:600}.answer-key-editor .qcm-answers-section .qcm-answer-item .answer-options .answer-option .option-label{flex:1;font-size:14px;color:#34495e;line-height:1.4}.answer-key-editor .situation-answers-section{padding:25px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a}.answer-key-editor .situation-answers-section .situation-answer-item{background:#f8f9fa;border:2px solid #e2e8f0;border-radius:10px;padding:25px;margin-bottom:20px}.answer-key-editor .situation-answers-section .situation-answer-item:last-child{margin-bottom:0}.answer-key-editor .situation-answers-section .situation-answer-item .situation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:12px;border-bottom:2px solid #e74c3c}.answer-key-editor .situation-answers-section .situation-answer-item .situation-header .situation-title{font-size:18px;font-weight:700;color:#2c3e50;margin:0}.answer-key-editor .situation-answers-section .situation-answer-item .situation-header .situation-points{font-size:14px;font-weight:600;color:#e74c3c;background:#fadbd8;padding:6px 16px;border-radius:20px}.answer-key-editor .situation-answers-section .situation-answer-item .situation-description{background:#fff;border:1px solid #cbd5e0;border-radius:6px;padding:15px;margin-bottom:20px;font-size:14px;color:#2c3e50;line-height:1.6;white-space:pre-wrap}.answer-key-editor .situation-answers-section .situation-answer-item .answer-key-input label{display:block;font-size:16px;font-weight:600;color:#2c3e50;margin-bottom:12px;padding:8px 12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:6px;display:inline-block}.answer-key-editor .situation-answers-section .situation-answer-item .answer-key-input textarea{width:100%;padding:15px;border:2px solid #cbd5e0;border-radius:8px;font-size:14px;font-family:Arial,Tahoma,sans-serif;line-height:1.6;resize:vertical;min-height:200px;transition:all .3s ease;direction:rtl}.answer-key-editor .situation-answers-section .situation-answer-item .answer-key-input textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.answer-key-editor .situation-answers-section .situation-answer-item .answer-key-input textarea::placeholder{color:#9ca3af}.answer-key-sheet .answer-key-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;column-gap:16px}@media print{.answer-key-sheet .answer-key-grid{gap:8px;column-gap:12px}}.answer-key-sheet .answer-key-grid .answer-key-question{background:#fff;border:2px solid #10b981;border-radius:8px;padding:10px;position:relative}@media print{.answer-key-sheet .answer-key-grid .answer-key-question{padding:6px;border-width:1.5px;page-break-inside:avoid}}.answer-key-sheet .answer-key-grid .answer-key-question .question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid #d1fae5}.answer-key-sheet .answer-key-grid .answer-key-question .question-header .question-number{font-size:12px;font-weight:700;color:#10b981}@media print{.answer-key-sheet .answer-key-grid .answer-key-question .question-header .question-number{font-size:10px!important}}.answer-key-sheet .answer-key-grid .answer-key-question .question-header .question-points{font-size:11px;font-weight:600;color:#e74c3c;background:#fef2f2;padding:2px 8px;border-radius:10px}@media print{.answer-key-sheet .answer-key-grid .answer-key-question .question-header .question-points{font-size:9px!important;padding:1px 5px;background:#fef2f2!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.answer-key-sheet .answer-key-grid .answer-key-question .question-text{font-size:12px;color:#1f2937;margin:0 0 6px;line-height:1.3;font-weight:500}@media print{.answer-key-sheet .answer-key-grid .answer-key-question .question-text{font-size:10px!important;margin-bottom:4px}}.answer-key-sheet .answer-key-grid .answer-key-question .question-options{margin-bottom:8px}@media print{.answer-key-sheet .answer-key-grid .answer-key-question .question-options{margin-bottom:5px}}.answer-key-sheet .answer-key-grid .answer-key-question .question-options .option{display:flex;align-items:flex-start;gap:6px;margin-bottom:3px;padding:3px 6px;border-radius:4px;background:#f9fafb;transition:all .2s}@media print{.answer-key-sheet .answer-key-grid .answer-key-question .question-options .option{padding:2px 4px;margin-bottom:2px;background:#f9fafb!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.answer-key-sheet .answer-key-grid .answer-key-question .question-options .option.correct-option{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b981}@media print{.answer-key-sheet .answer-key-grid .answer-key-question .question-options .option.correct-option{background:#d1fae5!important;border:1px solid #10b981!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.answer-key-sheet .answer-key-grid .answer-key-question .question-options .option.correct-option .option-box{color:#059669;font-weight:700}.answer-key-sheet .answer-key-grid .answer-key-question .question-options .option.correct-option .option-text{color:#047857;font-weight:600}.answer-key-sheet .answer-key-grid .answer-key-question .question-options .option .option-box{font-size:14px;color:#9ca3af;line-height:1;margin-top:1px;min-width:16px}@media print{.answer-key-sheet .answer-key-grid .answer-key-question .question-options .option .option-box{font-size:12px!important}}.answer-key-sheet .answer-key-grid .answer-key-question .question-options .option .option-text{flex:1;font-size:11px;color:#4b5563;line-height:1.2}@media print{.answer-key-sheet .answer-key-grid .answer-key-question .question-options .option .option-text{font-size:9px!important}}.answer-key-sheet .answer-key-grid .answer-key-question .answer-summary{display:flex;align-items:center;gap:6px;padding:4px 8px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #10b981;border-radius:6px;font-size:11px}@media print{.answer-key-sheet .answer-key-grid .answer-key-question .answer-summary{padding:3px 5px;font-size:9px!important}}.answer-key-sheet .answer-key-grid .answer-key-question .answer-summary .answer-label{font-weight:600;color:#047857}.answer-key-sheet .answer-key-grid .answer-key-question .answer-summary .answer-value{color:#059669;font-weight:700}.answer-key-sheet .situation-description-box,.answer-key-sheet .answer-key-box{background:#fff;border:2px solid #cbd5e0;border-radius:8px;padding:15px;margin-bottom:15px}@media print{.answer-key-sheet .situation-description-box,.answer-key-sheet .answer-key-box{padding:10px!important;margin-bottom:10px!important;page-break-inside:avoid}}.answer-key-sheet .situation-description-box .box-title,.answer-key-sheet .answer-key-box .box-title{font-size:14px;font-weight:600;color:#2c3e50;margin:0 0 10px;padding-bottom:6px;border-bottom:2px solid #3498db}@media print{.answer-key-sheet .situation-description-box .box-title,.answer-key-sheet .answer-key-box .box-title{font-size:12px!important}}.answer-key-sheet .situation-description-box .situation-text,.answer-key-sheet .situation-description-box .answer-text,.answer-key-sheet .answer-key-box .situation-text,.answer-key-sheet .answer-key-box .answer-text{font-size:13px;color:#34495e;line-height:1.6;white-space:pre-wrap}@media print{.answer-key-sheet .situation-description-box .situation-text,.answer-key-sheet .situation-description-box .answer-text,.answer-key-sheet .answer-key-box .situation-text,.answer-key-sheet .answer-key-box .answer-text{font-size:11px!important;line-height:1.5}}.answer-key-sheet .answer-key-box{border-color:#10b981}@media print{.answer-key-sheet .answer-key-box{border-color:#10b981!important}}.answer-key-sheet .answer-key-box .box-title{color:#10b981;border-bottom-color:#10b981}.answer-key-sheet .answer-key-box .answer-text{background:#f0fdf4;padding:12px;border-radius:6px;border:1px solid #d1fae5}@media print{.answer-key-sheet .answer-key-box .answer-text{background:#f0fdf4!important;border:1px solid #d1fae5!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.exam-preview{min-height:100vh;background:#fff;margin:0;padding:0}.exam-preview .preview-header{background:var(--bg-primary);padding:var(--spacing-xl) var(--spacing-2xl);box-shadow:var(--shadow-md);display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.exam-preview .preview-header .header-info{display:flex;align-items:center;gap:var(--spacing-lg)}.exam-preview .preview-header .header-info svg{color:var(--primary-color)}.exam-preview .preview-header .header-info h1{font-size:var(--text-2xl);margin:0}.exam-preview .preview-header .header-info p{color:var(--text-secondary);margin:0}.exam-preview .preview-header .header-actions{display:flex;gap:var(--spacing-md)}.exam-preview .preview-controls{background:var(--bg-primary);padding:var(--spacing-lg) var(--spacing-2xl);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-lg)}.exam-preview .preview-controls .filter-section{display:flex;align-items:center;gap:var(--spacing-md)}.exam-preview .preview-controls .filter-section svg{color:var(--text-secondary)}.exam-preview .preview-controls .filter-section label{font-weight:500;color:var(--text-primary)}.exam-preview .preview-controls .filter-section select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-base);min-width:250px;background:var(--bg-secondary)}.exam-preview .preview-controls .filter-section select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.exam-preview .preview-controls .action-buttons{display:flex;gap:var(--spacing-md)}@media(max-width:768px){.exam-preview .preview-controls .action-buttons{width:100%}.exam-preview .preview-controls .action-buttons button{flex:1}}.exam-preview .preview-navigation{background:var(--bg-primary);padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:0 auto var(--spacing-xl);max-width:900px;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-xl)}.exam-preview .preview-navigation .nav-btn{min-width:100px}.exam-preview .preview-navigation .nav-btn:disabled{opacity:.5;cursor:not-allowed}.exam-preview .preview-navigation .student-info{text-align:center;flex:1}.exam-preview .preview-navigation .student-info .student-number{display:block;font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.exam-preview .preview-navigation .student-info h3{font-size:var(--text-xl);margin:0 0 var(--spacing-xs) 0;color:var(--text-primary)}.exam-preview .preview-navigation .student-info .student-class{font-size:var(--text-sm);color:var(--primary-color);font-weight:500}@media(max-width:640px){.exam-preview .preview-navigation{flex-direction:column;gap:var(--spacing-md)}.exam-preview .preview-navigation .nav-btn{width:100%}.exam-preview .preview-navigation .student-info{order:-1}}.exam-preview .preview-container{display:flex;justify-content:center;padding:0 var(--spacing-lg) var(--spacing-2xl)}.exam-preview .preview-container .sheet-wrapper{width:100%;max-width:900px}@media(min-width:1200px){.exam-preview .preview-container .sheet-wrapper{transform:scale(.9);transform-origin:top center}}.exam-preview .print-container .exam-sheet{margin-bottom:0}@media print{@page{size:A4;margin:0;background:#fff}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}html,body{background:#fff!important;background-color:#fff!important;margin:0!important;padding:0!important;width:100%!important;height:100%!important}:root{--bg-primary: white !important;--bg-secondary: white !important;--bg-tertiary: white !important}.exam-preview{padding:0!important;margin:0!important;background:#fff!important;background-color:#fff!important;min-height:0!important;width:100%!important;height:auto!important}.exam-preview *{box-shadow:none!important}.exam-preview .preview-header,.exam-preview .preview-controls,.exam-preview .preview-navigation,.exam-preview .preview-container,.exam-preview .no-print{display:none!important}.exam-preview .print-container{background:#fff!important;background-color:#fff!important;margin:0!important;padding:0!important;width:100%!important}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color: #2563eb;--secondary-color: #10b981;--danger-color: #dc2626;--warning-color: #f59e0b;--text-primary: #1f2937;--text-secondary: #6b7280;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--border-color: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem}body{font-family:Segoe UI,Arial,Tahoma,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);color:var(--text-primary);direction:rtl;line-height:1.6}h1,h2,h3,h4,h5,h6{margin-bottom:var(--spacing-md);font-weight:600;line-height:1.2}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:var(--spacing-sm)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.btn-primary{background:var(--primary-color);color:#fff}.btn.btn-primary:hover:not(:disabled){background:#134cca;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn.btn-secondary:hover:not(:disabled){background:var(--bg-secondary)}.btn.btn-success{background:var(--secondary-color);color:#fff}.btn.btn-success:hover:not(:disabled){background:#0c8a60}.btn.btn-info{background:#06b6d4;color:#fff}.btn.btn-info:hover:not(:disabled){background:#0891b2;transform:translateY(-1px);box-shadow:var(--shadow-md)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-base);transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.form-group .error{color:var(--danger-color);font-size:var(--text-sm);margin-top:var(--spacing-xs)}.form-group .hint{color:var(--text-secondary);font-size:var(--text-sm);margin-top:var(--spacing-xs)}@media print{html,body{background:#fff!important;margin:0!important;padding:0!important}.no-print,.app-header,.app-main .back-button,.preview-header,.preview-controls{display:none!important}}.app{min-height:100vh;display:flex;flex-direction:column;background:#fff}.app .app-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;padding:var(--spacing-2xl) var(--spacing-xl);text-align:center;box-shadow:var(--shadow-lg)}.app .app-header .header-content{margin-bottom:var(--spacing-2xl)}.app .app-header .header-content h1{font-size:2.5rem;margin-bottom:var(--spacing-sm);font-weight:700}@media(max-width:640px){.app .app-header .header-content h1{font-size:1.875rem}}.app .app-header .header-content p{font-size:var(--text-lg);opacity:.9}.app .app-header .progress-indicator{display:flex;justify-content:center;align-items:center;max-width:600px;margin:0 auto}.app .app-header .progress-indicator .step{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);position:relative}.app .app-header .progress-indicator .step .step-number{width:40px;height:40px;border-radius:50%;background:#fff3;border:2px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-lg);transition:all .3s}.app .app-header .progress-indicator .step span{font-size:var(--text-sm);opacity:.8;white-space:nowrap}.app .app-header .progress-indicator .step.active .step-number{background:#fff;color:var(--primary-color);border-color:#fff;box-shadow:0 0 0 4px #ffffff4d}.app .app-header .progress-indicator .step.active span{opacity:1;font-weight:600}.app .app-header .progress-indicator .step.completed .step-number{background:#ffffffe6;color:var(--secondary-color);border-color:#ffffffe6}.app .app-header .progress-indicator .step.completed .step-number:after{content:"✓";position:absolute;font-size:1.2rem}.app .app-header .progress-indicator .step-connector{flex:1;height:2px;background:#ffffff4d;margin:0 var(--spacing-md);max-width:100px}@media(max-width:640px){.app .app-header .progress-indicator .step-connector{max-width:50px;margin:0 var(--spacing-sm)}}@media(max-width:640px){.app .app-header .progress-indicator .step span{font-size:var(--text-xs)}}.app .app-main{flex:1;padding:var(--spacing-xl);position:relative}.app .app-main .back-button{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);z-index:10;display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm)}.app .app-main .back-button:hover{background:var(--bg-tertiary);transform:translate(2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.exam-config,.file-upload,.exam-preview{animation:fadeIn .5s ease-out}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Poppins,Tajawal,sans-serif;background:#0f0f23;color:#f8fafc;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:has(.exam-route){background:#fff!important}#root{min-height:100vh}#root:has(.exam-route){background:#fff!important}a{text-decoration:none;color:inherit}button,input,textarea{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0a0a1a}::-webkit-scrollbar-thumb{background:#6366f1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#818cf8}::selection{background:#6366f14d;color:#f8fafc}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:all .3s ease-out}.page-transition-exit{opacity:1;transform:translateY(0)}.page-transition-exit-active{opacity:0;transform:translateY(-20px);transition:all .3s ease-in}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.text-gradient{background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:#1e1e3c99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.1)}@media print{body{background:#fff!important;color:#000!important}#root{background:#fff!important}.no-print,.sidebar{display:none!important}.main-content{margin:0!important;padding:0!important;width:100%!important}}