@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap";:root{--font-family:"Cairo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--bg-main:#f8fafc;--bg-card:#fff;--bg-card-solid:#fff;--bg-hover:#f1f5f9;--text-main:#0f172a;--text-muted:#64748b;--text-inverse:#fff;--border-color:#e2e8f0;--border-active:#2563eb;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--info:#2563eb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--radius-sm:6px;--radius-md:8px;--radius-lg:12px}[data-theme=dark]{--bg-main:#0f172a;--bg-card:#1e293b;--bg-card-solid:#1e293b;--bg-hover:#334155;--text-main:#f8fafc;--text-muted:#94a3b8;--text-inverse:#0f172a;--border-color:#334155;--border-active:#3b82f6;--shadow-sm:0 1px 3px 0 #0003}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;direction:rtl;min-height:100vh;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.glass-panel,.glass-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.glass-card{padding:1.5rem}.btn{font-family:var(--font-family);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 2px #0000000d}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn:active{transform:translateY(0)}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--bg-hover);color:var(--text-main);border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--border-color)}.btn-success{background-color:var(--success);color:#fff}.btn-danger{background-color:var(--danger);color:#fff}.btn-sm{border-radius:var(--radius-sm);padding:.35rem .75rem;font-size:.82rem}.btn-icon{border-radius:var(--radius-md);width:36px;height:36px;padding:0}.badge{border-radius:var(--radius-sm);align-items:center;gap:.3rem;padding:.15rem .55rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{color:#15803d;background:#dcfce7}.badge-warning{color:#b45309;background:#fef3c7}.badge-danger{color:#b91c1c;background:#fee2e2}.badge-info{color:#1d4ed8;background:#dbeafe}.input-field{background:var(--bg-card-solid);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-main);font-family:var(--font-family);padding:.6rem .85rem;font-size:.9rem}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.form-group{flex-direction:column;gap:.35rem;margin-bottom:.85rem;display:flex}.form-group label{color:var(--text-muted);font-size:.85rem;font-weight:600}.modal-overlay{z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:540px;max-height:90vh;box-shadow:var(--shadow-lg);overflow-y:auto}.whiteboard-container{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:#fff;flex-direction:column;width:100%;height:calc(100vh - 140px);display:flex;position:relative;overflow:hidden}.whiteboard-toolbar{z-index:100;box-shadow:var(--shadow-md);background:#fff;border:1px solid #cbd5e1;border-radius:9999px;align-items:center;gap:.35rem;padding:.35rem .75rem;display:flex;position:absolute;top:14px;right:50%;transform:translate(50%)}.tool-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.tool-btn:hover{color:#0f172a;background:#f1f5f9}.tool-btn.active{color:#fff;background:#2563eb}@media print{body *{visibility:hidden}.printable-receipt,.printable-receipt *{visibility:visible}.printable-receipt{width:100%;margin:0;padding:20px;position:absolute;top:0;left:0;color:#000!important;background:#fff!important}.no-print{display:none!important}}@media (width<=768px){.glass-card,.glass-panel{padding:1rem!important}.dashboard-grid{grid-template-columns:1fr!important}.flex-row{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important}.nav-tabs{flex-wrap:wrap!important;gap:.5rem!important}.nav-tabs button{flex:calc(50% - .5rem)!important;padding:.5rem!important;font-size:.8rem!important}.modal-content{width:95%!important;margin:1rem auto!important}table{white-space:nowrap;width:100%;display:block;overflow-x:auto}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (width<=480px){.live-video-flex-stage>div:last-child{width:160px!important;height:120px!important;bottom:10px!important;right:10px!important}}@media (width<=768px){.desktop-nav{display:none!important}.mobile-menu-btn{display:flex!important}.mobile-nav{background:var(--bg-card);box-shadow:var(--shadow-md);z-index:1000;flex-direction:column;padding:1rem;position:absolute;top:100%;left:0;right:0;display:flex!important}.mobile-nav .btn{border-bottom:1px solid var(--border-color);border-radius:0;justify-content:flex-start;padding:.75rem 1rem}.mobile-nav .btn:last-child{border-bottom:none}}@media (width>=769px){.mobile-nav,.mobile-menu-btn{display:none!important}}@media (width<=768px){.live-video-flex-stage{flex-direction:column!important;min-height:320px!important}.classroom-grid-container{grid-template-columns:1fr!important}.lk-room-container,.lk-video-conference{border-radius:var(--radius-md)!important;min-height:320px!important}.lk-control-bar{flex-wrap:wrap!important;justify-content:center!important;gap:.3rem!important;padding:.4rem!important}.lk-button{padding:.4rem .6rem!important;font-size:.75rem!important}.btn{white-space:nowrap;padding:.5rem .75rem!important;font-size:.82rem!important}.btn-sm{padding:.35rem .6rem!important;font-size:.75rem!important}[style*=gridTemplateColumns]{grid-template-columns:1fr!important}[style*="justifyContent: 'space-between'"],[style*="justify-content: space-between"]{flex-wrap:wrap!important}.input-field,.form-input,input[type=text],input[type=email],input[type=number],input[type=password],textarea,select{box-sizing:border-box!important;width:100%!important;font-size:16px!important}[style*="grid-template-columns: 1fr 1fr"],[style*="gridTemplateColumns: '1fr 1fr'"]{grid-template-columns:1fr!important}.modal-overlay>div,[style*="maxWidth: '600px'"],[style*="maxWidth: '450px'"],[style*="maxWidth: '400px'"],[style*="max-width: 600px"],[style*="max-width: 450px"],[style*="max-width: 400px"]{width:95vw!important;max-width:95vw!important;margin:.5rem auto!important}h1{font-size:1.3rem!important}h2{font-size:1.15rem!important}h3{font-size:1rem!important}main,[style*="maxWidth: '1200px'"],[style*="max-width: 1200px"]{padding:0 .5rem!important}[style*="repeat(auto-fill, minmax(200px"]{grid-template-columns:repeat(2,1fr)!important;gap:.4rem!important}img{max-width:100%!important;height:auto!important}}@media (width<=480px){.btn{padding:.4rem .5rem!important;font-size:.75rem!important}h1{font-size:1.1rem!important}[style*="repeat(auto-fill, minmax(200px"],[style*="repeat(auto-fill, minmax(290px"],[style*="repeat(auto-fill, minmax(320px"]{grid-template-columns:1fr!important}}.student-view button[title=Share\ screen],.student-view button[aria-label=Share\ screen],.student-view .lk-control-bar button:nth-child(3){display:none!important}.input-field,.form-input,input[type=text],input[type=email],input[type=number],input[type=password],textarea,select{width:100%;color:#1e293b!important;background-color:#f8fafc!important;border:1px solid #cbd5e1!important;border-radius:12px!important;outline:none!important;padding:14px 18px!important;font-family:inherit!important;font-size:.95rem!important;transition:all .2s ease-in-out!important;box-shadow:inset 0 1px 2px #00000005!important}.input-field::placeholder,.form-input::placeholder,input::placeholder,textarea::placeholder{color:#94a3b8!important;font-weight:400!important}.input-field:hover,.form-input:hover,input[type=text]:hover,input[type=email]:hover,input[type=number]:hover,input[type=password]:hover,textarea:hover,select:hover{background-color:#f1f5f9!important;border-color:#94a3b8!important}.input-field:focus,.form-input:focus,input[type=text]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,textarea:focus,select:focus{background-color:#fff!important;border-color:#3b82f6!important;box-shadow:0 0 0 4px #3b82f626,0 1px 2px #0000000d!important}.input-field:disabled,.form-input:disabled,input:disabled,textarea:disabled,select:disabled{color:#64748b!important;cursor:not-allowed!important;box-shadow:none!important;background-color:#f1f5f9!important;border-color:#e2e8f0!important}select.input-field,select.form-input,select{appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important;background-position:14px!important;background-repeat:no-repeat!important;background-size:16px!important;padding-left:40px!important}textarea.input-field,textarea.form-input,textarea{resize:vertical!important;min-height:120px!important;line-height:1.6!important}@keyframes blob{0%{transform:translate(0)scale(1)}33%{transform:translate(30px,-50px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}to{transform:translate(0)scale(1)}}.animate-blob{animation:7s infinite blob}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:.6s ease-out forwards fade-in-up}@keyframes shimmer{to{transform:translate(100%)}}