.login-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:#f8f9fa}.login-container{display:flex;flex-direction:column;justify-content:center;padding:60px 100px;max-width:600px;justify-self:center;margin:auto;border-radius:0;border:none;background:#fff;box-shadow:none}.login-header{margin-bottom:40px}.login-header h1{font-size:2.5rem;margin:20px 0 10px;color:#1a1a1a}.login-header p{color:var(--text-muted)}.role-selector{display:flex;background:#f1f5f9;padding:6px;border-radius:14px;position:relative;margin-bottom:35px;box-shadow:inset 0 2px 4px #0000000d}.role-btn{flex:1;border:none;background:none;padding:14px;font-size:.95rem;font-weight:700;cursor:pointer;z-index:1;transition:all .3s cubic-bezier(.4,0,.2,1);color:#64748b}.role-btn.active{color:#fff}.role-indicator{position:absolute;top:6px;left:6px;width:calc(33.333% - 6px);height:calc(100% - 12px);background:linear-gradient(135deg,#f27c07,#ff9d42);border-radius:10px;box-shadow:0 4px 12px #f27c0733;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.role-indicator.teacher{transform:translate(100%)}.role-indicator.admin{transform:translate(200%)}.login-form .form-group{margin-bottom:20px}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;font-size:.9rem}.checkbox-container{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-muted)}.forgot-password{color:var(--primary);text-decoration:none;font-weight:600}.login-btn{width:100%;justify-content:center;font-size:1.1rem;padding:15px}.login-footer{margin-top:40px;text-align:center;color:var(--text-muted)}.login-footer a{color:var(--primary);text-decoration:none;font-weight:600}.login-visual{background:linear-gradient(135deg,#f27c07,#ff9d42);display:flex;align-items:center;justify-content:center;padding:80px;color:#fff}.visual-content{max-width:500px}.visual-content h2{font-size:3rem;line-height:1.2;margin-bottom:20px}.visual-content p{font-size:1.2rem;opacity:.9;margin-bottom:40px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.stat-item h3{font-size:2.5rem;margin-bottom:5px}.stat-item p{font-size:1rem;opacity:.8;margin:0}@media(max-width:1024px){.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-container{padding:30px 20px}.login-header h1{font-size:2rem;margin-top:10px}}.error-message{display:flex;align-items:center;gap:10px;padding:14px 18px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-left:4px solid #ef4444;border-radius:12px;color:#b91c1c;font-size:.9rem;font-weight:600;margin-bottom:24px;animation:shakeError .4s ease}.error-message svg{flex-shrink:0;color:#ef4444}@keyframes shakeError{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.role-btn{display:flex;align-items:center;justify-content:center;gap:8px}.role-icon{font-size:1.1rem}.toggle-auth-btn{background:none;border:none;color:var(--primary);font-weight:700;font-size:inherit;cursor:pointer;padding:0;text-decoration:underline;transition:color .2s ease}.toggle-auth-btn:hover{color:#d16a00}.login-btn.loading{background:linear-gradient(135deg,#94a3b8,#cbd5e1);cursor:not-allowed;display:flex;align-items:center;gap:10px}.btn-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.security-notice{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:30px;padding:12px 16px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;font-size:.8rem;color:#166534;font-weight:500}.security-notice svg{flex-shrink:0;color:#22c55e}.login-form .form-group label{display:block;font-weight:600;font-size:.9rem;color:#334155;margin-bottom:8px}.login-form .form-group input{width:100%;padding:14px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .2s ease;background:#f8fafc}.login-form .form-group input:focus{outline:none;border-color:#f27c07;background:#fff;box-shadow:0 0 0 4px #f27c071a}.login-form .form-group input::placeholder{color:#94a3b8}.login-btn{background:linear-gradient(135deg,#f27c07,#ff9d42);border:none;color:#fff;font-weight:700;border-radius:14px;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 15px #f27c074d}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #f27c0766}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.logo{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:800;color:#1e293b}.logo-icon{font-size:2rem}.fp-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fpFadeIn .2s ease}@keyframes fpFadeIn{0%{opacity:0}to{opacity:1}}.fp-modal{background:#fff;border-radius:20px;padding:36px 32px;width:100%;max-width:420px;position:relative;box-shadow:0 20px 60px #00000026;animation:fpSlideUp .3s ease}@keyframes fpSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.fp-close{position:absolute;top:16px;right:18px;background:none;border:none;font-size:1.2rem;cursor:pointer;color:#94a3b8;transition:color .2s}.fp-close:hover{color:#0f172a}.fp-title{font-size:1.3rem;font-weight:800;color:#0f172a;margin:0 0 16px}.fp-desc{color:#64748b;font-size:.9rem;margin:0 0 16px;line-height:1.5}.fp-input{width:100%;padding:13px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:.95rem;background:#f8fafc;outline:none;transition:all .2s;margin-bottom:12px;box-sizing:border-box}.fp-input:focus{border-color:#f27c07;background:#fff;box-shadow:0 0 0 4px #f27c071a}.fp-input--otp{text-align:center;font-size:1.5rem;font-weight:800;letter-spacing:10px}.fp-btn{width:100%;padding:14px;border:none;background:linear-gradient(135deg,#f27c07,#ff9d42);color:#fff;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;margin-top:4px}.fp-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #f27c074d}.fp-btn:disabled{opacity:.6;cursor:not-allowed}.fp-link{display:block;margin-top:12px;background:none;border:none;color:#f27c07;font-size:.88rem;font-weight:600;cursor:pointer;text-align:center}.fp-success{background:#10b9811a;color:#059669;padding:10px 14px;border-radius:10px;font-size:.85rem;font-weight:600;margin-bottom:14px;border:1px solid rgba(16,185,129,.2)}.fp-error{background:#ef444414;color:#dc2626;padding:10px 14px;border-radius:10px;font-size:.85rem;font-weight:600;margin-bottom:14px;border:1px solid rgba(239,68,68,.15)}.form-toggle{text-align:center;margin-top:24px;font-size:.95rem;color:var(--text-muted, #64748b)}.toggle-mode-btn{background:none;border:none;color:var(--primary, #f27c07);font-weight:700;cursor:pointer;padding:0 4px;font-size:.95rem;text-decoration:underline;text-underline-offset:2px;transition:color .2s ease}.toggle-mode-btn:hover{color:#d16a00}@media(max-width:480px){.login-page{display:flex;flex-direction:column}.login-container{padding:20px 16px;max-width:100%}.login-header{margin-bottom:24px}.login-header h1{font-size:1.6rem;margin:12px 0 8px}.login-header p{font-size:.9rem}.logo{font-size:1.2rem}.logo-icon{font-size:1.6rem}.role-selector{margin-bottom:24px}.role-btn{padding:10px 8px;font-size:.8rem}.role-icon{display:none}.login-form .form-group{margin-bottom:16px}.login-form .form-group label{font-size:.85rem}.login-form .form-group input{padding:12px 14px;font-size:16px}.form-options{flex-direction:column;gap:12px;align-items:flex-start;margin-bottom:20px}.login-btn{font-size:1rem;padding:14px}.login-footer{margin-top:24px;font-size:.9rem}.security-notice{margin-top:20px;padding:10px 12px;font-size:.75rem}.login-visual{display:none}.fp-modal{margin:16px;padding:24px 20px;max-width:calc(100% - 32px)}.fp-title{font-size:1.1rem}.fp-desc{font-size:.85rem}.fp-input{padding:12px 14px;font-size:16px}.fp-input--otp{font-size:1.3rem;letter-spacing:8px}.fp-btn{padding:12px}}@media(min-width:481px)and (max-width:768px){.login-page{grid-template-columns:1fr}.login-container{padding:30px 24px;max-width:450px}.login-header h1{font-size:1.8rem}.role-btn{padding:12px;font-size:.9rem}.role-icon{font-size:1rem}.login-visual{display:none}.fp-modal{max-width:400px;margin:20px}}@media(min-width:769px)and (max-width:1024px){.login-page{grid-template-columns:1fr}.login-container{padding:40px;max-width:500px}.login-header h1{font-size:2rem}.login-visual{display:none}}@media(min-width:1025px)and (max-width:1280px){.login-page{grid-template-columns:1fr 1fr}.login-container{padding:40px 60px}.login-visual{display:flex;padding:60px}.visual-content h2{font-size:2.2rem}.stats-grid{gap:20px}.stat-item h3{font-size:2rem}}@media(min-width:1281px)and (max-width:1536px){.login-container{padding:50px 80px}.login-visual{padding:80px}.visual-content h2{font-size:2.6rem}.stats-grid{gap:25px}.stat-item h3{font-size:2.3rem}}@media(min-width:1537px){.login-page{grid-template-columns:1fr 1.2fr}.login-container{padding:60px 100px;max-width:600px}.login-header h1{font-size:2.8rem}.login-header p{font-size:1.1rem}.login-visual{padding:100px}.visual-content{max-width:600px}.visual-content h2{font-size:3.5rem;margin-bottom:30px}.visual-content p{font-size:1.4rem;margin-bottom:50px}.stats-grid{gap:40px}.stat-item h3{font-size:3rem}.stat-item p{font-size:1.1rem}.login-form .form-group input{padding:16px 20px;font-size:1.1rem}.login-btn{padding:18px;font-size:1.2rem}}@media(max-width:768px)and (orientation:landscape){.login-container{padding:20px 30px}.login-header{margin-bottom:16px}.login-header h1{font-size:1.4rem}.role-selector,.form-options{margin-bottom:16px}.login-footer{margin-top:16px}}@media(hover:none)and (pointer:coarse){.login-btn:hover:not(:disabled){transform:none;box-shadow:0 4px 15px #f27c074d}.role-btn:hover{background:none}.role-btn.active{color:#fff}.nav-item:hover{background:transparent}.fp-btn:hover:not(:disabled){transform:none}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.login-form .form-group input,.fp-input{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media(prefers-color-scheme:dark){.login-page{background:#0f172a}.login-container{background:#1e293b}.login-header h1{color:#f1f5f9}.login-form .form-group input{background:#0f172a;border-color:#334155;color:#f1f5f9}.login-form .form-group input::placeholder{color:#64748b}.role-selector{background:#1e293b}.role-btn,.checkbox-container{color:#94a3b8}.fp-modal{background:#1e293b}.fp-title{color:#f1f5f9}.fp-desc{color:#94a3b8}.fp-input{background:#0f172a;border-color:#334155;color:#f1f5f9}}@media(prefers-reduced-motion:reduce){.role-indicator,.login-btn,.role-btn,.fp-btn{transition:none}.error-message,.fp-modal,.fp-overlay{animation:none}}@supports (padding-top: env(safe-area-inset-top)){.login-container{padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}:root{--primary: #f27c07;--primary-light: #fff5eb;--text-dark: #1a1a1a;--text-muted: #666;--bg-light: #f8f9fa;--card-shadow: 0 10px 40px rgba(0, 0, 0, .03);--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(255, 255, 255, .3)}.onboarding-page{min-height:100vh;background-color:var(--bg-light);color:var(--text-dark);font-family:Inter,system-ui,-apple-system,sans-serif;padding-bottom:50px}.onboarding-header{height:70px;background:#fff;border-bottom:1px solid #eee;display:flex;align-items:center;margin-bottom:30px}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.2rem}.header-links{display:flex;align-items:center;gap:20px}.user-avatar{width:36px;height:36px;background:#e9ecef;border-radius:50%;border:2px solid white;box-shadow:0 2px 8px #0000001a}.onboarding-main{max-width:1000px;margin:0 auto}.onboarding-top-bar{display:flex;justify-content:space-between;margin-bottom:15px;font-size:.75rem;font-weight:900;letter-spacing:1px;color:var(--text-dark);text-transform:uppercase}.step-label-top{color:var(--primary)}.progress-bar-container{margin-bottom:40px}.progress-bar-bg{height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--primary);transition:width .6s cubic-bezier(.34,1.56,.64,1)}.onboarding-grid{display:grid;grid-template-columns:1fr 340px;gap:40px;margin-bottom:40px}.onboarding-form-card{background:#fff;border-radius:24px;padding:50px;box-shadow:var(--card-shadow);border:1px solid #f0f0f0;animation:fadeInUp .5s ease-out}.onboarding-form-card h1{font-size:2.25rem;font-weight:900;margin-bottom:12px;letter-spacing:-1px;color:#000}.subtitle{color:var(--text-muted);font-size:1.1rem;margin-bottom:40px;line-height:1.5}.form-group{margin-bottom:30px}.form-group label{display:block;font-weight:800;margin-bottom:12px;font-size:.95rem;color:#222}.form-group input[type=text],.form-group input[type=number],.form-group input[type=datetime-local],.form-group textarea,.form-group select{width:100%;padding:16px 20px;border:1px solid #e2e8f0;border-radius:14px;font-size:1rem;transition:all .2s cubic-bezier(.4,0,.2,1);background:#f8fafc}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #f27c0726}.avatar-selector{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.avatar-option{width:72px;height:72px;border-radius:50%;cursor:pointer;position:relative;border:3px solid transparent;transition:all .3s cubic-bezier(.175,.885,.32,1.275);padding:0;background:none;overflow:hidden}.avatar-option img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-option.selected{border-color:var(--primary);transform:scale(1.1);box-shadow:0 10px 20px #f27c0733}.check-badge{position:absolute;top:-2px;right:-2px;background:var(--primary);color:#fff;width:20px;height:20px;border-radius:50%;font-size:12px;display:flex;align-items:center;justify-content:center;border:2px solid white}.add-avatar-btn{width:72px;height:72px;border-radius:50%;border:2px dashed #cbd5e1;background:#f1f5f9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:1.25rem}.add-avatar-btn:hover{background:#e2e8f0;border-color:#94a3b8}.custom-select-wrapper{position:relative}.custom-select-wrapper select{appearance:none;cursor:pointer}.select-arrow{position:absolute;right:20px;top:50%;transform:translateY(-50%);pointer-events:none;color:#64748b;font-size:1.25rem}.interest-suggestions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:25px}.suggestion-chip{padding:10px 20px;background:#f1f5f9;border:1px solid transparent;border-radius:20px;font-size:.9rem;font-weight:700;color:#475569;cursor:pointer;transition:all .2s}.suggestion-chip:hover{background:#e2e8f0}.suggestion-chip.active{background:#fff5eb;border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.goal-visual{background:#fff5eb;padding:50px;border-radius:24px;margin-bottom:40px;text-align:center}.goal-number-display .number{font-size:5rem;font-weight:950;color:var(--primary);line-height:1;display:block}.goal-number-display .unit{font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:3px;font-size:.85rem;margin-top:10px;display:block}.goal-slider-premium{width:100%;height:10px;background:#e2e8f0;border-radius:5px;appearance:none;outline:none}.goal-slider-premium::-webkit-slider-thumb{appearance:none;width:32px;height:32px;background:var(--primary);border:4px solid white;border-radius:50%;cursor:pointer;box-shadow:0 4px 12px #f27c0766}.goal-markers{display:flex;justify-content:space-between;margin-top:20px;font-weight:900;font-size:.85rem;color:#94a3b8}.info-pills{display:flex;gap:15px;flex-wrap:wrap}.pill{background:#fff;padding:12px 24px;border-radius:14px;border:1px solid #e2e8f0;font-size:.9rem;font-weight:800;box-shadow:0 2px 5px #00000005}.notification-options{display:flex;flex-direction:column;gap:20px}.notif-card{display:flex;align-items:center;gap:20px;padding:24px;background:#f8fafc;border-radius:20px;border:1px solid #e2e8f0;transition:all .2s}.notif-card:hover{background:#fff;box-shadow:0 4px 20px #0000000d;border-color:var(--primary)}.notif-icon-bg{width:56px;height:56px;background:#fff5eb;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.notif-info{flex:1}.notif-info h3{font-size:1.1rem;font-weight:800;margin-bottom:4px;color:#1a202c}.notif-info p{font-size:.9rem;color:#64748b;line-height:1.4}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.4s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--primary)}input:checked+.toggle-slider:before{transform:translate(22px)}.summary-card{background:#fff;box-shadow:var(--card-shadow);text-align:center;padding:40px 30px}.ready-avatar-container{width:140px;height:140px;margin:0 auto 30px;border-radius:50%;padding:10px;background:#fff5eb;position:relative}.ready-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:0 10px 30px #0000001a}.summary-card h3{font-size:1.5rem;font-weight:900;margin-bottom:15px;color:#000}.summary-card p{font-size:1rem;color:#475569;line-height:1.6;margin-bottom:30px}.tip-box-mini{background:#fff8f1;padding:15px;border-radius:12px;display:flex;gap:12px;align-items:center;text-align:left}.info-icon-mini{background:var(--primary);color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;flex-shrink:0}.tip-box-mini p{margin:0;font-size:.8rem;color:#c05621;font-weight:700;line-height:1.4}.onboarding-sidebar{display:flex;flex-direction:column;gap:25px}.sidebar-card{padding:35px;border-radius:24px;border:1px solid #f0f0f0}.journey-card{background:#fff;box-shadow:var(--card-shadow)}.journey-icon{background:var(--primary-light);color:var(--primary);width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin-bottom:25px}.journey-card h3{font-size:1.25rem;font-weight:900;margin-bottom:15px}.journey-card p{font-size:1rem;color:#475569;line-height:1.6;margin-bottom:25px}.timeline-graphic-mock{background:#fff8f1;padding:25px;border-radius:16px;margin-bottom:20px}.dot-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.dot.small{width:10px;height:10px;border-radius:50%}.dot.orange{background:var(--primary)}.dot.grey{background:#cbd5e1}.bar{height:10px;border-radius:5px;background:#f1f5f9}.bar.short{width:50px}.bar.long{width:140px}.bar.medium{width:90px}.sub-text{font-style:italic;font-size:.85rem;color:#94a3b8;line-height:1.4}.upload-section{display:flex;gap:25px;align-items:center;margin-bottom:40px;background:#f8fafc;padding:25px;border-radius:20px}.avatar-preview{position:relative}.avatar-preview img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:0 4px 15px #0000001a}.camera-icon-btn{position:absolute;bottom:0;right:0;background:var(--primary);color:#fff;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;border:3px solid white}.upload-info h3{font-size:1.1rem;font-weight:800;margin-bottom:5px}.upload-info p{font-size:.85rem;color:#64748b;margin-bottom:15px}.btn-outline{background:#fff;border:1px solid #cbd5e1;padding:10px 20px;border-radius:10px;font-weight:700;cursor:pointer;transition:all .2s}.btn-outline:hover{background:#f8fafc;border-color:#94a3b8}.subjects-input{display:flex;flex-wrap:wrap;gap:10px;padding:10px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc;min-height:56px;transition:all .2s}.subjects-input:focus-within{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #f27c0726}.tag{background:#fff5eb;color:var(--primary);padding:6px 14px;border-radius:20px;font-size:.9rem;font-weight:800;display:flex;align-items:center;gap:8px;border:1px solid #ffe5d0}.close-btn{background:none;border:none;color:var(--primary);font-size:1.25rem;line-height:1;cursor:pointer;font-weight:400}.subjects-input input{border:none!important;padding:5px!important;background:transparent!important;width:150px!important;box-shadow:none!important}.onboarding-footer{display:flex;justify-content:space-between;align-items:center;padding-top:40px;border-top:1px solid #f0f0f0;margin-top:40px}.btn-primary{background:var(--primary);color:#fff;padding:18px 50px;border-radius:16px;font-weight:900;font-size:1.1rem;border:none;cursor:pointer;display:flex;align-items:center;gap:12px;box-shadow:0 10px 25px #f27c0759;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 30px #f27c0773}.btn-primary:active{transform:translateY(-1px)}.next-btn-pulse{animation:btnPulse 2s infinite}@keyframes btnPulse{0%{box-shadow:0 0 #f27c0766}70%{box-shadow:0 0 0 15px #f27c0700}to{box-shadow:0 0 #f27c0700}}.check-icon-mini{background:#fff3;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:950;margin-left:8px}.copyright{text-align:center;margin-top:50px;color:#94a3b8;font-size:.85rem;font-weight:600}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--primary);outline-offset:4px}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px;width:100%;gap:20px}.header-left-mobile-row{display:none;align-items:center;gap:15px}.mobile-menu-toggle{background:none;border:none;font-size:1.8rem;color:var(--text-main);cursor:pointer;display:flex;align-items:center;justify-content:center}.mobile-brand-name{font-size:1.2rem;font-weight:900;color:var(--text-main)}.search-bar{background:var(--bg-gray);border-radius:12px;padding:12px 20px;display:flex;align-items:center;gap:12px;flex:1;max-width:450px;transition:all .3s ease}.search-bar input{border:none;background:transparent;width:100%;font-size:.95rem;outline:none;color:var(--text-main)}.header-actions-wrapper{position:relative}.header-actions{display:flex;gap:12px}.action-btn{width:45px;height:45px;border-radius:12px;border:1px solid var(--border);background:var(--bg-light);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .2s;position:relative;color:var(--text-main)}.action-btn.active{background:var(--primary-orange);color:#fff;border-color:var(--primary-orange);box-shadow:0 5px 15px #f27c074d}.action-btn:hover{background:var(--bg-gray)}.notification-badge-count{position:absolute;top:-5px;right:-5px;background:var(--primary-orange);color:#fff;font-size:.65rem;font-weight:800;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid white;box-shadow:0 2px 8px #f27c0766;animation:badgePulse 2s infinite}@keyframes badgePulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.premium-popup{position:absolute;top:65px;right:0;width:380px;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.05);border-radius:24px;box-shadow:0 20px 40px #0000001a;z-index:2000;overflow:hidden;transform-origin:top right;animation:popupFadeIn .4s cubic-bezier(.2,.8,.2,1) forwards}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 12px;border-bottom:1px solid rgba(0,0,0,.05)}.popup-header h3{font-size:1.05rem;font-weight:850;color:var(--text-main)}.close-popup{width:30px;height:30px;border-radius:8px;border:none;background:#0000000a;color:var(--text-main);font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-popup:hover{background:#00000014}.popup-content{padding:8px 0;max-height:400px;overflow-y:auto}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.9) translateY(-10px);filter:blur(10px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}.theme-toggle-btn{width:42px;height:42px;border-radius:12px;border:1px solid var(--border);background:var(--bg-light);cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.theme-toggle-btn:hover{background:var(--bg-gray);transform:rotate(20deg) scale(1.1)}@media(max-width:1024px){.header-left-mobile-row{display:flex}.content-header{margin-bottom:30px;gap:15px}.search-bar{max-width:200px}}@media(max-width:768px){.search-bar,.mobile-brand-name{display:none}.content-header{margin-bottom:20px}}@media(max-width:480px){.action-btn{width:40px;height:40px;font-size:1rem}.header-actions{gap:8px}}.success-page{min-height:100vh;background-color:#fdfaf8;color:#1a1a1a}.success-header{height:80px;background:#fff;display:flex;align-items:center;border-bottom:1px solid #f1f1f1}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%}.logo{font-size:1.2rem;font-weight:800;display:flex;align-items:center;gap:12px;cursor:pointer}.logo-icon{background:var(--primary);color:#fff;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.header-actions{display:flex;align-items:center;gap:15px}.icon-btn{background:#f8f9fa;border:1px solid #eee;border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.user-profile-circle{width:40px;height:40px;background:#f8f9fa;border:1px solid #eee;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666}.success-main{padding-top:60px;max-width:900px;text-align:center}.celebration-section{margin-bottom:60px;animation:fadeInUp .8s ease-out}.success-circle{width:120px;height:120px;background:#fef0e6;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 30px;position:relative}.pulse-animation:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:var(--primary);opacity:.3;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:.3}70%{transform:scale(1.6);opacity:0}to{transform:scale(1.6);opacity:0}}.check-icon{background:var(--primary);color:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;z-index:2}.celebration-section h1{font-size:3.5rem;font-weight:800;margin-bottom:20px;color:#1a1a1a;letter-spacing:-1px}.highlight{color:var(--primary)}.success-subtitle{color:#666;font-size:1.2rem;max-width:600px;margin:0 auto}.section-label{font-size:.9rem;letter-spacing:2px;color:var(--primary);font-weight:800;margin-bottom:40px;text-transform:uppercase}.quick-start-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:60px}.quick-card{background:#fff;border:1px solid #f1f1f1;border-radius:20px;padding:40px 20px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 20px #00000005}.quick-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px #f27c0714;border-color:#f27c0733}.card-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:20px}.video-bg,.invite-bg,.upload-bg{background:#fff5eb;color:#f27c07}.quick-card h3{font-size:1.1rem;font-weight:700;margin-bottom:12px}.quick-card p{color:#666;font-size:.9rem;line-height:1.5}.main-actions{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:80px}.dashboard-btn{padding:18px 60px;font-size:1.2rem;border-radius:12px;box-shadow:0 10px 25px #f27c074d}.btn-tutorial{background:none;border:none;font-weight:700;color:#1a1a1a;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:1.1rem}.play-icon{background:var(--primary);color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;padding-left:3px}.success-footer{margin-bottom:40px;color:#adb5bd;font-size:.9rem;font-weight:500}@media(max-width:768px){.quick-start-grid{grid-template-columns:1fr}.celebration-section h1{font-size:2.5rem}}.dashboard-sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;background:var(--bg-light);border-right:1px solid var(--border);padding:30px 24px;display:flex;flex-direction:column;z-index:1000;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:10px 0 30px #00000005}.sidebar-logo{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:900;margin-bottom:40px;cursor:pointer;color:var(--text-main)}.sidebar-logo .logo-icon{font-size:2rem;color:var(--primary)}.sidebar-nav{display:flex;flex-direction:column;gap:10px;flex:1}.nav-item{display:flex;align-items:center;gap:15px;padding:14px 18px;border-radius:14px;background:transparent;border:none;color:var(--text-muted);font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;text-align:left}.nav-item.active{background:var(--primary);color:#fff;box-shadow:0 8px 20px #f27c0733}.nav-icon{font-size:1.3rem}.sidebar-profile{margin-top:auto;padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:15px;cursor:pointer;transition:background .3s ease;border-radius:12px}.sidebar-profile:hover{background:#00000005}.mini-avatar{width:45px;height:45px;border-radius:14px;background:var(--primary-light);color:#fff;font-weight:850;display:flex;align-items:center;justify-content:center}.profile-name{font-weight:850;font-size:.95rem;color:var(--text-main)}.profile-role{font-size:.75rem;color:var(--text-muted);font-weight:600}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}@media(max-width:1024px){.dashboard-sidebar{transform:translate(-100%)}.dashboard-sidebar.open{transform:translate(0);box-shadow:20px 0 50px #0000001a}.sidebar-overlay.visible{opacity:1;visibility:visible}}@media(max-width:480px){.dashboard-sidebar{width:85%;max-width:300px}}.toast{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:12px;background:#1e293b;color:#f1f5f9;font-size:.92rem;font-weight:500;box-shadow:0 8px 24px #00000040;min-width:260px;max-width:380px;transition:opacity .3s ease,transform .3s ease}.toast--visible{opacity:1;transform:translateY(0)}.toast--hidden{opacity:0;transform:translateY(12px)}.toast--success{border-left:4px solid #22c55e}.toast--error{border-left:4px solid #ef4444}.toast--info{border-left:4px solid #3b82f6}.toast--warning{border-left:4px solid #f59e0b}.toast__icon{font-size:1.1rem;flex-shrink:0}.toast__message{flex:1;line-height:1.4}.toast__close{background:none;border:none;color:#94a3b8;font-size:1.2rem;cursor:pointer;padding:0;line-height:1;flex-shrink:0;transition:color .2s}.toast__close:hover{color:#f1f5f9}.pay-page{display:flex;min-height:100vh;background:var(--bg-color, #f7f8fc);color:var(--text-color, #1a1a2e)}.pay-content{flex:1;margin-left:280px;display:flex;flex-direction:column;min-height:100vh}.pay-inner{padding:2rem 2.5rem;max-width:1000px;width:100%}.pay-status{display:flex;align-items:center;gap:10px;padding:.85rem 1.4rem;border-radius:12px;font-weight:600;font-size:.95rem;margin-bottom:2rem;letter-spacing:.01em}.pay-status__dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.pay-status--success{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.25)}.pay-status--success .pay-status__dot{background:#10b981;box-shadow:0 0 0 3px #10b98140}.pay-status--error{background:#ef444414;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.pay-status--error .pay-status__dot{background:#ef4444;box-shadow:0 0 0 3px #ef444433}.pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.pay-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e8eaf2);border-radius:20px;padding:2rem;box-shadow:0 4px 20px #0000000a}.pay-card__header{display:flex;align-items:center;gap:1rem;margin-bottom:1.75rem}.pay-card__icon{font-size:2rem;width:52px;height:52px;background:#f27c071a;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pay-card__title{font-size:1.3rem;font-weight:800;color:var(--text-main, #1a1a2e);margin:0 0 4px}.pay-card__sub{font-size:.85rem;color:var(--text-muted, #888);margin:0}.pay-section-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted, #999);margin-bottom:.85rem}.pay-plans{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem}.pay-plan-btn{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:1rem 1.1rem;border-radius:14px;border:2px solid var(--border-color, #e8eaf2);background:transparent;cursor:pointer;transition:all .25s ease;text-align:left}.pay-plan-btn:hover{border-color:var(--primary, #f27c07);background:#f27c070a}.pay-plan-btn--active{border-color:var(--primary, #f27c07);background:#f27c0712;box-shadow:0 4px 14px #f27c0726}.pay-plan-badge{position:absolute;top:-10px;right:10px;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:20px;background:#e8eaf2;color:#555;text-transform:uppercase;letter-spacing:.05em}.pay-plan-badge--popular{background:var(--primary, #f27c07);color:#fff}.pay-plan-label{font-size:.9rem;font-weight:700;color:var(--text-main, #1a1a2e);margin-bottom:6px}.pay-plan-price{font-size:1.2rem;font-weight:800;color:var(--primary, #f27c07);margin-bottom:2px}.pay-plan-days{font-size:.75rem;color:var(--text-muted, #aaa)}.pay-amount{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.25rem;border-radius:12px;background:linear-gradient(135deg,#f27c0714,#ffa5000d);border:1.5px solid rgba(242,124,7,.2)}.pay-amount__label{font-size:.95rem;font-weight:600;color:var(--text-main, #1a1a2e)}.pay-amount__value{font-size:1.6rem;font-weight:900;color:var(--primary, #f27c07);letter-spacing:-.02em}.pay-card--instructions{display:flex;flex-direction:column;gap:1.25rem}.pay-how-title{font-size:1.1rem;font-weight:800;color:var(--text-main, #1a1a2e);margin:0}.pay-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.85rem}.pay-steps li{display:flex;align-items:flex-start;gap:.85rem;font-size:.88rem;line-height:1.55;color:var(--text-main, #444)}.pay-step-num{width:26px;height:26px;background:var(--primary, #f27c07);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;flex-shrink:0;margin-top:1px}.pay-upi{display:flex;align-items:center;justify-content:space-between;background:var(--bg-color, #f7f8fc);border:1px solid var(--border-color, #e8eaf2);border-radius:12px;padding:1rem 1.25rem}.pay-upi__info{display:flex;flex-direction:column;gap:3px}.pay-upi__label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted, #999)}.pay-upi__id{font-size:1rem;font-weight:700;color:var(--primary, #f27c07);font-family:Courier New,monospace}.pay-copy-btn{padding:.5rem 1.1rem;border-radius:8px;border:none;background:var(--primary, #f27c07);color:#fff;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.pay-copy-btn:hover{background:#d96d00;transform:translateY(-1px)}.pay-copy-btn--copied{background:#10b981}.pay-note{display:flex;align-items:flex-start;gap:.6rem;background:#6366f10f;border-left:3px solid #6366f1;padding:.85rem 1rem;border-radius:0 10px 10px 0;font-size:.82rem;color:var(--text-muted, #666);line-height:1.5}.pay-back-btn{display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:1.5px solid var(--border-color, #e8eaf2);color:var(--text-muted, #888);font-size:.85rem;font-weight:600;padding:.6rem 1.2rem;border-radius:10px;cursor:pointer;transition:all .2s ease;margin-top:auto}.pay-back-btn:hover{border-color:var(--primary, #f27c07);color:var(--primary, #f27c07);background:#f27c070a}.dark-mode .pay-card{background:#1e1e2e;border-color:#2a2a3e}.dark-mode .pay-page{background:#12121e;color:#e0e0f0}.dark-mode .pay-upi{background:#12121e;border-color:#2a2a3e}.dark-mode .pay-plan-btn{border-color:#2a2a3e;color:#e0e0f0}.dark-mode .pay-plan-label{color:#e0e0f0}@media(max-width:1024px){.pay-content{margin-left:0}}@media(max-width:768px){.pay-inner{padding:1.25rem}.pay-grid{grid-template-columns:1fr}.pay-plans{grid-template-columns:1fr 1fr}}@media(max-width:480px){.pay-plans{grid-template-columns:1fr}}.pay-now-btn{width:100%;padding:16px 24px;margin-top:16px;background:linear-gradient(135deg,#f27c07,#ff9d42);color:#fff;border:none;border-radius:14px;font-size:1.1rem;font-weight:800;cursor:pointer;transition:all .25s ease;box-shadow:0 6px 20px #f27c0759;display:flex;align-items:center;justify-content:center;gap:10px}.pay-now-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #f27c0773}.pay-now-btn:disabled{opacity:.7;cursor:not-allowed}.pay-now-btn--loading{background:linear-gradient(135deg,#94a3b8,#cbd5e1);box-shadow:none}.pay-spinner{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:paySpin .7s linear infinite}@keyframes paySpin{to{transform:rotate(360deg)}}.pay-success-card{background:#fff;border-radius:20px;padding:3rem;text-align:center;box-shadow:0 8px 30px #00000014;max-width:480px}.pay-success-icon{font-size:3.5rem;margin-bottom:16px}.pay-success-card h2{font-size:1.5rem;color:#059669;margin:0 0 8px}.pay-success-card p{color:#64748b;margin-bottom:24px}.landing-page{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-main, #0f172a);background:var(--bg-light, #ffffff);overflow-x:hidden}.land-nav{display:flex;align-items:center;justify-content:space-between;padding:18px 60px;position:sticky;top:0;z-index:100;background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.04)}.dark-theme .land-nav{background:#0f172ad9;border-color:#1e293b}.land-nav__brand{font-size:1.4rem;font-weight:900;color:var(--text-main)}.land-nav__links{display:flex;gap:32px}.land-nav__links a{color:var(--text-muted, #64748b);text-decoration:none;font-weight:600;font-size:.95rem;transition:color .2s}.land-nav__links a:hover{color:#f27c07}.land-nav__actions{display:flex;align-items:center;gap:10px}.land-nav__btn-icon{width:40px;height:40px;border-radius:10px;border:1px solid var(--border, #e0e0e0);background:transparent;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.land-nav__btn-icon:hover{background:var(--bg-gray, #f8f9fa);transform:scale(1.05)}.land-nav__btn-login{background:#f27c07;color:#fff;border:none;padding:10px 28px;border-radius:12px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #f27c0733}.land-nav__btn-login:hover{background:#d66d05;transform:translateY(-2px);box-shadow:0 6px 18px #f27c074d}.land-lang-dropdown{position:absolute;top:48px;right:0;background:var(--bg-light, white);border:1px solid var(--border, #e0e0e0);border-radius:12px;box-shadow:0 10px 25px #0000001f;overflow:hidden;min-width:140px;z-index:200}.land-lang-dropdown button{width:100%;text-align:left;padding:10px 16px;border:none;background:transparent;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:8px;color:var(--text-main);transition:background .2s}.land-lang-dropdown button:hover{background:#f27c070f}.land-lang-dropdown button.active{background:#f27c071a;color:#f27c07;font-weight:700}.land-hero{display:flex;align-items:center;justify-content:space-between;padding:100px 80px 80px;max-width:1300px;margin:0 auto;gap:60px}.land-hero__content{flex:1;max-width:600px}.land-hero__badge{display:inline-block;background:#f27c071a;color:#f27c07;padding:6px 16px;border-radius:20px;font-size:.8rem;font-weight:700;margin-bottom:20px}.land-hero__content h1{font-size:3.5rem;font-weight:950;line-height:1.1;margin-bottom:20px;background:linear-gradient(135deg,var(--text-main, #0f172a),#f27c07);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.land-hero__content p{font-size:1.15rem;color:var(--text-muted, #64748b);line-height:1.7;margin-bottom:32px}.land-hero__btns{display:flex;gap:14px;margin-bottom:40px}.land-btn-primary{background:linear-gradient(135deg,#f27c07,#ff9d42);color:#fff;border:none;padding:16px 36px;border-radius:14px;font-weight:800;font-size:1.05rem;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:8px;box-shadow:0 6px 20px #f27c0740}.land-btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #f27c0759}.land-btn-secondary{background:transparent;color:var(--text-main, #0f172a);border:2px solid var(--border, #e0e0e0);padding:14px 32px;border-radius:14px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:8px}.land-btn-secondary:hover{border-color:#f27c07;color:#f27c07;transform:translateY(-2px)}.land-hero__stats{display:flex;gap:40px}.land-hero__stats>div{display:flex;flex-direction:column}.land-hero__stats strong{font-size:1.8rem;font-weight:900;color:var(--text-main)}.land-hero__stats span{font-size:.85rem;color:var(--text-muted, #94a3b8);font-weight:600}.land-hero__visual{flex:1;max-width:400px;position:relative;height:350px}.land-hero__card{position:absolute;background:var(--bg-light, white);border:1px solid var(--border, #e0e0e0);border-radius:16px;padding:16px 24px;font-weight:700;font-size:.95rem;box-shadow:0 8px 24px #0000000f;animation:floatCard 4s ease-in-out infinite}.land-hero__card--1{top:0;left:20px;animation-delay:0s}.land-hero__card--2{top:120px;right:0;animation-delay:.8s}.land-hero__card--3{bottom:20px;left:60px;animation-delay:1.6s}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.land-section-header{text-align:center;margin-bottom:50px}.land-section-header h2{font-size:2.4rem;font-weight:950;margin-bottom:12px}.land-section-header p{font-size:1.1rem;color:var(--text-muted, #64748b)}.land-features{padding:100px 80px;background:var(--bg-gray, #f8f9fa)}.land-features__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;max-width:1200px;margin:0 auto}.land-feature-card{background:var(--bg-light, white);border:1px solid var(--border, #e0e0e0);border-radius:20px;padding:36px 28px;text-align:center;transition:all .4s cubic-bezier(.2,.8,.2,1);animation:fadeInUp .6s ease forwards;animation-delay:calc(var(--delay) * .1s);opacity:0}.land-feature-card:hover{transform:translateY(-10px);border-color:#f27c07;box-shadow:0 20px 40px #f27c0714}.land-feature-card__icon{font-size:2.8rem;margin-bottom:18px}.land-feature-card h3{font-size:1.15rem;font-weight:800;margin-bottom:10px}.land-feature-card p{font-size:.9rem;color:var(--text-muted, #64748b);line-height:1.6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.land-pricing{padding:100px 80px}.land-pricing__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1000px;margin:0 auto}.land-price-card{background:var(--bg-light, white);border:1px solid var(--border, #e0e0e0);border-radius:24px;padding:40px 32px;text-align:center;position:relative;transition:all .3s}.land-price-card:hover{transform:translateY(-6px);box-shadow:0 16px 32px #0000000f}.land-price-card--popular{border-color:#f27c07;box-shadow:0 12px 30px #f27c071f;transform:scale(1.03)}.land-price-card--popular:hover{transform:scale(1.05) translateY(-4px)}.land-popular-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#f27c07,#ff9d42);color:#fff;padding:6px 20px;border-radius:20px;font-size:.75rem;font-weight:800;box-shadow:0 4px 12px #f27c074d}.land-price-card h3{font-size:1.2rem;font-weight:800;margin-bottom:10px}.land-price-amount{font-size:2.5rem;font-weight:950;margin-bottom:6px;color:var(--text-main)}.land-price-desc{color:var(--text-muted, #94a3b8);font-size:.9rem;margin-bottom:24px}.land-price-card ul{list-style:none;text-align:left;margin-bottom:28px}.land-price-card ul li{padding:8px 0;font-size:.9rem;color:var(--text-muted, #475569);border-bottom:1px solid rgba(0,0,0,.04)}.land-price-card button{width:100%}.land-testimonials{padding:100px 80px;background:var(--bg-gray, #f8f9fa)}.land-testimonials__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1100px;margin:0 auto}.land-testimonial-card{background:var(--bg-light, white);border:1px solid var(--border, #e0e0e0);border-radius:20px;padding:36px 28px;text-align:center;transition:all .3s}.land-testimonial-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #0000000f}.land-testimonial-card__avatar{font-size:2.8rem;margin-bottom:16px}.land-testimonial-card__text{font-size:1rem;color:var(--text-muted, #475569);line-height:1.7;margin-bottom:20px;font-style:italic}.land-testimonial-card strong{display:block;font-size:1rem;font-weight:800;color:var(--text-main);margin-bottom:4px}.land-testimonial-card span{font-size:.82rem;color:var(--text-muted, #94a3b8);font-weight:600}.land-cta{text-align:center;padding:100px 80px;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff}.land-cta h2{font-size:2.4rem;font-weight:950;margin-bottom:12px}.land-cta p{font-size:1.1rem;opacity:.7;margin-bottom:32px}.land-btn-large{padding:18px 48px;font-size:1.15rem}.land-footer{text-align:center;padding:28px;background:var(--bg-light, white);border-top:1px solid var(--border, #e0e0e0);font-size:.85rem;color:var(--text-muted, #94a3b8)}@media(max-width:1024px){.land-hero{flex-direction:column;text-align:center;padding:60px 30px;gap:40px}.land-hero__content{max-width:100%}.land-hero__content h1{font-size:2.6rem}.land-hero__btns{justify-content:center;flex-wrap:wrap}.land-hero__stats{justify-content:center}.land-hero__visual{display:none}.land-features__grid{grid-template-columns:repeat(2,1fr)}.land-pricing__grid{grid-template-columns:1fr;max-width:400px}.land-testimonials__grid{grid-template-columns:1fr;max-width:500px}.land-nav{padding:14px 20px}.land-nav__links{display:none}.land-features,.land-pricing,.land-testimonials,.land-cta{padding:60px 24px}}@media(max-width:480px){.land-hero__content h1{font-size:2rem}.land-hero__stats{flex-direction:column;gap:16px;align-items:center}.land-features__grid{grid-template-columns:1fr}}.land-offer-tag{position:absolute;top:15px;right:15px;background:linear-gradient(135deg,#ff9a9e,#fecfef 99% 100%);color:#d32f2f;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase;box-shadow:0 2px 4px #0000001a}.land-price-card--popular .land-offer-tag{background:#fff;color:#f57c00}.live-session{display:flex;flex-direction:column;height:100vh;background:#202124;overflow:hidden;font-family:Inter,Segoe UI,sans-serif}.meeting-header{min-height:64px;background:#202124;display:flex;justify-content:space-between;align-items:center;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.08);z-index:10;flex-shrink:0}.header-left{display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:wrap}.header-center{display:flex;align-items:center;justify-content:center;flex:0 0 auto}.participant-avatars{display:flex;align-items:center;gap:0}.participant-avatar-mini{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;border:2px solid #202124;margin-left:-8px;transition:transform .2s,box-shadow .2s;position:relative;z-index:1;cursor:default}.participant-avatar-mini:first-child{margin-left:0}.participant-avatar-mini:hover{transform:scale(1.15);z-index:5;box-shadow:0 2px 8px #0006}.participant-avatar-mini.teacher{background:linear-gradient(135deg,#5f27cd,#7c4dff)}.participant-avatar-mini.student{background:linear-gradient(135deg,#f27c07,#ff9800)}.participant-avatar-mini.is-you{box-shadow:0 0 0 2px #34a853}.participant-avatar-mini.overflow{background:#ffffff1f;color:#9aa0a6;font-size:.68rem;font-weight:600}.participant-count{font-size:.75rem;color:#9aa0a6;margin-left:10px;white-space:nowrap;font-weight:600}.meeting-info{display:flex;align-items:center}.meeting-title-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.meeting-title-row h1{font-size:1rem;font-weight:600;color:#e8eaed;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px;margin:0}.live-indicator{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;color:#ea4335;background:#ea43351f;padding:4px 12px;border-radius:20px;white-space:nowrap}.dot{width:8px;height:8px;background:#ea4335;border-radius:50%}.pulse{animation:pulse 1.5s infinite}@keyframes pulse{0%,to{transform:scale(.95);opacity:1}50%{transform:scale(1.3);opacity:.6}}.meeting-code-badge{display:flex;align-items:center;gap:8px;background:#f27c071f;border:1px solid rgba(242,124,7,.3);border-radius:8px;padding:5px 12px;margin-left:4px}.meeting-code-display{display:flex;align-items:center;gap:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:6px 12px;margin-right:12px}.meeting-code-display .code-label{font-size:.7rem;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.meeting-code-display .code-value{font-size:.9rem;font-weight:700;color:#fff;letter-spacing:2px;font-family:monospace}.meeting-code-display .copy-code-btn{display:flex;align-items:center;justify-content:center;background:#ffffff26;border:none;border-radius:4px;padding:4px 6px;cursor:pointer;color:#fffc;transition:all .2s ease}.meeting-code-display .copy-code-btn:hover{background:#ffffff40;color:#fff}.meeting-code-display .copy-code-btn:active{transform:scale(.95)}.meeting-code-badge .code-label{font-size:.65rem;font-weight:700;color:#f27c07;text-transform:uppercase;letter-spacing:.5px}.meeting-code-badge .code-value{font-size:.9rem;font-weight:800;color:#f9a825;letter-spacing:3px;font-family:JetBrains Mono,Courier New,monospace}.copy-code-btn{background:none;border:none;cursor:pointer;font-size:.9rem;padding:2px 4px;border-radius:4px;transition:all .2s;line-height:1;opacity:.7}.copy-code-btn:hover{opacity:1;background:#f27c0733}.header-right{display:flex;align-items:center;gap:12px}.rec-indicator{display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:800;color:#ea4335;background:#ea43351f;padding:4px 10px;border-radius:14px;letter-spacing:.5px}.rec-dot{width:7px;height:7px;background:#ea4335;border-radius:50%;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.sidebar-toggle-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#9aa0a6;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.sidebar-toggle-btn:hover{background:#ffffff1f;color:#e8eaed}.sidebar-toggle-btn.active{background:#8ab4f826;color:#8ab4f8;border-color:#8ab4f84d}.session-content{display:flex;flex:1;overflow:hidden;min-height:0}.stage-area{flex:1;padding:12px;display:flex;overflow:hidden;position:relative}.main-stage{flex:1;background:#1a1a1a;border-radius:12px;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.local-preview-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;background:#1a1a1a;border-radius:12px;overflow:hidden}.local-video-preview{width:100%;height:100%;object-fit:cover;border-radius:12px;transform:scaleX(-1)}.camera-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#2d2d30,#1a1a1a);border-radius:12px;gap:12px}.placeholder-avatar{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,#4285f4,#5f27cd);display:flex;align-items:center;justify-content:center;font-size:2.4rem;font-weight:700;color:#fff;letter-spacing:1px}.placeholder-name{font-size:1.1rem;font-weight:600;color:#e8eaed;margin:0}.placeholder-hint{font-size:.8rem;color:#9aa0a6;margin:0}.video-name-label{position:absolute;bottom:12px;left:12px;display:flex;align-items:center;gap:8px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:6px 14px;border-radius:8px;font-size:.82rem;font-weight:600;z-index:5}.name-dot{width:6px;height:6px;background:#34a853;border-radius:50%}.reactions-container{position:absolute;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.floating-reaction{position:absolute;bottom:-50px;font-size:2rem;animation:floatUp linear forwards}@keyframes floatUp{0%{transform:translateY(0) scale(1) rotate(0);opacity:0}10%{opacity:1}80%{opacity:.8}to{transform:translateY(-500px) scale(1.5) rotate(20deg);opacity:0}}.intelligence-sidebar{width:360px;background:#fff;border-left:1px solid #e0e0e0;display:flex;flex-direction:column;transition:width .3s ease,transform .3s ease;flex-shrink:0}.intelligence-sidebar.closed{width:0;transform:translate(100%);overflow:hidden;border-left:none}.intelligence-sidebar.closed *{opacity:0;pointer-events:none}.sidebar-header{padding:20px 20px 12px}.sidebar-header h2{font-size:1.1rem;font-weight:700;margin:0 0 2px;color:#1a1a1a}.sidebar-subtitle{color:#5f6368;font-size:.8rem;margin:0}.tabs-container{display:flex;padding:0 16px;gap:4px;margin-bottom:0;border-bottom:1px solid #f0f0f0}.tab-btn{flex:1;padding:10px 8px;border:none;background:none;border-bottom:2px solid transparent;font-weight:600;font-size:.78rem;color:#5f6368;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative}.tab-btn:hover{color:#1a1a1a;background:#f8f9fa;transform:translateY(-1px)}.tab-btn:active{transform:translateY(0)}.tab-btn.active{color:#f27c07;border-bottom-color:#f27c07;background:none}.sidebar-content-scroll{flex:1;overflow-y:auto;padding:16px 18px}.live-now-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-size:.7rem;font-weight:800;color:#f27c07;letter-spacing:.5px}.live-bar{flex:1;height:3px;background:#fff5eb;border-radius:2px;overflow:hidden}.live-bar .fill{width:70%;height:100%;background:#f27c07;border-radius:2px}.chat-msg{display:flex;gap:10px;margin-bottom:16px}.chat-avatar{width:32px;height:32px;border-radius:50%;background:#f1f3f5;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;flex-shrink:0;color:#5f6368}.chat-avatar.alex{background:#e3f2fd;color:#1976d2}.msg-info{font-size:.7rem;margin-bottom:3px;color:#9aa0a6}.msg-info strong{color:#1a1a1a}.msg-body p{color:#3c4043;font-size:.85rem;line-height:1.45;margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;text-align:center}.empty-icon{font-size:2.5rem;margin-bottom:12px;opacity:.5}.empty-state p{font-size:.9rem;font-weight:600;color:#5f6368;margin:0 0 4px}.empty-state span{font-size:.78rem;color:#9aa0a6}.sidebar-quick-actions{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.quick-input-row{display:flex;gap:6px;align-items:center}.sidebar-input{flex:1;padding:8px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:.82rem;background:#f8f9fa;outline:none;transition:border-color .2s}.sidebar-input:focus{border-color:#f27c07;background:#fff}.sidebar-action-btn{width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.sidebar-action-btn.star{background:#fff7ed}.sidebar-action-btn.star:hover{background:#ffedd5;transform:scale(1.1)}.sidebar-action-btn.task{background:#f1f3f5}.sidebar-action-btn.task:hover{background:#e8eaed;transform:scale(1.1)}.timeline-item{display:flex;gap:14px;margin-bottom:20px;position:relative}.timeline-item:not(:last-child):after{content:"";position:absolute;left:15px;top:38px;bottom:-20px;width:2px;background:#f0f0f0}.timeline-marker{width:32px;height:32px;border-radius:50%;background:#fff;border:2px solid #e0e0e0;display:flex;align-items:center;justify-content:center;z-index:1;font-size:.8rem;flex-shrink:0}.timeline-marker.check{border-color:#34a853;color:#34a853}.timeline-marker.task{border-color:#3c4043;color:#3c4043}.timeline-marker.capture{border-color:#f27c07;color:#f27c07}.timeline-card{background:#f8f9fa;border:1px solid #f0f0f0;border-radius:10px;padding:12px 14px;flex:1;min-width:0}.tl-title{font-weight:700;font-size:.85rem;margin-bottom:3px;color:#1a1a1a}.tl-time{font-size:.72rem;color:#9aa0a6;margin-bottom:8px}.tl-note{background:#fff;padding:8px 10px;border-radius:6px;font-size:.82rem;color:#3c4043;line-height:1.4}.tl-tag{display:inline-block;font-size:.68rem;font-weight:800;padding:3px 8px;border-radius:4px;margin-top:6px}.tl-tag.urgent{background:#fff7ed;color:#f27c07}.participants-list-sidebar{padding:4px 0}.p-header{font-size:.7rem;font-weight:800;color:#9aa0a6;letter-spacing:1px;margin-bottom:16px}.p-item{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:8px;border-radius:10px;transition:background .2s}.p-item:hover{background:#f8f9fa}.p-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.85rem;flex-shrink:0}.p-info{flex:1;min-width:0}.p-name{font-weight:600;font-size:.88rem;color:#1a1a1a}.p-role{font-size:.72rem;color:#5f6368}.sidebar-footer{padding:12px 16px;border-top:1px solid #f0f0f0;flex-shrink:0}.chat-input-bar{display:flex;align-items:center;background:#f1f3f5;border-radius:24px;padding:4px 6px 4px 16px;gap:8px}.chat-input-bar input{background:none;border:none;flex:1;font-size:.85rem;padding:8px 0;outline:none;color:#1a1a1a}.chat-input-bar input::placeholder{color:#9aa0a6}.send-btn{width:32px;height:32px;border-radius:50%;border:none;background:#f27c07;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;box-shadow:0 2px 6px #f27c0766}.send-btn:hover:not(:disabled){background:#d66d05;transform:scale(1.1);box-shadow:0 4px 12px #f27c0780}.send-btn:active:not(:disabled){transform:scale(.95)}.send-btn:disabled{opacity:.4;cursor:default}.search-icon-static{font-size:1rem;padding-right:8px;opacity:.5}.control-dock{position:relative;padding:16px 0;display:flex;justify-content:center;align-items:center;z-index:100;background:transparent;flex-shrink:0}.dock-container{display:flex;align-items:flex-end;gap:6px;padding:8px 16px;background:#3c4043;border-radius:16px}.dock-group{display:flex;align-items:flex-end;gap:4px}.dock-btn{width:48px;height:48px;border-radius:12px;border:none;background:#ffffff14;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e8eaed;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);gap:2px;position:relative;padding:4px 2px;transform:scale(1);box-shadow:0 2px 4px #0000001a}.dock-btn:hover{background:#ffffff29;transform:scale(1.08);box-shadow:0 4px 12px #0003}.dock-btn:active{transform:scale(.95);transition:transform .1s}.dock-label{font-size:.58rem;font-weight:600;letter-spacing:.3px;opacity:.8;white-space:nowrap;line-height:1;margin-top:1px}.dock-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;border-radius:8px;background:#f27c07;color:#fff;font-size:.6rem;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1}.dock-btn.muted{background:#ea4335;color:#fff}.dock-btn.muted:hover{background:#d93025}.dock-btn.sharing{background:#34a853;color:#fff}.dock-btn.sharing:hover{background:#2d9249}.dock-btn.raised{background:#f9ab00;color:#1a1a1a;animation:handBounce .5s ease}@keyframes handBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.dock-btn.raised:hover{background:#f29900}.dock-btn.active-panel{background:#8ab4f833;color:#8ab4f8}.dock-btn.active-panel:hover{background:#8ab4f84d}.dock-btn.small{width:36px;height:36px;font-size:1rem;padding:0;border-radius:50%;flex-direction:row}.dock-btn.end-btn{background:#ea4335;color:#fff;width:60px;border-radius:12px}.dock-btn.end-btn:hover{background:#d93025}.dock-btn:disabled,.dock-btn.disabled-control{opacity:.4;cursor:not-allowed;pointer-events:none}.meeting-controls{display:flex;align-items:center;justify-content:center;gap:24px;padding:12px 24px;background:#1a1a2e;border-radius:12px;box-shadow:0 4px 20px #0000004d}.meeting-controls-group{display:flex;align-items:center;gap:8px}.control-btn-wrapper{position:relative}.meeting-control-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#2d2d3a;border:none;border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease}.meeting-control-btn:hover{background:#3d3d4a}.meeting-control-btn.muted{background:#ef4444}.meeting-control-btn.muted:hover{background:#dc2626}.meeting-control-btn.active{background:#10b981}.meeting-control-btn.active:hover{background:#059669}.meeting-control-btn:disabled,.meeting-control-btn.disabled-control{opacity:.4;cursor:not-allowed;pointer-events:none}.control-icon{display:flex;align-items:center;justify-content:center}.control-label{font-weight:500;white-space:nowrap}.control-arrow{font-size:10px;opacity:.7;margin-left:4px}.chat-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.leave-meeting-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#dc2626;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.leave-meeting-btn:hover{background:#b91c1c}.leave-icon{display:flex;align-items:center}@media(max-width:768px){.meeting-controls{padding:10px 16px;gap:16px}.meeting-control-btn{padding:8px 12px;font-size:12px}.control-label{display:none}.leave-meeting-btn{padding:8px 14px;font-size:12px}.leave-label{display:none}}.divider{width:1px;height:32px;background:#ffffff1f;margin:0 4px;align-self:center}.reaction-btns{display:flex;gap:3px}.screen-share-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000;border-radius:12px;overflow:hidden}.main-screen-video{max-width:100%;max-height:100%;object-fit:contain}.presenting-overlay{position:absolute;inset:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;z-index:5;gap:16px;animation:fadeIn .3s ease}.presenting-overlay span{font-size:1.2rem;font-weight:600}.stop-presenting-btn{padding:10px 20px;background:#ea4335;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s}.stop-presenting-btn:hover{background:#d93025;transform:scale(1.03)}.live-video-element{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:12px;transform:scaleX(-1)}.secondary-feeds{display:flex;flex-direction:column;gap:10px}.feed-card{height:120px;border-radius:12px;background:#2d2d30;border:1px solid rgba(255,255,255,.06);position:relative;overflow:hidden}.feed-card img{width:100%;height:100%;object-fit:cover}.active-speaker{border:2px solid #f27c07;box-shadow:0 0 12px #f27c074d}.avatar-placeholder,.avatar-lg{width:100%;height:100%;background:#2d2d30;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700;color:#9aa0a6}.feed-label{position:absolute;bottom:6px;left:6px;background:#0009;color:#fff;padding:3px 8px;border-radius:6px;font-size:.7rem;display:flex;align-items:center;gap:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.participant-stack{display:flex;align-items:center;margin-right:8px}.mini-avatar{width:28px;height:28px;border-radius:50%;border:2px solid #202124;margin-left:-8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.65rem;background:#5f6368}.mini-avatar:first-child{margin-left:0}.mini-avatar.count{background:#ffffff1a;color:#e8eaed;border-color:#3c4043}.icon-btn-plain{background:none;border:none;font-size:1.1rem;cursor:pointer;color:#9aa0a6;padding:4px;border-radius:4px}.icon-btn-plain:hover{background:#ffffff14;color:#e8eaed}.mark-moment-btn,.action-item-btn,.dock-input-group,.dock-input-field{display:none}@media(max-width:1200px){.intelligence-sidebar{width:320px}}@media(max-width:992px){.intelligence-sidebar{position:fixed;top:64px;right:0;bottom:0;width:100%;max-width:380px;z-index:1000;box-shadow:-4px 0 24px #00000026;border-left:none}.intelligence-sidebar.closed{transform:translate(100%);width:100%}.stage-area{padding:8px}.secondary-feeds{flex-direction:row;height:100px;overflow-x:auto}.feed-card{min-width:140px;height:90px;flex-shrink:0}}@media(max-width:768px){.meeting-header{padding:0 12px;min-height:56px}.meeting-title-row h1{display:none}.meeting-code-badge{padding:3px 8px;gap:5px}.meeting-code-badge .code-value{font-size:.78rem;letter-spacing:2px}.rec-indicator{padding:3px 6px;font-size:.6rem}.participant-avatar-mini{width:26px;height:26px;font-size:.65rem}.participant-count,.header-center{display:none}.control-dock{padding:8px 0 12px}.dock-container{padding:6px 14px;gap:6px}.dock-btn{width:38px;height:38px}.dock-btn.end-btn{width:48px}.reaction-btns{display:none}}@media(max-width:480px){.intelligence-sidebar{max-width:100%}}.no-results{padding:32px 0;color:#9aa0a6;font-style:italic;text-align:center}.mic-icon-mini{font-size:.9rem}@media(max-width:1024px){.intelligence-sidebar{position:absolute;right:0;top:0;height:100%;z-index:50;box-shadow:-5px 0 20px #0003}.meeting-title-row h1{max-width:200px;font-size:.9rem}}@media(max-width:768px){.meeting-header{padding:0 12px;min-height:56px}.meeting-title-row h1{display:none}.live-indicator{font-size:.7rem;padding:3px 8px}.participant-avatars{display:none}.intelligence-sidebar{width:100%;border-left:none}.stage-area{padding:0}.main-stage{border-radius:0}.video-name-label{bottom:8px;left:8px;font-size:.75rem;padding:4px 10px}.meeting-code-badge{display:none}}@media(min-width:1441px){.main-stage{max-width:1600px;margin:0 auto}.meeting-title-row h1{font-size:1.2rem;max-width:500px}}.connection-status-overlay{position:absolute;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100;border-radius:12px}.connection-status-content{text-align:center;color:#fff;padding:2rem}.reconnect-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.disconnect-icon{font-size:3rem;margin-bottom:1rem}.connection-status-content p{font-size:1.1rem;color:#e8eaed;margin:0}@media(max-width:480px){.live-session-page{height:100vh;height:100dvh}.session-content{flex-direction:column;padding:8px;gap:8px}.stage-area{width:100%;height:60%}.main-stage{height:100%}.intelligence-sidebar{width:100%;max-width:100%;height:40%;border-left:none;border-top:1px solid rgba(255,255,255,.1)}.meeting-controls{padding:8px 12px;gap:8px;flex-wrap:wrap}.meeting-control-btn{padding:6px 10px;font-size:12px}.meeting-control-btn .control-label{display:none}.leave-meeting-btn{padding:6px 12px}.leave-meeting-btn .leave-label{display:none}.session-header{padding:10px 15px;flex-wrap:wrap;gap:10px}.logo{font-size:1rem}.header-center{display:none}.header-actions{gap:8px}.meeting-code-badge{font-size:.75rem;padding:4px 8px}.control-dock{padding:8px 0}.video-grid{grid-template-columns:1fr;gap:8px}.participant-video{min-height:150px}.reaction-overlay{font-size:1.5rem}}@media(min-width:481px)and (max-width:768px){.session-content{flex-direction:column;padding:12px}.stage-area{width:100%;height:65%}.intelligence-sidebar{width:100%;height:35%;border-left:none;border-top:1px solid rgba(255,255,255,.1)}.meeting-controls{padding:10px 16px;gap:12px}.meeting-control-btn{padding:8px 12px;font-size:13px}.video-grid{grid-template-columns:repeat(2,1fr)}.session-header{padding:12px 20px}.header-center{display:none}}@media(min-width:769px)and (max-width:1024px){.session-content{flex-direction:row}.stage-area{width:65%}.intelligence-sidebar{width:35%}.video-grid{grid-template-columns:repeat(2,1fr)}.meeting-controls{padding:12px 20px}.session-header{padding:15px 25px}}@media(min-width:1025px)and (max-width:1280px){.stage-area{width:70%}.intelligence-sidebar{width:30%}.video-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media(min-width:1281px)and (max-width:1536px){.stage-area{width:75%}.intelligence-sidebar{width:25%}.video-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media(min-width:1537px){.session-content{padding:24px;gap:24px}.stage-area{width:75%}.intelligence-sidebar{width:25%;max-width:450px}.video-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.meeting-controls{padding:16px 32px;gap:32px}.meeting-control-btn{padding:12px 20px;font-size:15px}.session-header{padding:20px 40px}.logo{font-size:1.3rem}.header-center h2{font-size:1.1rem}}@media(max-width:768px)and (orientation:landscape){.session-content{flex-direction:row}.stage-area{width:60%;height:100%}.intelligence-sidebar{width:40%;height:100%;border-top:none;border-left:1px solid rgba(255,255,255,.1)}.video-grid{grid-template-columns:repeat(2,1fr)}.meeting-controls{flex-wrap:nowrap}}@media(hover:none)and (pointer:coarse){.dock-btn:hover{background:#3c4043}.dock-btn:active{background:#5f6368}.meeting-control-btn:hover{background:#2d2d3a}.meeting-control-btn:active{background:#3d3d4a}.chat-msg:hover{background:transparent}.participant-avatar-mini:hover{transform:none}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.participant-avatar-mini,.chat-avatar,.dock-btn{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media(prefers-color-scheme:dark){.live-session-page{background:linear-gradient(135deg,#0f0c29,#302b63,#24243e)}}@media(prefers-reduced-motion:reduce){.live-session-page *,.live-session-page *:before,.live-session-page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reaction-overlay{animation:none!important}}@supports (padding-top: env(safe-area-inset-top)){.live-session-page{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.session-header{padding-top:max(15px,env(safe-area-inset-top))}.control-dock{padding-bottom:max(8px,env(safe-area-inset-bottom))}}.meeting-control-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:1000;background:#282832fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;padding:6px;box-shadow:0 12px 40px #00000080,0 4px 12px #0000004d,inset 0 1px #ffffff1a;border:1px solid rgba(255,255,255,.08)}.control-bar-container{display:flex;align-items:center;gap:4px}.control-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 20px;min-width:64px;min-height:64px;background:#ffffff0f;border:none;border-radius:18px;color:#ffffffe6;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);transform:scale(1)}.control-btn:hover:not(:disabled){background:#ffffff1f;transform:translateY(-2px) scale(1.02);box-shadow:0 6px 16px #00000040}.control-btn:active:not(:disabled){transform:translateY(0) scale(.95);transition:transform .1s}.control-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s}.control-btn:active:after{width:120%;height:120%}.control-btn.off{background:#ef444426;color:#ff6b6b}.control-btn.off:hover:not(:disabled){background:#ef444440}.control-btn.active{background:#10b98133;color:#6ee7b7}.control-btn.active:hover{background:#10b9814d}.control-btn.disabled{opacity:.3;cursor:not-allowed;filter:grayscale(.5)}.control-btn.leave-btn{background:#ef4444e6;color:#fff}.control-btn.leave-btn:hover{background:#dc2626;box-shadow:0 4px 16px #ef444466}.btn-icon svg{width:22px;height:22px;display:block}.btn-text{font-size:.75rem;font-weight:600;letter-spacing:.3px;white-space:nowrap;text-transform:capitalize;opacity:.95}.notification-badge{position:absolute;top:6px;right:10px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;box-shadow:0 2px 6px #ef444466;border:2px solid rgba(40,40,50,.98)}@media(max-width:768px){.meeting-control-bar{bottom:16px;padding:5px;border-radius:20px}.control-bar-container{gap:3px}.control-btn{padding:10px 16px;min-width:56px;min-height:56px;border-radius:16px;gap:4px}.btn-icon svg{width:20px;height:20px}.btn-text{font-size:.7rem}}@media(max-width:480px){.meeting-control-bar{left:12px;right:12px;transform:none;bottom:12px;padding:6px;border-radius:20px}.control-bar-container{justify-content:space-evenly;gap:4px}.control-btn{flex:1;min-width:52px;max-width:70px;padding:10px 6px;min-height:58px;border-radius:14px}.btn-icon svg{width:20px;height:20px}.btn-text{font-size:.65rem}.notification-badge{top:4px;right:6px;font-size:.6rem;padding:1px 5px;min-width:16px}}@media(max-width:768px)and (orientation:landscape){.meeting-control-bar{bottom:10px;padding:5px}.control-btn{padding:8px 14px;min-width:60px;min-height:52px}.btn-text{font-size:.65rem}.btn-icon svg{width:18px;height:18px}}@media(hover:none)and (pointer:coarse){.control-btn:hover{transform:none;box-shadow:none}.control-btn:active:not(:disabled){transform:scale(.95);transition:transform .1s ease}}@supports (padding-bottom: env(safe-area-inset-bottom)){.meeting-control-bar{bottom:max(24px,calc(12px + env(safe-area-inset-bottom)))}@media(max-width:768px){.meeting-control-bar{bottom:max(16px,calc(10px + env(safe-area-inset-bottom)))}}@media(max-width:480px){.meeting-control-bar{bottom:max(12px,env(safe-area-inset-bottom))}}}.recap-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#1e293b;padding-bottom:60px}.recap-header{height:72px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;border-bottom:1px solid rgba(226,232,240,.8);margin-bottom:32px;position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.logo{font-size:1.25rem;font-weight:800;display:flex;align-items:center;gap:10px;cursor:pointer;color:#1e293b;transition:opacity .2s}.logo:hover{opacity:.8}.logo-icon{background:linear-gradient(135deg,#f27c07,#ff9d42);color:#fff;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:0 4px 12px #f27c074d}.btn-outline-small{background:#fff;border:1.5px solid #e2e8f0;padding:10px 20px;border-radius:10px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;color:#475569;display:flex;align-items:center;gap:6px}.btn-outline-small:hover{border-color:#f27c07;color:#f27c07;background:#f27c070d;transform:translateY(-1px);box-shadow:0 4px 12px #f27c0726}.recap-main{max-width:1200px;margin:0 auto;padding:0 24px;animation:fadeInRecap .6s ease-out}@keyframes fadeInRecap{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.celebration-banner{padding:32px 40px;display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;border:none;background:linear-gradient(135deg,#fff,#fff8f0,#fff5eb);border-radius:20px;box-shadow:0 4px 20px #0000000d,0 1px 3px #00000005;border:1px solid rgba(242,124,7,.1);position:relative;overflow:hidden}.celebration-banner:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(242,124,7,.08) 0%,transparent 70%);pointer-events:none}.banner-content h1{font-size:2rem;margin-bottom:8px;letter-spacing:-.5px;color:#1e293b;display:flex;align-items:center;gap:12px}.banner-content p{color:#64748b;font-size:1rem;line-height:1.5}.session-meta{display:flex;gap:40px;background:#fff9;padding:16px 24px;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.meta-item{display:flex;flex-direction:column;align-items:center;gap:4px}.meta-item .label{font-size:.7rem;font-weight:700;color:#f27c07;text-transform:uppercase;letter-spacing:1.5px}.meta-item .value{font-size:1.5rem;font-weight:800;color:#1e293b;font-variant-numeric:tabular-nums}.recap-grid{display:grid;grid-template-columns:1fr 380px;gap:24px;margin-bottom:40px}.recap-section{background:#fff;border-radius:16px;padding:28px;border:1px solid #e2e8f0;margin-bottom:24px;box-shadow:0 1px 3px #00000005,0 4px 12px #0000000a;transition:box-shadow .2s ease}.recap-section:hover{box-shadow:0 4px 12px #0000000f,0 8px 24px #0000000a}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.section-header h2{font-size:1.125rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:10px}.count-badge{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#64748b;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:700;min-width:28px;text-align:center}.recap-list{display:flex;flex-direction:column;gap:12px}.recap-item{display:flex;gap:14px;padding:16px;border-radius:12px;background:#fafafa;border:1px solid #f1f5f9;transition:all .2s ease}.recap-item:hover{transform:translate(4px);background:#f8fafc;border-color:#e2e8f0;box-shadow:0 2px 8px #0000000a}.recap-list:empty:before,.recap-section .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#94a3b8;text-align:center;background:linear-gradient(135deg,#fafafa,#f8fafc);border-radius:12px;border:2px dashed #e2e8f0;min-height:160px}.recap-list:empty:before{content:"No items recorded"}.marker{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.1rem;background:#fff;box-shadow:0 2px 6px #0000000f}.decision-item .marker{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a}.task-item .marker{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569}.highlight-item .marker{background:linear-gradient(135deg,#fff7ed,#ffedd5);color:#f27c07}.item-content{flex:1}.item-content p{font-weight:600;color:#334155;margin-bottom:6px;line-height:1.5;font-size:.95rem}.item-time{font-size:.75rem;color:#94a3b8;font-weight:500;display:flex;align-items:center;gap:4px}.item-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.owner-badge{font-size:.75rem;font-weight:700;color:#f27c07;background:linear-gradient(135deg,#fff7ed,#ffedd5);padding:4px 10px;border-radius:6px;border:1px solid rgba(242,124,7,.2)}.recap-right{display:flex;flex-direction:column;gap:20px}.btn-text-full{width:100%;padding:14px;margin-top:8px;border:1.5px dashed #e2e8f0;background:#fafafa;border-radius:10px;color:#64748b;font-weight:600;font-size:.875rem;cursor:pointer;text-align:center;transition:all .2s ease}.btn-text-full:hover{border-color:#f27c07;color:#f27c07;background:#f27c0708}.feedback-card{padding:28px;text-align:center;background:linear-gradient(135deg,#fff,#fafafa)}.feedback-card h3{font-size:1.1rem;margin-bottom:6px;color:#1e293b;font-weight:700}.feedback-card p{font-size:.875rem;color:#64748b;margin-bottom:20px}.star-rating{display:flex;justify-content:center;gap:8px}.star-btn{background:none;border:none;font-size:1.75rem;color:#e2e8f0;cursor:pointer;transition:all .2s ease;padding:4px;line-height:1}.star-btn.active{color:#fbbf24;transform:scale(1.1)}.star-btn:hover{transform:scale(1.15);color:#fbbf24}.star-btn:focus-visible{outline:2px solid rgba(242,124,7,.4);border-radius:6px}.recap-actions{display:flex;justify-content:center;gap:16px;padding:40px 0;border-top:1px solid #e2e8f0;margin-top:20px}.recap-actions button{padding:14px 32px;font-size:.95rem;border-radius:12px;font-weight:600;transition:all .2s ease}.recap-actions .btn-primary{background:linear-gradient(135deg,#f27c07,#ff9d42);border:none;color:#fff;box-shadow:0 4px 14px #f27c074d}.recap-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f27c0766}.recap-actions .btn-secondary{background:#fff;border:1.5px solid #e2e8f0;color:#475569}.recap-actions .btn-secondary:hover{border-color:#f27c07;color:#f27c07;background:#f27c0708}.recap-footer{text-align:center;color:#94a3b8;font-size:.875rem;padding:20px 0}button:focus-visible{outline:3px solid rgba(242,124,7,.4);outline-offset:3px}@media(max-width:1024px){.recap-grid{grid-template-columns:1fr}.recap-right{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.feedback-card{order:-1}}@media(max-width:768px){.recap-header{height:64px}.header-content,.recap-main{padding:0 16px}.celebration-banner{flex-direction:column;align-items:flex-start;gap:20px;padding:24px}.banner-content h1{font-size:1.5rem}.session-meta{width:100%;justify-content:space-around;gap:20px}.meta-item .value{font-size:1.25rem}.recap-section{padding:20px}.section-header h2{font-size:1rem}.recap-actions{flex-direction:column;padding:30px 0}.recap-actions button{width:100%}.recap-right{grid-template-columns:1fr}}@media(max-width:480px){.logo{font-size:1.1rem}.logo-icon{width:32px;height:32px;font-size:1rem}.btn-outline-small{padding:8px 14px;font-size:.8rem}.celebration-banner{padding:20px;border-radius:16px}.banner-content h1{font-size:1.35rem}.session-meta{padding:12px 16px}.recap-section{padding:16px;border-radius:12px}.recap-item{padding:12px}.marker{width:32px;height:32px;font-size:1rem}}.upload-page{min-height:100vh;background-color:#f8f9fa;color:#1a1a1a;padding-bottom:80px}.upload-header{height:70px;background:#fff;display:flex;align-items:center;border-bottom:1px solid #eee;margin-bottom:50px;padding:0 20px}.header-content{max-width:1100px;width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.upload-main{max-width:1100px;width:100%;margin:0 auto;padding:0 20px}.logo{font-size:1.5rem;font-weight:800;color:#1a1a1a;cursor:pointer;display:flex;align-items:center;gap:10px}.logo-icon{font-size:1.8rem}.btn-text{background:none;border:none;font-size:1rem;font-weight:600;color:#666;cursor:pointer;transition:color .2s}.btn-text:hover{color:#000}.upload-hero{text-align:center;margin-bottom:40px;animation:fadeInDown .6s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.upload-hero h1{font-size:2.5rem;font-weight:800;margin-bottom:12px;letter-spacing:-.5px}.upload-hero p{color:#666;font-size:1.1rem}.upload-container{padding:40px;background:#fff;border:none;box-shadow:0 10px 40px #00000008;border-radius:20px}.upload-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:50px}.dropzone{width:100%;height:350px;border:2px dashed #e0e0e0;border-radius:20px;display:flex;align-items:center;justify-content:center;text-align:center;background:#fafafa;transition:all .3s ease;cursor:pointer;position:relative}.dropzone:hover,.dropzone.active{border-color:var(--primary);background:#fffaf7}.dropzone.has-file{border-style:solid;border-color:#44bd32;background:#f7fff7}.dropzone-content{padding:20px}.upload-icon{font-size:3rem;margin-bottom:20px;color:#ccc}.dropzone.has-file .file-icon{font-size:4rem;margin-bottom:15px}.dropzone h3{font-size:1.2rem;font-weight:700;margin-bottom:10px}.dropzone p{color:#888;font-size:.95rem;margin-bottom:15px}.file-types{font-size:.75rem;color:#bbb;text-transform:uppercase;letter-spacing:1px;font-weight:600}.upload-progress-container{margin-top:30px}.progress-info{display:flex;justify-content:space-between;margin-bottom:10px;font-weight:700;font-size:.9rem}.progress-bar-bg{height:8px;background:#eee;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--primary);transition:width .3s ease}.form-group{margin-bottom:25px}label{display:block;margin-bottom:8px;font-weight:700;color:#1a1a1a;font-size:.95rem}input[type=text],textarea{width:100%;padding:12px 16px;border:1px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:all .2s;background:#fcfcfc;font-family:inherit}input[type=text]:focus,textarea:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 3px #f27c071a}.type-selector{display:flex;gap:10px;margin-bottom:5px}.type-btn{flex:1;padding:12px;border:1px solid #eee;background:#fff;border-radius:10px;font-weight:700;font-size:.85rem;color:#666;cursor:pointer;transition:all .2s}.type-btn:hover{background:#f8f9fa}.type-btn.active{border-color:var(--primary);color:var(--primary);background:#fff5eb}.upload-actions{display:flex;flex-direction:column;gap:15px;margin-top:30px}.publish-btn{padding:18px;font-size:1.15rem;font-weight:700;color:#fff;background:linear-gradient(90deg,#f27c07,#ff9a3d);border:none;border-radius:12px;box-shadow:0 10px 25px #f27c0740;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.publish-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 30px #f27c0759}.publish-btn:disabled{background:#e0e0e0;box-shadow:none;cursor:not-allowed}.btn-outline{padding:15px;font-size:1rem;font-weight:700;color:#666;background:#fff;border:2px solid #eee;border-radius:12px;cursor:pointer;transition:all .2s}.btn-outline:hover{border-color:#ccc;color:#333}.btn-link{background:none;border:none;color:#ef4444;font-weight:600;margin-top:10px;cursor:pointer;text-decoration:underline}@media(max-width:900px){.upload-layout{grid-template-columns:1fr}}.dropzone:focus-visible{outline:3px solid rgba(242,124,7,.4);outline-offset:4px}input:focus-visible,textarea:focus-visible,button:focus-visible{outline:3px solid rgba(242,124,7,.4);outline-offset:2px}.subject-selector{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:5px}.subject-btn{padding:10px 16px;border:1px solid #eee;background:#fff;border-radius:20px;font-size:.85rem;font-weight:600;color:#555;cursor:pointer;transition:all .2s}.subject-btn:hover{background:#f8f9fa;border-color:#ddd}.subject-btn.active{background:#fff5eb;border-color:var(--primary);color:var(--primary);box-shadow:0 4px 10px #f27c071a}:root{--sidebar-width: 260px;--primary-orange: #f27c07;--bg-main: var(--bg-gray);--text-black: var(--text-main);--text-gray: var(--text-muted);--border-color: var(--border);--dashboard-white: var(--bg-light);--text-main: var(--text-main)}.dashboard-container.student-dashboard{display:flex;min-height:100vh;background-color:var(--dashboard-white);color:var(--text-main);overflow-x:hidden;position:relative}.student-dashboard:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 10% 20%,rgba(242,124,7,.03) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(99,102,241,.03) 0%,transparent 40%);z-index:0;pointer-events:none;animation:ambientPulse 15s infinite alternate ease-in-out}.animate-slide-up{opacity:0;transform:translateY(30px);animation:slideInUp .8s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--index) * .15s)}.animate-pop-in{opacity:0;transform:scale(.9);animation:popIn .6s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:calc(var(--delay) * .1s + .3s)}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}@keyframes popIn{to{opacity:1;transform:scale(1)}}.dashboard-container{display:flex;min-height:100vh;background-color:#fff;font-family:Inter,system-ui,-apple-system,sans-serif}.dashboard-sidebar{background:#fdfaf7;border-right:1px solid rgba(242,124,7,.1);padding:40px 24px;display:flex;flex-direction:column}.logo-icon{color:var(--primary-orange);font-size:1.8rem}.nav-item:hover{color:var(--text-black);background:#f8fafc}.nav-item.active{background:#f27c0714;color:var(--primary-orange);box-shadow:inset 4px 0 0 var(--primary-orange);position:relative}.nav-item.active:after{content:"";position:absolute;right:15px;width:6px;height:6px;background:var(--primary-orange);border-radius:50%;box-shadow:0 0 10px var(--primary-orange);top:50%;transform:translateY(-50%)}.nav-icon{font-size:1.2rem}.sidebar-profile{padding:20px 30px;border-top:1px solid var(--border-color);display:flex;align-items:center;gap:15px}.mini-avatar{width:40px;height:40px;background:#ffe5d0;border-radius:50%;flex-shrink:0}.profile-info{display:flex;flex-direction:column}.profile-name{font-weight:800;font-size:.95rem;color:var(--text-black)}.profile-role{font-size:.8rem;color:var(--text-gray)}.dashboard-content{margin-left:260px;flex:1;padding:0;position:relative;z-index:10;display:flex;flex-direction:column}.content-inner{padding:30px 60px;max-width:1400px;margin:0 auto;width:100%}.welcome-banner{margin-bottom:50px}.welcome-banner h1{font-size:2.2rem;font-weight:950;margin-bottom:8px;color:var(--text-black)}.welcome-banner p{color:var(--text-gray);font-size:1.1rem;margin-bottom:30px}.live-now-banner.interactive-3d{background:linear-gradient(135deg,#f27c07,#ff9a3d);border-radius:32px;padding:60px;color:#fff;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;box-shadow:0 30px 60px #f27c0726;perspective:1000px;transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .1s ease-out;transform-style:preserve-3d}.btn-magnetic-wrapper{display:inline-block;padding:20px;margin:-20px}.join-now-btn.magnetic-element{transition:transform .1s ease-out;transform:translate(var(--tx, 0px),var(--ty, 0px));background:#fff;color:#f27c07;border:none;padding:16px 36px;border-radius:16px;font-weight:800;font-size:1.1rem;cursor:pointer;box-shadow:0 10px 30px #0000001a}.banner-btn-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px}.join-code-btn{background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;border:2px solid rgba(255,255,255,.4);padding:14px 28px;border-radius:16px;font-weight:800;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.join-code-btn:hover{background:#ffffff59;border-color:#fff9;transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.glass-tag{background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;padding:8px 16px;border-radius:20px;font-size:.75rem;font-weight:800;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;gap:8px;transform:translateZ(50px)}@keyframes bannerEntrance{0%{transform:scale(.95) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.live-now-banner:after{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:#ffffff1a;border-radius:50%;filter:blur(50px);animation:floatShape 8s infinite alternate ease-in-out}@keyframes floatShape{0%{transform:translate(0)}to{transform:translate(-30px,40px)}}.live-now-card{background:#fff;border:1px solid var(--border-color);border-radius:20px;padding:30px;display:flex;gap:25px;align-items:flex-start;border-left:6px solid var(--primary-orange);box-shadow:0 4px 20px #00000005}.live-icon-container{width:64px;height:64px;background:#fff5eb;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.play-icon-live{color:var(--primary-orange);font-size:1.5rem}.live-details{flex:1}.live-tag{background:#ff4757;color:#fff;font-size:.75rem;font-weight:900;padding:4px 10px;border-radius:6px;display:inline-block;margin-bottom:12px}.live-details h3{font-size:1.3rem;font-weight:800;margin-bottom:8px}.live-details p{font-size:1rem;margin-bottom:20px}.lesson-card-premium{background:#fff;border:1px solid var(--border-color);border-radius:24px;overflow:hidden;perspective:1000px;transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .1s ease-out,box-shadow .3s,border-color .3s;cursor:pointer;transform-style:preserve-3d}.lesson-card-premium:hover{border-color:var(--primary-orange);box-shadow:0 20px 40px #00000014}.shimmer-on-hover{position:relative;overflow:hidden}.shimmer-on-hover:after{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:linear-gradient(135deg,#fff0,#ffffff1a 45%,#fff6,#ffffff1a 55%,#fff0);transform:rotate(-45deg);transition:none;pointer-events:none;opacity:0}.lesson-card-premium:hover .shimmer-on-hover:after{animation:shimmerSweep .8s ease-in-out forwards;opacity:1}@keyframes shimmerSweep{0%{transform:rotate(-45deg) translate(-100%,-100%)}to{transform:rotate(-45deg) translate(100%,100%)}}.join-btn{background:var(--primary-orange);color:#fff;border:none;padding:12px 28px;border-radius:10px;font-weight:800;cursor:pointer;transition:all .2s}.join-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #f27c074d}.recent-section{margin-bottom:50px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.section-header h2{font-size:1.5rem;font-weight:900}.view-all-link.magnetic-text{background:none;border:none;color:var(--primary-orange);font-weight:800;font-size:.9rem;cursor:pointer;transform:translate(var(--tx, 0px),var(--ty, 0px));transition:transform .1s ease-out;display:inline-block}.view-all-link:hover{text-decoration:underline}.lessons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px}.lesson-card{cursor:pointer}.lesson-thumb{position:relative;border-radius:16px;height:180px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f8fafc;margin-bottom:15px}.lesson-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.lesson-card:hover .lesson-thumb img{transform:scale(1.05)}.duration{position:absolute;bottom:10px;left:10px;background:#000c;color:#fff;font-size:.75rem;font-weight:700;padding:4px 8px;border-radius:4px}.download-btn-mini{position:absolute;bottom:10px;right:10px;background:#fff;border:none;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 10px #0000001a}.lesson-info{padding:20px;transform-style:preserve-3d}.lesson-info h3{font-size:1.1rem;font-weight:800;margin-bottom:12px;line-height:1.4;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.lesson-card-premium:hover .lesson-info h3{transform:translateZ(30px) translateY(-5px)}.lesson-meta{display:flex;flex-direction:column;gap:12px}.tutor-prev{font-size:.85rem;color:var(--text-gray);font-weight:600;transition:transform .4s cubic-bezier(.2,.8,.2,1);transition-delay:.05s}.tag-cluster{display:flex;flex-wrap:wrap;gap:8px;transition:transform .4s cubic-bezier(.2,.8,.2,1);transition-delay:.1s}.lesson-card-premium:hover .tutor-prev,.lesson-card-premium:hover .tag-cluster{transform:translateZ(15px) translateY(-3px)}.lesson-tags{display:flex;gap:8px}.lesson-tag{background:#f1f5f9;color:var(--text-gray);font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:6px}.topics-section h2{font-size:1.5rem;font-weight:900;margin-bottom:25px}.topics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:60px}.exclusive-topics-section{margin-top:60px;margin-bottom:40px}.section-header-exclusive{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.section-header-exclusive h2{font-size:1.8rem;font-weight:900;margin-bottom:5px}.section-header-exclusive p{color:var(--text-gray);font-size:.95rem}.scroll-hint{font-size:.8rem;font-weight:700;color:var(--primary-orange);text-transform:uppercase;letter-spacing:1px}.topics-horizontal-strip{display:flex;gap:30px;padding:20px 0 40px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}.topics-horizontal-strip::-webkit-scrollbar{display:none}.notification-item{display:flex;gap:16px;padding:18px;border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;margin-bottom:4px}.notification-item:hover{background:#fff;box-shadow:0 10px 20px #0000000a;transform:translateY(-2px)}.notification-item.unread{background:#f27c070a}.notification-item.unread:before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:var(--primary-orange);border-radius:50%;box-shadow:0 0 10px var(--primary-orange)}.noti-icon{width:48px;height:48px;background:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;box-shadow:0 8px 16px #0000000f;flex-shrink:0;border:1px solid rgba(0,0,0,.02)}.noti-text p{font-size:.92rem;line-height:1.5;color:var(--text-black);margin-bottom:6px}.noti-text p strong{font-weight:850;color:var(--text-black)}.noti-text span{font-size:.78rem;color:var(--text-gray);font-weight:700;background:#00000008;padding:2px 8px;border-radius:6px}.see-all-btn{width:calc(100% - 24px);margin:12px;padding:14px;background:var(--text-black);border:none;color:#fff;font-weight:800;font-size:.9rem;cursor:pointer;border-radius:16px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 20px #0000001a}.see-all-btn:hover{background:var(--primary-orange);transform:translateY(-2px) scale(1.02);box-shadow:0 12px 24px #f27c0733}.settings-section-label{font-size:.7rem;font-weight:800;color:var(--text-gray, #94a3b8);text-transform:uppercase;letter-spacing:1.5px;padding:4px 20px 8px;margin-top:6px}.settings-option{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-radius:16px;transition:background .2s;gap:14px}.settings-option:hover{background:#00000006}.settings-option-left{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.settings-icon{width:40px;height:40px;border-radius:12px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0;transition:background .2s,transform .2s}.settings-option:hover .settings-icon{background:#e2e8f0;transform:scale(1.05)}.option-title{display:block;font-weight:800;font-size:.92rem;color:var(--text-black);margin-bottom:1px;line-height:1.3}.option-desc{font-size:.76rem;color:var(--text-gray);font-weight:600;line-height:1.3}.toggle-switch{width:48px;height:26px;background:#e2e8f0;border-radius:13px;position:relative;transition:all .35s cubic-bezier(.68,-.55,.265,1.55);cursor:pointer;flex-shrink:0}.toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001f;transition:all .35s cubic-bezier(.68,-.55,.265,1.55)}.toggle-switch.active{background:var(--primary-orange)}.toggle-switch.active:after{left:25px}.settings-action-btn{width:calc(100% - 24px);margin:3px 12px;text-align:left;padding:13px 16px;background:#fff;border:1px solid var(--border-color, #e5e7eb);font-weight:750;font-size:.9rem;color:var(--text-black);cursor:pointer;border-radius:14px;transition:all .25s ease;display:flex;align-items:center;justify-content:space-between}.settings-action-left{display:flex;align-items:center;gap:12px}.settings-action-btn .settings-icon{width:34px;height:34px;border-radius:10px;font-size:1rem}.settings-action-btn:after{content:"›";font-size:1.4rem;font-weight:300;opacity:.3;transition:all .25s ease}.settings-action-btn:hover{border-color:var(--primary-orange);background:#f27c0708}.settings-action-btn:hover:after{opacity:.8;color:var(--primary-orange);transform:translate(3px)}.settings-action-btn.logout{color:#ef4444;border-color:#ef44441f;background:#ef444405;margin-bottom:8px}.settings-action-btn.logout .settings-icon{background:#ef444414}.settings-action-btn.logout:hover{background:#ef4444;color:#fff;border-color:#ef4444;box-shadow:0 6px 20px #ef444433}.settings-action-btn.logout:hover .settings-icon{background:#fff3}.topic-glass-card{min-width:380px;height:280px;background:#ffffffb3;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.5);border-radius:32px;position:relative;padding:30px 40px;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .2s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d;cursor:pointer;box-shadow:0 15px 35px #00000008}.card-bg-glow{position:absolute;top:-20%;right:-10%;width:200px;height:200px;background:radial-gradient(circle,rgba(242,124,7,.08) 0%,transparent 70%);z-index:1;pointer-events:none}.topic-3d-icon{position:absolute;top:-35px;left:30px;font-size:4.5rem;transform:translateZ(80px);filter:drop-shadow(0 20px 20px rgba(0,0,0,.15));z-index:5;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.topic-glass-card:hover .topic-3d-icon{transform:translateZ(100px) translateY(-10px) rotate(5deg)}.topic-glass-content{transform:translateZ(30px);z-index:3;display:flex;flex-direction:column;padding-top:40px}.topic-glass-content h4{font-size:1.5rem;font-weight:900;margin-bottom:8px;background:linear-gradient(90deg,#1a1a1a,#64748b,#1a1a1a);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:textShimmer 4s linear infinite}@keyframes textShimmer{to{background-position:200% center}}.topic-glass-content p{color:var(--text-gray);font-size:.95rem;line-height:1.5;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;opacity:.8}.topic-meta-row{display:flex;justify-content:space-between;align-items:center}.course-count{font-weight:800;font-size:.8rem;color:var(--primary-orange);background:#f27c071a;padding:6px 14px;border-radius:20px}.explore-topic-btn{background:var(--text-black);color:#fff;border:none;padding:10px 20px;border-radius:12px;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .3s}.explore-topic-btn:hover{background:var(--primary-orange);transform:scale(1.05)}.topic-card{border:1px solid var(--border-color);border-radius:20px;padding:30px;transition:all .3s}.topic-card:hover{border-color:var(--primary-orange);box-shadow:0 10px 30px #00000008}.topic-icon-bg{width:50px;height:50px;background:#fff5eb;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:20px}.topic-card h3{font-weight:800;margin-bottom:10px}.topic-card p{font-size:.95rem;color:var(--text-gray);line-height:1.5;margin-bottom:25px}.topic-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f1f5f9;padding-top:20px}.topic-footer span{font-weight:700;font-size:.9rem;color:var(--text-black)}.topic-go{background:none;border:none;color:var(--primary-orange);font-size:1.5rem;cursor:pointer;transition:transform .2s}.topic-card:hover .topic-go{transform:translate(5px)}.no-results{text-align:center;padding:40px 0;color:#999;font-style:italic}.notifications-stack{position:fixed;top:25px;right:25px;z-index:2000;display:flex;flex-direction:column;gap:15px;pointer-events:none}.notifications-stack>*{pointer-events:auto}.live-notification-toast{width:400px;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(242,124,7,.2);border-radius:20px;padding:20px;box-shadow:0 20px 40px #f27c0726}.live-notification-toast.lesson-noti{border-color:#6366f133;box-shadow:0 20px 40px #6366f126}.live-toast-content{display:flex;gap:15px;align-items:flex-start}.live-pulse-container{padding-top:5px}.live-dot{display:block;width:12px;height:12px;background:var(--primary-orange);border-radius:50%}.live-dot.lesson-dot{background:#6366f1}.live-dot.pulse{animation:livePulse 1.5s infinite}@keyframes livePulse{0%{transform:scale(1);box-shadow:0 0 #f27c07b3}70%{transform:scale(1.1);box-shadow:0 0 0 10px #f27c0700}to{transform:scale(1);box-shadow:0 0 #f27c0700}}.live-toast-text{flex:1}.live-toast-label{display:block;font-size:.65rem;font-weight:900;color:var(--primary-orange);letter-spacing:1.5px;margin-bottom:5px}.live-toast-label.lesson-label{color:#6366f1}.live-toast-text h4{font-size:1rem;font-weight:700;color:var(--text-main);margin:0 0 4px}.live-toast-text p{font-size:.85rem;color:var(--text-gray);margin:0}.live-toast-actions{display:flex;flex-direction:column;gap:8px}.btn-join-toast{background:var(--primary-orange);color:#fff;border:none;padding:8px 16px;border-radius:10px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .3s}.btn-join-toast.lesson-btn{background:#6366f1}.btn-join-toast:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f27c074d}.btn-dismiss-toast{background:none;border:none;color:#cbd5e1;font-size:.9rem;cursor:pointer;transition:color .2s}.btn-dismiss-toast:hover{color:#64748b}.animate-slide-down{animation:slideDown .5s cubic-bezier(.16,1,.3,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dashboard-footer{text-align:center;color:var(--text-gray);padding:60px 0 40px;border-top:1px solid rgba(0,0,0,.05)}@media(max-width:1024px){.dashboard-content{margin-left:0;padding-top:20px}.content-inner{padding:20px}.live-now-banner.interactive-3d{flex-direction:column;padding:40px 30px;text-align:center;gap:30px}.banner-content{order:1}.banner-btn-group{justify-content:center}.banner-stats{order:2;width:100%;display:flex;justify-content:center}.lessons-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}}@media(max-width:768px){.welcome-banner h1{font-size:1.8rem}.topic-glass-card{min-width:300px;height:auto;padding:30px 20px}.topic-3d-icon{font-size:3rem;top:-20px}.live-notification-toast{width:calc(100vw - 40px);right:20px}}@media(max-width:480px){.lessons-grid{grid-template-columns:1fr}.join-now-btn.magnetic-element{width:100%;padding:14px}}.code-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.code-modal{background:#fff;border-radius:24px;padding:40px;width:90%;max-width:420px;text-align:center;box-shadow:0 25px 80px #00000040;animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);position:relative}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close-btn{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:none;background:#f1f5f9;color:#64748b;font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close-btn:hover{background:#e2e8f0;color:#1e293b}.modal-icon{width:80px;height:80px;background:linear-gradient(135deg,#fff7ed,#ffedd5);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#f27c07}.code-modal h2{font-size:1.5rem;font-weight:800;color:#1e293b;margin-bottom:8px}.code-modal>p{font-size:.95rem;color:#64748b;margin-bottom:28px;line-height:1.5}.code-input-wrapper{margin-bottom:24px}.code-input-wrapper input{width:100%;padding:16px 20px;border:2px solid #e2e8f0;border-radius:14px;font-size:1.1rem;font-weight:700;text-align:center;letter-spacing:3px;text-transform:uppercase;transition:all .2s ease;font-family:Inter,monospace}.code-input-wrapper input:focus{outline:none;border-color:#f27c07;box-shadow:0 0 0 4px #f27c071a}.code-input-wrapper input::placeholder{letter-spacing:0;text-transform:none;color:#94a3b8;font-weight:500}.code-error{display:block;color:#ef4444;font-size:.85rem;font-weight:600;margin-top:10px;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.modal-actions{display:flex;gap:12px}.btn-cancel{flex:1;padding:14px 24px;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-weight:700;font-size:.95rem;border-radius:12px;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:#f8fafc;border-color:#cbd5e1}.btn-join-class{flex:1.5;padding:14px 24px;border:none;background:linear-gradient(135deg,#f27c07,#ff9f42);color:#fff;font-weight:700;font-size:.95rem;border-radius:12px;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px #f27c074d}.btn-join-class:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #f27c0766}.btn-join-class:disabled{opacity:.7;cursor:not-allowed}.btn-join-class .spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-hint{margin-top:20px;padding:12px 16px;background:#f0fdf4;border-radius:10px;font-size:.85rem;color:#166534;display:flex;align-items:center;justify-content:center;gap:6px}.modal-hint strong{font-family:Inter,monospace;letter-spacing:1px}.live-now-banner.scheduled{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.live-now-banner.live{background:linear-gradient(135deg,#f27c07,#ff9a3d);animation:liveGlow 2s infinite alternate}.live-now-banner.ended{background:linear-gradient(135deg,#64748b,#94a3b8)}@keyframes liveGlow{0%{box-shadow:0 30px 60px #f27c0726}to{box-shadow:0 30px 80px #f27c0759}}.live-indicator.status-scheduled{background:#ffffff26}.live-indicator.status-scheduled .live-dot{background:#ffffff80}.live-indicator.status-live{background:#ff3b30e6;animation:statusPulse 1.5s infinite}.live-indicator.status-live .live-dot{background:#fff;animation:dotPulse 1s infinite}.live-indicator.status-ended{background:#fff3}.live-indicator.status-ended .live-dot{background:#10b981}@keyframes statusPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.join-now-btn.live-btn{background:#fff;color:#f27c07;animation:btnPulse 2s infinite}.join-now-btn.scheduled-btn{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.4)}.join-now-btn.scheduled-btn:hover{background:#ffffff4d}.join-now-btn.ended-btn{background:#fff3;color:#ffffffb3;cursor:not-allowed}@keyframes btnPulse{0%,to{box-shadow:0 10px 30px #0000001a}50%{box-shadow:0 10px 40px #f27c074d}}.stat-item.live-pulse{animation:statPulse 1.5s ease infinite}.stat-item.live-pulse .stat-value{animation:countUpdate .3s ease}@keyframes statPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes countUpdate{0%{transform:scale(1.2);color:#10b981}to{transform:scale(1);color:#fff}}.live-update-indicator{display:block;font-size:.65rem;font-weight:800;color:#10b981;margin-top:4px;animation:indicatorBlink 1s infinite}@keyframes indicatorBlink{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:1024px){.dashboard-content{margin-left:0;width:100%}.content-inner{padding:30px;max-width:100%}.live-now-banner.interactive-3d{flex-direction:column;text-align:center;gap:30px;padding:40px}.live-now-banner:after{top:-20%;right:-20%}.banner-btn-group{justify-content:center}.lessons-grid,.topics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.content-inner{padding:20px}.welcome-banner h1{font-size:1.8rem}.welcome-banner p{font-size:1rem}.section-header,.section-header-exclusive{flex-direction:column;align-items:flex-start;gap:10px}.lessons-grid,.topics-grid{grid-template-columns:1fr}.live-now-card{flex-direction:column;align-items:center;text-align:center}.live-icon-container{margin-bottom:10px}}@media(max-width:480px){.content-inner{padding:15px}.live-now-banner.interactive-3d{padding:25px;border-radius:24px}.join-now-btn.magnetic-element,.join-code-btn{width:100%;justify-content:center}.banner-btn-group{width:100%}.settings-option{flex-direction:column;align-items:flex-start;gap:10px}.settings-toggle{align-self:flex-end}}@media(min-width:1441px){.content-inner{max-width:1600px}.lessons-grid{grid-template-columns:repeat(4,1fr)}}.progress-section{margin-bottom:24px}.progress-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}.progress-stat-card{background:#fff;border-radius:16px;padding:18px;display:flex;align-items:center;gap:14px;box-shadow:0 2px 10px #0000000a;border:1px solid #f1f5f9}.psc-icon{font-size:1.8rem}.psc-num{font-size:1.5rem;font-weight:900;color:#0f172a;display:block}.psc-label{font-size:.72rem;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.progress-bars-card{padding:20px}.progress-bar-item{margin-bottom:14px}.progress-bar-item:last-child{margin-bottom:0}.pb-label{display:flex;justify-content:space-between;font-size:.85rem;font-weight:600;color:#475569;margin-bottom:6px}.pb-track{height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}.pb-fill{height:100%;background:linear-gradient(90deg,#f27c07,#ff9d42);border-radius:4px;transition:width .6s ease}@media(max-width:768px){.progress-stats-row{grid-template-columns:1fr}}@media(max-width:480px){.student-dashboard{padding:10px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:12px;padding:15px}.brand-logo{font-size:1.2rem}.header-actions{width:100%;justify-content:space-between}.welcome-section{padding:20px 15px;margin-bottom:20px}.welcome-text h1{font-size:1.4rem}.welcome-text p{font-size:.9rem}.hero-illustration{display:none}.topic-cards-container{padding:15px}.topic-cards-wrapper{gap:15px}.topic-glass-card{min-width:280px;height:200px;padding:20px 25px;border-radius:24px}.topic-3d-icon{font-size:3rem;top:-25px;left:20px}.topic-info h3{font-size:1.1rem}.topic-stats{font-size:.75rem}.live-badge{padding:6px 12px;font-size:.7rem}.floating-join-card{position:relative;width:100%;margin:15px 0;right:auto;bottom:auto;padding:20px}.floating-join-card h3{font-size:1rem}.join-code-input{font-size:1.2rem;letter-spacing:4px}.progress-stats-row{grid-template-columns:1fr;gap:12px}.stat-card{padding:16px}.stat-value{font-size:1.5rem}.settings-menu{min-width:280px}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.view-toggle{width:100%}.view-btn{flex:1;justify-content:center}}@media(min-width:481px)and (max-width:768px){.student-dashboard{padding:15px}.dashboard-header{padding:15px 20px}.welcome-section{padding:25px 20px}.welcome-text h1{font-size:1.6rem}.hero-illustration{width:120px;height:120px}.topic-glass-card{min-width:320px;height:220px}.topic-3d-icon{font-size:3.5rem}.floating-join-card{width:300px;padding:25px}.progress-stats-row{grid-template-columns:repeat(2,1fr)}.stat-card{padding:20px}}@media(min-width:769px)and (max-width:1024px){.student-dashboard{padding:20px}.welcome-section{padding:35px 30px}.welcome-text h1{font-size:1.8rem}.hero-illustration{width:150px;height:150px}.topic-cards-container{padding:25px}.topic-glass-card{min-width:350px;height:240px}.floating-join-card{width:320px}.progress-stats-row{grid-template-columns:repeat(2,1fr)}}@media(min-width:1025px)and (max-width:1280px){.student-dashboard{max-width:1100px;margin:0 auto}.topic-glass-card{min-width:360px}.progress-stats-row{grid-template-columns:repeat(4,1fr)}}@media(min-width:1281px)and (max-width:1536px){.student-dashboard{max-width:1300px;margin:0 auto;padding:30px}.welcome-section{padding:45px 50px}.welcome-text h1{font-size:2.2rem}.hero-illustration{width:200px;height:200px}.topic-cards-container{padding:35px}.topic-glass-card{min-width:380px;height:260px;padding:35px 45px}.topic-3d-icon{font-size:5rem;top:-40px}.floating-join-card{width:360px;padding:35px}}@media(min-width:1537px){.student-dashboard{max-width:1500px;margin:0 auto;padding:40px}.dashboard-header{padding:25px 40px}.brand-logo{font-size:1.6rem}.welcome-section{padding:55px 60px;margin-bottom:40px}.welcome-text h1{font-size:2.6rem}.welcome-text p{font-size:1.2rem}.hero-illustration{width:250px;height:250px}.topic-cards-container{padding:45px;border-radius:35px}.topic-cards-wrapper{gap:35px}.topic-glass-card{min-width:420px;height:300px;padding:40px 50px;border-radius:40px}.topic-3d-icon{font-size:6rem;top:-50px;left:40px}.topic-info h3{font-size:1.5rem}.topic-stats{font-size:1rem}.floating-join-card{width:400px;padding:45px}.floating-join-card h3{font-size:1.4rem}.join-code-input{font-size:1.8rem;letter-spacing:10px}.progress-stats-row{grid-template-columns:repeat(4,1fr);gap:24px}.stat-card{padding:32px}.stat-value{font-size:2.2rem}.stat-label{font-size:1rem}.settings-menu{min-width:360px}}@media(max-width:768px)and (orientation:landscape){.welcome-section{flex-direction:row;padding:25px}.hero-illustration{display:block;width:100px;height:100px}.floating-join-card{position:fixed;width:280px}.topic-glass-card{min-width:300px}}@media(hover:none)and (pointer:coarse){.topic-glass-card:hover{transform:none}.topic-glass-card:active{transform:scale(.98)}.topic-glass-card:hover .topic-3d-icon{transform:none}.settings-action-btn:hover{border-color:#00000014;background:#fff}.view-btn:hover{background:#00000008}.btn-primary:hover{background:var(--primary);box-shadow:none}}@media print{.student-dashboard{background:#fff}.dashboard-header,.floating-join-card,.settings-menu,.mobile-menu-btn{display:none}.welcome-section{border:1px solid #ccc;page-break-inside:avoid}.topic-glass-card{break-inside:avoid;border:1px solid #ccc;background:#fff}.progress-stats-row{grid-template-columns:repeat(2,1fr)}}.teacher-dashboard-container{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;background:#fcfcfc;padding:20px}.dashboard-content.centered-layout{width:100%;max-width:1200px;margin:0 auto}.teacher-sidebar{background:#fdfaf7;border-right:1px solid rgba(242,124,7,.1);padding:40px 24px;display:flex;flex-direction:column}.sidebar-logo{font-size:1.4rem;font-weight:800;margin-bottom:50px;color:var(--text-main);display:flex;align-items:center;gap:12px}.sidebar-nav{display:flex;flex-direction:column;gap:8px;flex:1}.nav-item{display:flex;align-items:center;padding:14px 20px;border-radius:12px;background:transparent;border:none;color:var(--text-muted);font-weight:500;font-size:1rem;cursor:pointer;transition:all .3s ease;position:relative;text-align:left}.nav-item:hover{background:#f27c070d;color:var(--primary)}.nav-item.active{background:transparent;color:var(--primary);font-weight:700}.nav-item.active:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:6px;height:6px;background:var(--primary);border-radius:50%;box-shadow:0 0 10px #f27c0780}.nav-icon{font-size:1.2rem;margin-right:15px;display:flex;align-items:center;justify-content:center;opacity:.8}.nav-item.active .nav-icon{opacity:1}.teacher-avatar{background:linear-gradient(135deg,#4facfe,#00f2fe)}.teacher-hero-banner{background:linear-gradient(135deg,#2d3436,#1a1a1a);padding:60px;border-radius:24px;color:#fff;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;box-shadow:0 20px 40px #0003}.teacher-hero-banner:before{content:"";position:absolute;top:-50%;right:-20%;width:80%;height:200%;background:radial-gradient(circle,rgba(242,124,7,.1) 0%,transparent 70%);transform:rotate(-15deg)}.highlight-text{color:var(--primary)}.start-btn{margin-top:25px;padding:15px 30px;font-size:1.1rem;border-radius:12px}.banner-visual{position:relative;width:250px;height:200px}.float-item{position:absolute;font-size:2.5rem;filter:drop-shadow(0 0 10px rgba(255,255,255,.3));animation:floating 3s ease-in-out infinite}.icon-1{top:10%;left:10%;animation-delay:0s}.icon-2{bottom:20%;right:20%;animation-delay:.5s;font-size:3rem}.icon-3{top:40%;right:40%;animation-delay:1s}@keyframes floating{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-top:20px}.action-card-premium{display:flex;align-items:center;padding:30px;text-align:left;border:1px solid var(--border);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;cursor:pointer}.action-card-premium:hover{transform:translateY(-10px);border-color:var(--primary);box-shadow:0 15px 30px #f27c071a}.action-icon-wrapper{font-size:2.5rem;margin-right:20px;background:#f8f9fa;width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:18px;transition:transform .3s}.action-card-premium:hover .action-icon-wrapper{transform:scale(1.1) rotate(5deg);background:#f27c070d}.action-text h3{margin:0 0 5px;font-size:1.2rem;color:var(--text-main)}.action-text p{margin:0;font-size:.9rem;color:var(--text-muted)}.action-arrow{margin-left:auto;font-size:1.5rem;color:var(--border);transition:transform .3s,color .3s}.action-card-premium:hover .action-arrow{transform:translate(5px);color:var(--primary)}.activity-list{margin-top:20px;padding:10px}.activity-item{display:flex;align-items:center;padding:20px;border-radius:12px;transition:background .3s}.activity-item:hover{background:#00000005}.activity-type-icon{width:45px;height:45px;background:#f0f0f0;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-right:20px}.activity-main{flex:1}.activity-main h4{margin:0 0 4px;font-size:1rem}.activity-meta{font-size:.85rem;color:var(--text-muted)}.activity-stats{margin:0 40px;font-size:.9rem;color:var(--text-muted)}.btn-icon-dots{background:#f8fafc;border:1px solid #e2e8f0;width:36px;height:36px;border-radius:10px;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#64748b}.btn-icon-dots:hover{background:#f1f5f9;color:var(--primary);border-color:var(--primary)}.video-library-section{margin-top:60px;margin-bottom:40px}.video-grid-teacher{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;margin-top:25px}.teacher-video-card{transition:all .4s cubic-bezier(.175,.885,.32,1.275);background:#fff;border:1px solid var(--border);overflow:hidden;position:relative;border-radius:20px}.teacher-video-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000014;border-color:var(--primary)}.video-thumb-wrapper{position:relative;aspect-ratio:16 / 9;background:#f8fafc;overflow:hidden}.video-thumb-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}.teacher-video-card:hover .video-thumb-wrapper img{transform:scale(1.1)}.duration-label{position:absolute;bottom:12px;right:12px;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:700}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.teacher-video-card:hover .video-overlay{opacity:1}.play-preview-btn{width:54px;height:54px;background:#fff;border-radius:50%;border:none;color:var(--primary);font-size:1.4rem;cursor:pointer;box-shadow:0 10px 20px #0003;transform:scale(.8);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.teacher-video-card:hover .play-preview-btn{transform:scale(1)}.video-info-content{padding:24px}.video-info-content h3{margin:0 0 15px;font-size:1.1rem;font-weight:700;color:var(--text-main);line-height:1.4}.video-stats-row{display:flex;gap:20px;font-size:.85rem;color:var(--text-muted);font-weight:500;margin-bottom:24px}.video-actions-footer{display:flex;gap:12px}.btn-secondary-mini{flex:1;padding:10px;border:1px solid var(--border);background:#fff;border-radius:10px;font-size:.88rem;font-weight:700;color:var(--text-main);cursor:pointer;transition:all .2s}.btn-secondary-mini:hover{background:#f8f9fa;border-color:var(--text-muted)}.btn-primary-mini{padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:10px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #f27c0726}.btn-primary-mini:hover{background:#d66d05;transform:translateY(-2px);box-shadow:0 6px 15px #f27c0740}.btn-primary-mini:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;box-shadow:none;transform:none}.student-submissions-section{margin-top:40px}.submission-list{margin-top:20px;padding:10px}.submission-item{display:flex;align-items:center;padding:20px;border-radius:16px;transition:all .3s ease}.submission-item:hover{background:#f27c0705}.submission-icon{width:50px;height:50px;background:#fff4e6;color:#f27c07;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-right:20px}.submission-main{flex:1}.submission-main h4{margin:0 0 5px;font-size:1.1rem;font-weight:700}.submission-meta{font-size:.85rem;color:var(--text-muted);margin-bottom:8px}.file-pill{display:inline-block;padding:4px 12px;background:#f1f5f9;border-radius:20px;font-size:.8rem;color:#475569;font-weight:600}.submission-status{margin:0 40px}.status-label{padding:6px 14px;background:#fef3c7;color:#f59e0b;border-radius:10px;font-size:.75rem;font-weight:800}.management-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.management-modal-card{width:100%;max-width:450px;padding:40px;border:1px solid rgba(255,255,255,.1);background:#fff;border-radius:32px;box-shadow:0 30px 60px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.modal-header h3{margin:0;font-size:1.6rem;font-weight:900;color:#1e293b;letter-spacing:-.5px}.close-modal-btn{background:#f1f5f9;border:none;width:36px;height:36px;border-radius:50%;font-size:1.5rem;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-modal-btn:hover{background:#e2e8f0;color:#1e293b}.modal-video-preview{display:flex;gap:20px;padding:20px;background:#f8fafc;border-radius:20px;margin-bottom:35px;border:1px solid #f1f5f9}.modal-video-preview img{width:120px;height:70px;border-radius:12px;object-fit:cover}.preview-info{display:flex;flex-direction:column;justify-content:center}.preview-info h4{margin:0 0 6px;font-size:1.1rem;font-weight:800;color:#1e293b;line-height:1.3}.preview-info span{font-size:.9rem;color:#64748b;font-weight:600}.modal-actions-grid{display:grid;grid-template-columns:1fr;gap:16px}.modal-action-btn{display:flex;align-items:center;gap:20px;padding:24px;border-radius:20px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;width:100%}.modal-action-btn:hover{transform:translateY(-4px) scale(1.02);border-color:#f27c07;background:#f27c0708;box-shadow:0 12px 24px #f27c071f}.action-icon{font-size:2.2rem;background:#fff4e6;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:16px}.modal-action-btn.analyze .action-icon{background:#eef2ff}.modal-action-btn.edit .action-icon{background:#fff4e6}.action-label strong{display:block;font-size:1.2rem;color:#1e293b;margin-bottom:4px}.action-label p{margin:0;font-size:.9rem;color:#64748b;font-weight:500}.manage-video-btn{width:100%;margin-top:10px}.live-setup-card{max-width:550px;background:linear-gradient(to bottom,#fff,#fdfaf7)}.modal-subtitle{margin:4px 0 0;font-size:.95rem;color:#64748b;font-weight:500}.live-setup-form{display:flex;flex-direction:column;gap:24px}.form-group-live{display:flex;flex-direction:column;gap:10px}.form-group-live label{font-size:1rem;font-weight:750;color:#334155;margin-left:4px}.form-group-live input,.form-group-live select{padding:16px 20px;border-radius:14px;border:1px solid #e2e8f0;font-size:1rem;background:#fff;transition:all .3s ease;outline:none}.form-group-live input:focus,.form-group-live select:focus{border-color:#f27c07;box-shadow:0 0 0 4px #f27c071a;transform:translateY(-2px)}@media(max-width:1024px){.teacher-dashboard-container{padding:0;display:block}.dashboard-content.centered-layout{margin-left:0;width:100%;padding:30px}.teacher-hero-banner{flex-direction:column;text-align:center;padding:40px;gap:30px}.teacher-hero-banner:before{display:none}.manage-video-btn{width:100%}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-content.centered-layout{padding:20px;margin-top:60px}.teacher-hero-banner h1{font-size:1.8rem}.quick-actions-grid,.video-grid-teacher{grid-template-columns:1fr}.activity-item{flex-direction:column;align-items:flex-start;gap:15px}.activity-stats{margin:5px 0 0}.submission-item{flex-direction:column;align-items:flex-start;gap:15px}.submission-status{margin:10px 0}}@media(max-width:480px){.teacher-hero-banner{padding:25px;border-radius:0}.action-card-premium{padding:20px}.action-icon-wrapper{width:50px;height:50px;font-size:1.5rem}}.setup-features{display:flex;gap:12px;margin-bottom:10px;flex-wrap:wrap}.feature-pill-btn{padding:10px 20px;background:#f1f5f9;color:#475569;border-radius:100px;font-size:.9rem;font-weight:700;border:2px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px}.feature-pill-btn:hover{background:#e2e8f0;transform:translateY(-2px);border-color:#f27c0733}.feature-pill-btn.disabled{background:#f8fafc;color:#94a3b8;text-decoration:line-through;opacity:.6}.feature-pill-btn.disabled:hover{transform:none;background:#f1f5f9}.btn-primary-large{padding:18px;background:var(--primary);color:#fff;border:none;border-radius:16px;font-size:1.15rem;font-weight:850;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 25px #f27c0733}.btn-primary-large:hover{background:#d66d05;transform:translateY(-4px);box-shadow:0 15px 35px #f27c074d}.launch-btn{margin-top:10px}.btn-primary-large.disabled,.btn-primary-large:disabled{background:#6b7280;cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.btn-primary-large.disabled:hover,.btn-primary-large:disabled:hover{background:#6b7280;transform:none;box-shadow:none}@media(max-width:1024px){.teacher-dashboard-container{padding:10px;display:block}.dashboard-content.centered-layout{padding:0}.teacher-sidebar{display:none}.teacher-hero-banner{flex-direction:column;padding:40px 20px;text-align:center;gap:30px}.banner-visual{width:100%;height:150px;display:flex;justify-content:center}.quick-actions-grid{grid-template-columns:1fr}}@media(max-width:768px){.submission-item{flex-direction:column;align-items:flex-start;gap:15px}.submission-status{margin:0}.submission-item button{width:100%}.activity-item{flex-direction:column;align-items:flex-start;gap:10px}.activity-stats{margin:0}.video-grid-teacher{grid-template-columns:1fr}}.analytics-stats-section{margin-top:20px}.analytics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.analytics-card{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;gap:14px;box-shadow:0 2px 10px #0000000a;border:1px solid #f1f5f9}.analytics-icon{font-size:1.8rem}.analytics-data{display:flex;flex-direction:column}.analytics-num{font-size:1.6rem;font-weight:900;color:#0f172a}.analytics-label{font-size:.78rem;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.recent-sessions-card{padding:20px}.recent-session-row{display:flex;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid #f8fafc}.recent-session-row:last-child{border:none}.rs-title{font-weight:600;font-size:.9rem;color:#0f172a;flex:1}.rs-meta{font-size:.78rem;color:#94a3b8}.rs-replay{font-size:.8rem;font-weight:700;color:#f27c07;text-decoration:none}.rs-replay:hover{text-decoration:underline}@media(max-width:768px){.analytics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.teacher-dashboard-container{padding:10px}.dashboard-content.centered-layout{padding:0 10px}.teacher-hero-banner{flex-direction:column;padding:24px 16px;text-align:center}.banner-content h2{font-size:1.4rem}.floating-elements{display:none}.quick-actions-grid{grid-template-columns:1fr}.analytics-grid{grid-template-columns:1fr;gap:12px}.analytics-card{padding:16px}.analytics-num{font-size:1.4rem}.video-grid-teacher{grid-template-columns:1fr}.activity-item{padding:16px}.submission-card{flex-direction:column;gap:12px}.submission-actions{width:100%;justify-content:stretch}.submission-actions button{flex:1}.setup-modal-card{width:95%;padding:20px;margin:10px}.live-setup-form{gap:16px}.setup-features{flex-wrap:wrap;gap:8px}.feature-pill-btn{font-size:.85rem;padding:8px 12px}.management-modal-card{width:95%;margin:10px}.modal-actions-grid{grid-template-columns:1fr}}@media(min-width:481px)and (max-width:768px){.teacher-dashboard-container{padding:15px}.teacher-hero-banner{flex-direction:column;padding:30px 20px}.banner-content h2{font-size:1.6rem}.quick-actions-grid,.analytics-grid,.video-grid-teacher{grid-template-columns:repeat(2,1fr)}.activity-item{flex-direction:row;flex-wrap:wrap}.setup-modal-card{width:90%;max-width:500px}}@media(min-width:769px)and (max-width:1024px){.dashboard-content.centered-layout{max-width:100%;padding:0 20px}.teacher-hero-banner{padding:35px 30px}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:repeat(4,1fr)}.video-grid-teacher{grid-template-columns:repeat(3,1fr)}}@media(min-width:1025px)and (max-width:1280px){.dashboard-content.centered-layout{max-width:1100px}.video-grid-teacher{grid-template-columns:repeat(3,1fr)}}@media(min-width:1281px)and (max-width:1536px){.dashboard-content.centered-layout{max-width:1300px}.video-grid-teacher{grid-template-columns:repeat(4,1fr)}}@media(min-width:1537px){.dashboard-content.centered-layout{max-width:1500px}.teacher-hero-banner{padding:50px 60px}.banner-content h2{font-size:2.2rem}.video-grid-teacher{grid-template-columns:repeat(4,1fr)}.analytics-grid{grid-template-columns:repeat(4,1fr);gap:24px}.analytics-card{padding:28px}.analytics-num{font-size:2rem}}@media(hover:none)and (pointer:coarse){.nav-item:hover{background:transparent}.nav-item:active{background:#f27c071a}.action-card:hover,.video-card-teacher:hover,.btn-primary:hover{transform:none}}@media(max-width:768px)and (orientation:landscape){.teacher-hero-banner{flex-direction:row;padding:20px 30px}.floating-elements{display:flex}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media print{.teacher-dashboard-container{background:#fff}.dashboard-sidebar,.quick-actions-grid,.setup-features,.feature-pill-btn{display:none}.analytics-grid{grid-template-columns:repeat(2,1fr)}}.subjects-page{display:flex;min-height:100vh;background-color:var(--bg-light);color:var(--text-main);position:relative;overflow-x:hidden}.subjects-page:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 10% 20%,rgba(242,124,7,.03) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(99,102,241,.03) 0%,transparent 40%);z-index:0;pointer-events:none;animation:ambientPulse 15s infinite alternate ease-in-out}@keyframes ambientPulse{0%{transform:scale(1);opacity:.5}to{transform:scale(1.1);opacity:1}}.subjects-content{margin-left:260px;flex:1;padding:30px 60px;position:relative;z-index:1}.subjects-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.subjects-title-row h1{font-size:2rem;font-weight:900}.filter-tabs{background:#f1f5f9;padding:6px;border-radius:12px;display:flex;gap:5px}.filter-tab{padding:10px 20px;border:none;background:none;font-weight:700;color:#64748b;cursor:pointer;border-radius:8px;transition:all .2s}.filter-tab.active{background:#fff;color:#f27c07;box-shadow:0 4px 10px #0000000d}.subjects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;perspective:1000px}.subject-card-premium{background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s;opacity:0;transform:translateY(30px);transform-style:preserve-3d}.subject-card-premium.interactive-tilt:hover{border-color:#f27c07;box-shadow:0 25px 50px #0000000f;transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg))}.subject-card-premium.animate-in{animation:cardEntrance .6s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--index) * .1s)}@keyframes cardEntrance{to{opacity:1;transform:translateY(0)}}.subject-thumb-container{height:180px;position:relative;overflow:hidden}.subject-thumb-container img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.subject-card-premium:hover .subject-thumb-container img{transform:scale(1.05)}.status-badge{position:absolute;top:15px;right:15px;padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:800;z-index:2}.status-badge.completed{background:#2ed573;color:#fff}.subject-details{padding:25px}.subject-details h3{font-size:1.15rem;font-weight:800;margin-bottom:12px;line-height:1.4;color:var(--text-main)}.tutor-small-info{display:flex;align-items:center;gap:10px;margin-bottom:25px}.small-avatar{width:28px;height:28px;border-radius:50%;border:2px solid white;box-shadow:0 2px 5px #0000001a}.tutor-small-info span{font-size:.85rem;font-weight:600;color:#64748b}.progress-section{margin-bottom:25px}.progress-header{display:flex;justify-content:space-between;font-size:.8rem;font-weight:800;color:#1a1a1a;margin-bottom:10px}.progress-bar-bg{height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden;margin-bottom:10px}.progress-bar-fill{width:0;height:100%;background:#f27c07;border-radius:4px;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.animate-progress{width:var(--target-width)}.lesson-status{font-size:.75rem;color:#94a3b8;font-weight:600}.continue-btn{width:100%;padding:14px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;font-weight:800;color:#1a1a1a;cursor:pointer;transition:all .3s}.continue-btn:hover{background:var(--text-main);color:#fff;border-color:var(--text-main);transform:translateY(-2px);box-shadow:0 10px 20px #0000001a}@media(max-width:1024px){.subjects-content{margin-left:0;padding:20px}}@media(max-width:768px){.subjects-grid{grid-template-columns:1fr;gap:20px}}@media(max-width:480px){.subjects-title-row h1{font-size:1.5rem}.subject-thumb-container{height:160px}.subject-details{padding:20px}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;justify-content:center;align-items:center;padding:20px}.video-list-modal{background:#fff;width:100%;max-width:600px;max-height:85vh;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:modalPopIn .3s cubic-bezier(.16,1,.3,1)}.modal-header{padding:24px 30px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:flex-start;background:#fff}.modal-header h2{margin:0;font-size:1.5rem;font-weight:800;color:#0f172a}.modal-subtitle{margin:4px 0 0;font-size:.9rem;color:#64748b;font-weight:600}.modal-close-btn{background:#f1f5f9;border:none;width:36px;height:36px;border-radius:10px;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .2s}.modal-close-btn:hover{background:#e2e8f0;color:#0f172a;transform:rotate(90deg)}.modal-body-scroll{overflow-y:auto;padding:20px 30px;background:#f8fafc}.video-list-vertical{display:flex;flex-direction:column;gap:15px}.video-list-item{display:flex;align-items:center;gap:20px;background:#fff;padding:15px;border-radius:16px;border:1px solid #e2e8f0;cursor:pointer;transition:all .2s}.video-list-item:hover{border-color:#cbd5e1;transform:translate(5px);box-shadow:0 10px 15px -3px #0000000d}.video-list-item.locked{opacity:.7;cursor:not-allowed;background:#f1f5f9}.video-list-item.locked:hover{transform:none;box-shadow:none}.video-item-thumb{width:120px;height:70px;border-radius:10px;overflow:hidden;position:relative;flex-shrink:0}.video-item-thumb img{width:100%;height:100%;object-fit:cover}.duration-pill-mini{position:absolute;bottom:5px;right:5px;background:#000000bf;color:#fff;font-size:.65rem;padding:2px 6px;border-radius:4px;font-weight:700}.lock-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;font-size:1.2rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.video-item-info{flex:1}.video-item-info h4{margin:0 0 5px;font-size:1rem;font-weight:700;color:#334155}.video-item-info p{margin:0;font-size:.8rem;color:#64748b;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-meta-tags{display:flex;gap:8px;margin-top:8px}.status-tag{font-size:.7rem;padding:3px 8px;border-radius:6px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-tag.completed{background:#dcfce7;color:#166534}.status-tag.next{background:#e0e7ff;color:#4338ca}.play-btn-mini{width:40px;height:40px;border-radius:50%;background:#f27c07;color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;box-shadow:0 4px 10px #f27c074d;transition:transform .2s}.play-btn-mini:hover{transform:scale(1.1)}@keyframes modalPopIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.btn-magnetic-wrapper{display:block;width:100%;position:relative}.video-list-item.selected{border-color:#f27c07;background:#fff7ed;box-shadow:0 0 0 2px #f27c0733}.selection-indicator{font-size:1.2rem;color:#cbd5e1;transition:color .2s}.selection-indicator.active{color:#f27c07}.modal-footer{padding:20px 30px;border-top:1px solid #e2e8f0;background:#fff;display:flex;justify-content:flex-end}.start-lesson-btn{padding:14px 28px;background:#f27c07;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #f27c074d}.start-lesson-btn:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;box-shadow:none}.start-lesson-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 16px #f27c0766}.subjects-empty{text-align:center;padding:80px 20px;color:#94a3b8}.subjects-empty-icon{font-size:3.5rem;margin-bottom:16px;line-height:1}.subjects-empty h3{font-size:1.2rem;font-weight:800;color:#334155;margin:0 0 8px}.subjects-empty p{font-size:.88rem;line-height:1.6;color:#94a3b8;margin:0}.subject-thumb-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#f27c07,#ff9a3c);display:flex;align-items:center;justify-content:center;font-size:3rem}.small-avatar-placeholder{width:28px;height:28px;border-radius:50%;background:#f27c07;color:#fff;font-size:.75rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}:root{--primary-orange: #f27c07;--primary-light: rgba(242, 124, 7, .1);--bg-white: var(--bg-light);--bg-soft: var(--bg-soft);--text-dark: var(--text-main);--text-muted: var(--text-muted);--glass-white: var(--glass);--border-soft: var(--border);--card-shadow-soft: var(--shadow)}.watch-later-page.light-theme{display:flex;min-height:100vh;background-color:var(--bg-soft);background-image:radial-gradient(circle at 10% 10%,rgba(242,124,7,.03) 0%,transparent 50%),radial-gradient(circle at 90% 90%,rgba(79,70,229,.03) 0%,transparent 50%);color:var(--text-dark);font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}.glass-sidebar{background:var(--glass-white);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border-soft)}.watch-later-content{margin-left:260px;flex:1;padding:30px 60px;z-index:10}.light-header .premium-search{background:#fff;box-shadow:0 4px 15px #00000008;border:1px solid var(--border-soft)}.light-header .circle-btn{background:#fff;border:1px solid var(--border-soft);box-shadow:0 2px 8px #00000005}.light-hero{margin-bottom:70px}.levitating-text{font-size:3.8rem;font-weight:950;margin-bottom:12px;letter-spacing:-2px;background:linear-gradient(135deg,var(--text-main) 0%,var(--primary-orange) 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.subtitle{font-size:1.25rem;color:var(--text-muted);font-weight:500}.levitating-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:50px;padding-bottom:120px;perspective:2000px}.levitating-card-wrapper{position:relative;transform-style:preserve-3d;transition:transform .3s cubic-bezier(.34,1.56,.64,1);animation:bobbing 5s infinite ease-in-out}@keyframes bobbing{0%,to{transform:translateY(0) rotateX(0) rotateY(0)}50%{transform:translateY(-15px) rotateX(2deg) rotateY(-2deg)}}.levitating-card{background:#fff;border-radius:28px;overflow:hidden;box-shadow:var(--card-shadow-soft);border:1px solid rgba(255,255,255,.6);transition:all .4s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.levitating-card-wrapper:hover .levitating-card{transform:translateZ(60px) scale(1.02);box-shadow:0 40px 100px #00000014;border-color:var(--primary-orange)}.video-thumb-container{height:220px;position:relative;overflow:hidden}.video-thumb-container img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.levitating-card:hover .video-thumb-container img{transform:scale(1.1)}.play-button-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffff1a;opacity:0;transition:opacity .3s}.levitating-card:hover .play-button-overlay{opacity:1}.play-btn-circle{width:64px;height:64px;background:var(--primary-orange);color:#fff;border:none;border-radius:50%;font-size:1.5rem;padding-left:5px;cursor:pointer;box-shadow:0 10px 25px #f27c0766;transform:scale(.8) translateZ(40px);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.levitating-card:hover .play-btn-circle{transform:scale(1) translateZ(40px)}.duration-pill{position:absolute;bottom:20px;left:20px;background:#1e293bcc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:6px 14px;border-radius:12px;font-size:.85rem;font-weight:700}.video-content-area{padding:30px}.video-content-area h3{font-size:1.25rem;font-weight:900;margin-bottom:8px;line-height:1.4;color:var(--text-main)}.tutor-label{color:var(--primary-orange);font-weight:800;font-size:1rem;margin-bottom:25px}.card-base-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f1f5f9;padding-top:20px}.timestamp-text{font-size:.85rem;color:var(--text-muted);font-weight:600}.interaction-cluster{display:flex;gap:12px}.mini-action-btn{background:#f8fafc;border:1px solid #f1f5f9;width:42px;height:42px;border-radius:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);color:#94a3b8}.mini-action-btn:hover{background:#f1f5f9;color:var(--primary-orange);border-color:#f27c0733;transform:translateY(-3px) scale(1.05);box-shadow:0 5px 15px #0000000d}.levitating-shadow{position:absolute;bottom:-30px;left:10%;width:80%;height:15px;background:#0000000d;filter:blur(20px);border-radius:50%;z-index:-1;transition:all .5s ease}.levitating-card-wrapper:hover .levitating-shadow{transform:scale(1.4);opacity:.2}.creative-background-lights{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.light-glow{position:absolute;border-radius:50%;filter:blur(120px);opacity:.2}.glow-1{width:500px;height:500px;background:#f27c07;top:-10%;right:-10%}.glow-2{width:400px;height:400px;background:#6366f1;bottom:-10%;left:10%}.empty-state{grid-column:1 / -1;text-align:center;padding:100px 20px;background:#fff;border-radius:28px;border:1px dashed var(--border-soft)}.empty-state p{font-size:1.2rem;color:var(--text-muted)}@media(max-width:1024px){.watch-later-content{margin-left:0;padding:30px}.levitating-text{font-size:3rem;letter-spacing:-1px}.levitating-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}}@media(max-width:768px){.watch-later-hero{margin-bottom:40px;text-align:center}.levitating-text{font-size:2.2rem}.subtitle{font-size:1rem}.levitating-grid{grid-template-columns:1fr}.video-thumb-container{height:180px}.video-content-area{padding:20px}}@media(max-width:480px){.levitating-text{font-size:1.8rem}.watch-later-content{padding:20px}}.video-player-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:30px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.video-player-container{width:100%;max-width:1100px;background:linear-gradient(145deg,#1e293b,#0f172a);border-radius:24px;overflow:hidden;box-shadow:0 50px 100px #00000080,0 0 0 1px #ffffff1a;animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.video-player-header{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;border-bottom:1px solid rgba(255,255,255,.1);background:#0000004d}.video-player-info h2{color:#fff;font-size:1.35rem;font-weight:800;margin-bottom:4px;letter-spacing:-.5px}.video-player-info p{color:var(--primary-orange);font-size:.95rem;font-weight:600}.close-player-btn{width:48px;height:48px;border-radius:14px;border:none;background:#ffffff14;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-player-btn:hover{background:#f27c0733;color:var(--primary-orange);transform:rotate(90deg)}.video-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;background:#000}.video-element{width:100%;height:100%;object-fit:contain;background:#000}@media(max-width:768px){.video-player-modal{padding:15px}.video-player-container{border-radius:18px}.video-player-header{padding:15px 20px}.video-player-info h2{font-size:1.1rem}.close-player-btn{width:40px;height:40px}}.study-history-page{display:flex;min-height:100vh;background-color:var(--bg-light);color:var(--text-main);font-family:Inter,sans-serif;overflow-x:hidden}.history-content{margin-left:260px;flex:1;padding:30px 60px;position:relative;z-index:10}.history-hero{margin-bottom:80px;animation:fadeInDown .8s ease}.history-hero h1{font-size:3.5rem;font-weight:950;margin-bottom:12px;letter-spacing:-2px;background:linear-gradient(135deg,var(--text-main) 0%,var(--primary-orange) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.history-hero p{color:#64748b;font-size:1.25rem;font-weight:500}.timeline-container{position:relative;padding-left:40px;max-width:900px}.timeline-line{position:absolute;left:4px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#f27c07,var(--border) 80%,transparent)}.history-node-wrapper{position:relative;margin-bottom:60px;opacity:0;transform:translate(40px);transition:all .8s cubic-bezier(.2,.8,.2,1)}.history-node-wrapper.active{opacity:1;transform:translate(0)}.timeline-dot{position:absolute;left:-43px;top:20px;width:16px;height:16px;background:#fff;border:3px solid #f27c07;border-radius:50%;z-index:5;transition:all .3s ease}.history-node-wrapper.active .timeline-dot{background:#f27c07;box-shadow:0 0 0 8px #f27c071a}.history-card-animated{background:var(--bg-light);border-radius:28px;padding:35px;border:1px solid var(--border);box-shadow:var(--shadow);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.history-card-animated:hover{transform:scale(1.02);border-color:#f27c07;box-shadow:0 20px 50px #f27c0714}.card-tag{position:absolute;top:-15px;right:35px;background:#f27c07;color:#fff;padding:6px 16px;border-radius:20px;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:1px}.card-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.session-date{display:block;font-weight:800;font-size:1.1rem;color:#1a1a1a}.session-time{display:block;font-size:.85rem;color:#64748b;font-weight:600}.tutor-mini-pill{display:flex;align-items:center;gap:10px;background:#f8fafc;padding:6px 14px;border-radius:12px}.tutor-mini-pill img{width:24px;height:24px;border-radius:50%;object-fit:cover}.tutor-mini-pill span{font-size:.85rem;font-weight:700;color:#1e293b}.history-card-animated h2{font-size:1.8rem;font-weight:900;margin-bottom:30px;letter-spacing:-.5px}.recap-sections-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:35px}.recap-section-box{background:#f8fbff;border-radius:20px;padding:20px;border:1px solid #eff4f9}.recap-section-box h4{display:flex;align-items:center;gap:8px;font-weight:800;font-size:.95rem;margin-bottom:12px;color:#334155}.recap-section-box ul{list-style:none;padding:0;margin:0}.recap-section-box li{font-size:.85rem;color:#64748b;margin-bottom:8px;padding-left:15px;position:relative;line-height:1.4;font-weight:600}.recap-section-box li:before{content:"•";position:absolute;left:0;color:#f27c07;font-weight:700}.card-action-footer{display:flex;gap:20px;border-top:1px solid #f1f5f9;padding-top:25px}.text-action-btn{background:none;border:none;color:#64748b;font-weight:800;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s}.text-action-btn:hover{color:#f27c07;transform:translate(5px)}.btn-icn{font-size:1.1rem}.floating-background-shapes{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.shape{position:absolute;border-radius:50%;filter:blur(120px);opacity:.05}.shape-1{width:500px;height:500px;background:#f27c07;top:-10%;right:-10%}.shape-2{width:600px;height:600px;background:#6366f1;bottom:-15%;left:-10%}@media(max-width:1024px){.history-content{margin-left:0;padding:30px}.history-hero{margin-bottom:50px}.history-hero h1{font-size:2.8rem}.timeline-container{padding-left:30px}}@media(max-width:768px){.history-hero{text-align:center;margin-bottom:40px}.history-hero h1{font-size:2rem;letter-spacing:-1px}.history-hero p{font-size:1rem}.timeline-dot{left:-38px}.history-card-animated{padding:25px}.card-header-row{flex-direction:column;align-items:flex-start;gap:15px}.recap-sections-grid{grid-template-columns:1fr}.card-tag{right:20px;top:-10px;padding:4px 12px;font-size:.7rem}}@media(max-width:480px){.history-hero h1{font-size:1.6rem}.timeline-container{padding-left:20px}.timeline-dot{left:-28px;width:12px;height:12px}.history-card-animated{padding:20px;border-radius:20px}.history-card-animated h2{font-size:1.4rem}}.assignments-page{display:flex;min-height:100vh;background-color:var(--bg-gray);color:var(--text-main);overflow-x:hidden;position:relative}.assignments-content{margin-left:260px;flex:1;padding:30px 60px;z-index:10}.assignments-hero{margin-bottom:50px;animation:fadeInDown .8s ease}.assignments-hero h1{font-size:3.5rem;font-weight:950;margin-bottom:25px;background:linear-gradient(135deg,var(--text-main) 0%,var(--primary-orange) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-2px}.filter-board{display:flex;gap:12px;flex-wrap:wrap}.filter-chip{padding:10px 24px;border-radius:30px;border:1px solid var(--border);background:var(--bg-light);font-weight:700;color:var(--text-muted);cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);-webkit-user-select:none;user-select:none}.filter-chip.active{background:#f27c07;border-color:#f27c07;color:#fff;transform:scale(1.05);box-shadow:0 10px 20px #f27c0726}.assignments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:40px;padding-bottom:100px}.assignment-card-3d{background:transparent;width:100%;height:380px;perspective:1000px;cursor:pointer}.card-3d-inner{position:relative;width:100%;height:100%;text-align:left;transition:transform .8s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.assignment-card-3d.is-flipped .card-3d-inner{transform:rotateY(180deg)}.card-3d-front,.card-3d-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:32px;background:var(--bg-light);padding:30px;border:1px solid var(--border);box-shadow:var(--shadow);display:flex;flex-direction:column}.card-3d-back{transform:rotateY(180deg);background:var(--bg-gray);border-color:var(--primary-orange)}.card-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.priority-pill{padding:6px 14px;border-radius:12px;font-size:.75rem;font-weight:800;text-transform:uppercase}.priority-pill.high{background:#fee2e2;color:#ef4444}.priority-pill.medium{background:#fef3c7;color:#f59e0b}.priority-pill.low{background:#dcfce7;color:#10b981}.custom-checkbox{width:32px;height:32px;border-radius:10px;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;transition:all .3s}.custom-checkbox.checked{background:#10b981;border-color:#10b981;animation:popCheck .4s cubic-bezier(.175,.885,.32,1.275)}.check-mark{color:#fff;font-size:1.2rem;font-weight:700;transform:rotate(45deg) scaleX(-1);display:none}.custom-checkbox.checked .check-mark{display:block}@keyframes popCheck{0%{transform:scale(.5)}to{transform:scale(1)}}.subject-tag{font-size:.85rem;font-weight:800;color:#f27c07;margin-bottom:10px;display:block}.card-main-info h3{font-size:1.6rem;font-weight:900;line-height:1.3;margin-bottom:15px;color:#1e293b}.due-date-row{display:flex;align-items:center;gap:8px;font-size:.95rem;color:#64748b;font-weight:600}.card-footer-row{margin-top:auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f1f5f9;padding-top:20px}.worth-label{font-weight:800;color:#1e293b;font-size:.9rem}.flip-hint-btn{background:none;border:none;color:#f27c07;font-weight:800;font-size:.9rem;cursor:pointer}.card-3d-back h4{font-size:1.2rem;font-weight:900;margin-bottom:15px}.card-3d-back p{font-size:.95rem;line-height:1.6;color:#475569;margin-bottom:25px;flex-grow:1}.tutor-info-back{font-size:.9rem;padding:12px;background:#fff;border-radius:12px;margin-bottom:25px}.grade-badge-front{background:#10b981;color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:800;box-shadow:0 4px 10px #10b98133}.submission-status-info{margin-top:15px;border-top:1px dashed var(--border);padding-top:12px}.status-badge{display:inline-block;padding:4px 10px;border-radius:8px;background:#f1f5f9;color:#475569;font-size:.75rem;font-weight:800;text-transform:uppercase;margin-bottom:10px}.teacher-feedback{background:#f8fafc;padding:10px;border-radius:10px;border-left:4px solid #10b981}.teacher-feedback strong{display:block;font-size:.8rem;margin-bottom:4px}.teacher-feedback p{font-size:.85rem;margin-bottom:0;color:#64748b}.back-footer{display:flex;flex-direction:column;gap:15px;align-items:center}.submit-btn{width:100%;padding:14px;background:#f27c07;color:#fff;border:none;border-radius:16px;font-weight:800;font-size:1rem;cursor:pointer;box-shadow:0 10px 20px #f27c0726}.tap-hint{font-size:.75rem;color:#94a3b8;font-weight:700}.background-decor{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.blob{position:absolute;filter:blur(80px);opacity:.04;border-radius:50%}.blob-1{width:600px;height:600px;background:#f27c07;top:-100px;right:-100px}.blob-2{width:500px;height:500px;background:#10b981;bottom:-100px;left:-100px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.assignments-content{margin-left:0;padding:20px}.assignments-hero h1{font-size:2.5rem}}@media(max-width:768px){.assignments-grid{grid-template-columns:1fr;gap:20px}}@media(max-width:480px){.assignments-content{padding:20px 15px}.assignments-hero h1{font-size:1.8rem}.filter-chip{padding:6px 14px;font-size:.8rem}.card-top-row{margin-bottom:20px}.card-3d-front,.card-3d-back{padding:20px;border-radius:20px}}.edit-profile-page{min-height:100vh;background:#f8f9fa;padding-bottom:80px}.profile-header{height:70px;background:#fff;border-bottom:1px solid #eee;display:flex;align-items:center;position:sticky;top:0;z-index:100}.header-container{width:100%;max-width:1200px;margin:0 auto;padding:0 30px;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:20px}.back-btn{background:#f1f5f9;border:none;width:40px;height:40px;border-radius:12px;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.back-btn:hover{background:#e2e8f0;transform:translate(-3px)}.header-left h1{font-size:1.4rem;font-weight:800;color:#1a1a1a}.profile-main{max-width:800px;margin:60px auto 0;padding:0 20px}.profile-card{background:#fff;border-radius:28px;padding:50px;box-shadow:0 20px 50px #00000008}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:50px}.profile-avatar-large{width:120px;height:120px;background:linear-gradient(135deg,#f27c07,#ff9d42);border-radius:40px;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:800;color:#fff;margin-bottom:20px;position:relative;box-shadow:0 15px 30px #f27c0733}.change-photo-btn{position:absolute;bottom:-5px;right:-5px;width:38px;height:38px;border-radius:12px;background:#fff;border:3px solid #f8f9fa;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 5px 15px #0000001a;transition:transform .2s}.change-photo-btn:hover{transform:scale(1.1)}.role-chip{display:inline-block;padding:4px 12px;background:#fff5eb;color:#f27c07;border-radius:20px;font-size:.75rem;font-weight:800;margin-top:8px;letter-spacing:.5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.form-group.full-width{grid-column:span 2}.form-group label{display:block;font-size:.9rem;font-weight:700;color:#1a1a1a;margin-bottom:10px}.form-group input,.form-group textarea{width:100%;padding:14px 18px;border:1px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .3s;background:#fcfdfe}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#f27c07;background:#fff;box-shadow:0 0 0 4px #f27c071a}.form-group input:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.form-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:50px;padding-top:30px;border-top:1px solid #f1f5f9}.save-btn{padding:14px 40px;background:linear-gradient(90deg,#f27c07,#ff9a3d);border:none;border-radius:12px;color:#fff;font-weight:800;cursor:pointer;box-shadow:0 8px 20px #f27c0733;transition:all .3s}.save-btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px #f27c074d}@media(max-width:768px){.profile-main{margin-top:30px}.profile-card{padding:40px 30px}.form-grid{grid-template-columns:1fr;gap:20px}.form-group.full-width{grid-column:span 1}.header-left h1{font-size:1.2rem}}@media(max-width:480px){.header-container{padding:0 20px}.profile-card{padding:30px 20px;border-radius:24px}.profile-avatar-large{width:100px;height:100px;font-size:2.5rem}.form-actions{flex-direction:column}.save-btn{width:100%;order:-1}}.analysis-page{display:flex;min-height:100vh;background:#f8fafc}.analysis-content{flex:1;margin-left:260px;padding:30px 60px;transition:all .3s ease}.analysis-container{max-width:1200px;margin:0 auto}.analysis-header-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.back-btn-analysis{background:none;border:none;color:#f27c07;font-weight:700;cursor:pointer;padding:0;margin-bottom:10px;display:block}.analysis-header-row h1{font-size:2.5rem;font-weight:950;letter-spacing:-1px;color:#1e293b;margin-bottom:5px}.lesson-name-subtitle{color:#64748b;font-size:1.1rem}.date-filter{background:#fff;padding:10px 20px;border-radius:12px;font-weight:700;box-shadow:0 4px 10px #00000005;border:1px solid #e2e8f0}.metrics-grid-analysis{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:25px;margin-bottom:40px}.metric-card-premium{background:#fff;border-radius:24px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 20px #00000005;border:1px solid #e2e8f0}.metric-icon{width:60px;height:60px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.8rem}.metric-label{display:block;color:#64748b;font-weight:700;font-size:.9rem;margin-bottom:5px}.metric-value{font-size:1.8rem;font-weight:900;color:#1e293b}.analysis-main-grid{display:grid;grid-template-columns:3fr 2fr;gap:30px}.chart-card-premium,.students-card-premium{background:#fff;border-radius:28px;padding:30px;box-shadow:0 4px 20px #00000005;border:1px solid #e2e8f0}.engagement-chart-section h3,.student-progress-section h3{font-size:1.3rem;font-weight:850;margin-bottom:25px;color:#1e293b}.mock-chart-container{height:300px;display:flex;flex-direction:column}.mock-chart-placeholder{flex:1;position:relative;padding-bottom:30px}.mock-svg-line{width:100%;height:100%}.chart-labels{display:flex;justify-content:space-between;margin-top:15px;color:#94a3b8;font-weight:700;font-size:.85rem}.student-table{display:flex;flex-direction:column}.table-header{display:grid;grid-template-columns:2fr 2fr 1fr 1fr;padding:15px;color:#94a3b8;font-weight:800;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.student-row{display:grid;grid-template-columns:2fr 2fr 1fr 1fr;padding:15px;align-items:center;border-top:1px solid #f1f5f9}.student-name-col{display:flex;align-items:center;gap:12px;font-weight:700;color:#1e293b}.mini-avatar-analysis{width:32px;height:32px;background:#e2e8f0;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:800;color:#64748b}.progress-bar-analysis{width:100px;height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden;margin-right:10px}.progress-bar-fill-analysis{height:100%;background:#10b981;border-radius:4px}.progress-col{display:flex;align-items:center}.progress-text{font-size:.85rem;font-weight:700;color:#64748b}.quiz-pill{padding:4px 10px;background:#dcfce7;color:#10b981;border-radius:8px;font-size:.8rem;font-weight:800}.quiz-pill.pending{background:#fef3c7;color:#f59e0b}.activity-col{font-size:.85rem;color:#94a3b8;font-weight:600}@media(max-width:1200px){.analysis-main-grid{grid-template-columns:1fr}.analysis-content{padding:30px}}@media(max-width:1024px){.analysis-content{margin-left:0}.analysis-header-row h1{font-size:2rem}}@media(max-width:768px){.analysis-header-row{flex-direction:column;align-items:flex-start;gap:20px}.metrics-grid-analysis{grid-template-columns:1fr;gap:15px}.table-header{display:none}.student-row{grid-template-columns:1fr 1fr;gap:15px}.activity-col{text-align:right}}@media(max-width:480px){.chart-card-premium,.students-card-premium{padding:20px}.student-row{grid-template-columns:1fr;gap:10px}.metrics-grid-analysis{margin-bottom:30px}.metric-card-premium{padding:15px}}.course-dashboard-page{display:flex;min-height:100vh;background:#0f172a;color:#fff}.course-content{flex:1;margin-left:260px;padding:30px 40px;display:flex;flex-direction:column}.course-header-premium{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.back-btn-course{background:none;border:none;font-size:1.1rem;font-weight:800;cursor:pointer;margin-bottom:15px;display:inline-block;background:linear-gradient(90deg,#f27c07,#ff9a3d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:transform .2s ease}.back-btn-course:hover{transform:translate(-5px)}.course-header-left h1{font-size:2.2rem;font-weight:900;letter-spacing:-1px;margin:0}.course-main-layout{display:grid;grid-template-columns:1fr 380px;gap:30px;flex:1}.cinematic-player-stage{width:100%;aspect-ratio:16 / 9;background:#000;border-radius:24px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.1)}.mock-video-container{width:100%;height:100%;position:relative}.video-backdrop{width:100%;height:100%;object-fit:cover;opacity:.6;filter:blur(10px)}.video-overlay-ui{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,transparent 40%,rgba(0,0,0,.4) 100%);display:flex;flex-direction:column;justify-content:center;align-items:center}.play-button-center{width:90px;height:90px;background:#f27c07e6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;cursor:pointer;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 30px #f27c0766}.play-button-center:hover{transform:scale(1.1)}.video-controls-bottom{position:absolute;bottom:0;left:0;width:100%;padding:20px 30px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.progress-bar-video{width:100%;height:4px;background:#fff3;border-radius:2px;margin-bottom:15px;position:relative}.progress-filled{height:100%;background:#f27c07;border-radius:2px}.controls-row-video{display:flex;justify-content:space-between;font-size:.9rem;font-weight:600}.right-controls-video{display:flex;gap:20px}.lesson-details-premium{margin-top:30px}.lesson-info-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.tutor-badge-large{display:flex;align-items:center;gap:15px}.tutor-avatar-mini{width:50px;height:50px;background:#f27c07;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:800}.tutor-text-mini h4{margin:0;font-size:1.1rem}.tutor-text-mini p{margin:0;font-size:.8rem;color:#94a3b8}.subscribe-btn{margin-left:20px;padding:8px 18px;border-radius:30px;background:#fff;color:#000;border:none;font-weight:700;cursor:pointer}.video-stats-premium{display:flex;gap:20px;color:#94a3b8;font-weight:600;font-size:.9rem}.lesson-description-glass{padding:30px;border:1px solid rgba(255,255,255,.05)}.lesson-description-glass h3{margin-top:0;font-size:1.2rem;margin-bottom:15px}.lesson-description-glass p{color:#cbd5e1;line-height:1.7;font-size:1rem}.lesson-tags-course{display:flex;gap:12px;margin-top:20px;color:#f27c07;font-weight:700;font-size:.9rem}.course-sidebar-ai{height:calc(100vh - 160px);display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.05);background:#0f172a80}.ai-chat-header{padding:24px;border-bottom:1px solid rgba(255,255,255,.1)}.ai-status{display:flex;align-items:center;gap:10px;margin-bottom:5px}.status-dot-pulse{width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 10px #10b981}.ai-chat-header h3{margin:0;font-size:1.1rem}.ai-chat-header p{margin:0;font-size:.75rem;color:#94a3b8}.ai-messages-container{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:15px}.ai-message-item{display:flex;flex-direction:column;max-width:85%}.ai-message-item.mine{align-self:flex-end}.ai-message-item .msg-bubble{padding:12px 16px;border-radius:18px;background:#ffffff0d}.ai-message-item.mine .msg-bubble{background:#f27c07}.ai-message-item.ai .msg-bubble{background:#7c3aed1a;border:1px solid rgba(124,58,237,.2)}.msg-sender{display:block;font-size:.7rem;font-weight:800;color:#94a3b8;margin-bottom:4px}.ai-message-item.mine .msg-sender{color:#ffffffb3;text-align:right}.ai-message-item p{margin:0;font-size:.9rem;line-height:1.5}.ai-chat-input-area{padding:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:10px}.ai-chat-input-area input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 15px;color:#fff;outline:none}.ai-send-btn{width:45px;height:45px;background:#f27c07;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem}@media(max-width:1400px){.course-main-layout{grid-template-columns:1fr;gap:30px}.course-sidebar-ai{height:500px}.video-player-section{width:100%}}@media(max-width:1024px){.course-content{margin-left:0;width:100%;padding:30px}.course-header-premium{flex-direction:column;align-items:flex-start;gap:20px}.course-header-right{width:100%;justify-content:flex-end}}@media(max-width:768px){.course-content{padding:20px}.course-header-left h1{font-size:1.5rem}.video-controls-bottom{padding:15px}.play-button-center{width:60px;height:60px;font-size:1.5rem}.lesson-info-main{flex-direction:column;align-items:flex-start;gap:20px}.tutor-badge-large{width:100%}.subscribe-btn{margin-left:auto}.video-stats-premium{width:100%;justify-content:flex-start;font-size:.8rem}}@media(max-width:480px){.controls-row-video{font-size:.8rem}.right-controls-video{gap:10px}.tutor-avatar-mini{width:40px;height:40px;font-size:1rem}.ai-send-btn{width:40px;height:40px}}.session-replay-page{display:flex;min-height:100vh;background:linear-gradient(145deg,#f8fafc,#f1f5f9);font-family:Inter,system-ui,-apple-system,sans-serif}.replay-content{flex:1;margin-left:260px;padding:24px 32px;overflow-y:auto;max-height:100vh}.page-top-bar{display:flex;justify-content:flex-start;align-items:center;margin-bottom:20px}.back-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#475569;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #0000000d;width:auto;min-width:fit-content;flex-shrink:0}.back-btn:hover{background:#f27c07;border-color:#f27c07;color:#fff;box-shadow:0 4px 12px #f27c0740}.back-btn svg{width:16px;height:16px;flex-shrink:0}.back-btn span{white-space:nowrap;flex-shrink:0}.replay-layout{display:grid;grid-template-columns:1fr 360px;gap:28px;align-items:start}.video-section{display:flex;flex-direction:column;gap:20px}.video-player-stage{position:relative;width:100%;aspect-ratio:16 / 9;background:#0a0a0a;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0003}.main-video{width:100%;height:100%;object-fit:contain;background:#000;cursor:pointer}.play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#00000073;cursor:pointer;transition:background .3s ease}.play-overlay:hover{background:#0000008c}.big-play-btn{width:100px;height:100px;background:linear-gradient(135deg,#f27c07,#ff9f42);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 15px 50px #f27c0780;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.big-play-btn svg{margin-left:8px}.play-overlay:hover .big-play-btn{transform:scale(1.12);box-shadow:0 20px 60px #f27c0799}.video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent 0%,#000000e6);padding:50px 20px 18px;opacity:0;transition:opacity .3s ease}.video-controls.visible{opacity:1}.progress-bar-container{position:relative;height:8px;background:#fff3;border-radius:4px;margin-bottom:16px;cursor:pointer}.progress-bar{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:3}.progress-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#f27c07,#ffb347);border-radius:4px;pointer-events:none;z-index:1}.chapter-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:#fff;border:2px solid #f27c07;border-radius:50%;cursor:pointer;z-index:2;transition:all .2s ease}.chapter-marker:hover{transform:translate(-50%,-50%) scale(1.4);background:#f27c07}.controls-row{display:flex;justify-content:space-between;align-items:center}.left-controls,.right-controls{display:flex;align-items:center;gap:8px}.control-btn{background:#ffffff1a;border:none;color:#fff;cursor:pointer;padding:10px;border-radius:10px;display:flex;align-items:center;gap:4px;transition:all .2s ease;font-weight:600}.control-btn:hover{background:#ffffff40;transform:scale(1.05)}.skip-text{font-size:.7rem;font-weight:700}.volume-control{display:flex;align-items:center;gap:8px;margin-left:8px}.volume-slider{width:80px;height:5px;background:#ffffff4d;border-radius:3px;appearance:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{appearance:none;width:14px;height:14px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0000004d}.time-display{color:#ffffffe6;font-size:.9rem;font-weight:600;font-variant-numeric:tabular-nums;margin-left:12px;background:#0000004d;padding:6px 12px;border-radius:8px}.speed-selector{position:relative}.speed-btn{min-width:50px;justify-content:center}.speed-dropdown{position:absolute;bottom:calc(100% + 10px);right:0;background:#1e293b;border-radius:14px;padding:10px;display:none;flex-direction:column;min-width:90px;box-shadow:0 15px 40px #0006;border:1px solid rgba(255,255,255,.1)}.speed-selector:hover .speed-dropdown{display:flex}.speed-dropdown button{background:transparent;border:none;color:#fff;padding:10px 14px;text-align:center;cursor:pointer;border-radius:10px;font-size:.9rem;font-weight:600;transition:all .2s ease}.speed-dropdown button:hover,.speed-dropdown button.active{background:#f27c0740;color:#f27c07}.session-info-bar{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;background:#fff;border-radius:18px;box-shadow:0 4px 20px #0000000f;border:1px solid rgba(0,0,0,.04)}.session-details h1{font-size:1.4rem;font-weight:800;color:#1e293b;margin-bottom:14px;letter-spacing:-.5px;line-height:1.3}.session-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.tutor-badge{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#fff7ed,#ffedd5);padding:8px 16px 8px 8px;border-radius:30px;border:1px solid #fed7aa}.tutor-badge img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid white}.tutor-badge span{font-weight:700;color:#c2410c;font-size:.9rem}.meta-divider{color:#cbd5e1;font-size:.8rem}.meta-item{color:#64748b;font-size:.9rem;font-weight:600}.download-video-btn{display:flex;align-items:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg,#10b981,#34d399);border:none;border-radius:14px;color:#fff;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 15px #10b9814d;white-space:nowrap;flex-shrink:0}.download-video-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.download-video-btn:active{transform:translateY(0)}.download-video-btn svg{flex-shrink:0}.download-video-btn span{white-space:nowrap}.replay-sidebar{background:#fff;border-radius:20px;box-shadow:0 4px 25px #0000000f;border:1px solid rgba(0,0,0,.04);display:flex;flex-direction:column;height:fit-content;max-height:calc(100vh - 120px);position:sticky;top:24px;overflow:hidden}.sidebar-tabs{display:flex;padding:12px;gap:6px;background:#f8fafc;border-bottom:1px solid #f1f5f9}.sidebar-tabs .tab-btn{flex:1;padding:12px 10px;background:transparent;border:none;border-radius:12px;font-weight:700;font-size:.85rem;color:#64748b;cursor:pointer;transition:all .25s ease}.sidebar-tabs .tab-btn.active{background:linear-gradient(135deg,#f27c07,#ff9f42);color:#fff;box-shadow:0 4px 15px #f27c0759}.sidebar-tabs .tab-btn:hover:not(.active){background:#e2e8f0;color:#334155}.sidebar-content{flex:1;overflow-y:auto;padding:16px}.chapters-list{display:flex;flex-direction:column;gap:10px}.chapter-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#f8fafc;border-radius:14px;cursor:pointer;transition:all .25s ease;border:2px solid transparent;width:100%;text-align:left;font-family:inherit}.chapter-item:hover{background:#fff7ed;border-color:#f27c07;transform:translate(4px);box-shadow:0 4px 15px #f27c0726}.chapter-item:focus{outline:none;border-color:#f27c07;box-shadow:0 0 0 3px #f27c0733}.chapter-item:active{transform:translate(2px) scale(.98)}.chapter-item.watched{border-left:4px solid #f27c07;background:#fff7ed}.chapter-time{font-size:.8rem;font-weight:800;color:#f27c07;min-width:50px;background:#f27c0726;padding:8px 10px;border-radius:10px;text-align:center;flex-shrink:0}.chapter-info{flex:1}.chapter-info h4{font-size:.95rem;font-weight:700;color:#1e293b;margin-bottom:4px}.chapter-info p{font-size:.8rem;color:#64748b;line-height:1.4;margin:0}.chapter-play-icon{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#f27c07,#ff9f42);display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transform:scale(.8);transition:all .25s ease;flex-shrink:0}.chapter-play-icon svg{margin-left:2px}.chapter-item:hover .chapter-play-icon{opacity:1;transform:scale(1)}.chapter-item:active .chapter-play-icon{transform:scale(.9)}.notes-list{display:flex;flex-direction:column;gap:12px}.note-item{padding:16px;background:linear-gradient(135deg,#fffbeb,#fef3c7);border-radius:14px;border-left:4px solid #f59e0b;cursor:pointer;transition:all .25s ease}.note-item:hover{transform:translate(4px);box-shadow:0 4px 15px #f59e0b33}.note-time{display:inline-block;font-size:.75rem;font-weight:800;color:#d97706;margin-bottom:8px;background:#d9770626;padding:4px 10px;border-radius:6px}.note-item p{font-size:.9rem;color:#78350f;line-height:1.55;font-weight:500}.add-note-area{margin-top:20px;padding-top:20px;border-top:2px dashed #e2e8f0}.add-note-area textarea{width:100%;padding:14px;border:2px solid #e2e8f0;border-radius:12px;font-size:.9rem;resize:none;min-height:90px;font-family:inherit;margin-bottom:12px;transition:border-color .2s ease}.add-note-area textarea:focus{outline:none;border-color:#f27c07;box-shadow:0 0 0 4px #f27c071a}.add-note-btn{width:100%;padding:14px;background:linear-gradient(135deg,#f27c07,#ff9f42);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .25s ease}.add-note-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #f27c0766}.add-note-btn:active{transform:translateY(-1px)}.note-timestamp-badge{display:flex;align-items:center;gap:6px;padding:10px 14px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:10px;font-size:.85rem;font-weight:600;color:#166534;margin-bottom:12px}.note-hint{display:block;text-align:center;font-size:.75rem;color:#94a3b8;margin-top:10px;font-weight:500}.empty-notes{padding:40px 20px;text-align:center;background:#f8fafc;border-radius:14px;border:2px dashed #e2e8f0}.empty-notes p{color:#94a3b8;font-size:.95rem;font-weight:500}.materials-list{display:flex;flex-direction:column;gap:12px}.download-all-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 20px;background:linear-gradient(135deg,#10b981,#34d399);color:#fff;border:none;border-radius:14px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .25s ease;margin-bottom:8px}.download-all-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #10b98166}.download-all-btn:active{transform:translateY(-1px)}.material-item{display:flex;align-items:center;gap:14px;padding:16px;background:#f8fafc;border-radius:14px;transition:all .25s ease;border:2px solid transparent}.material-item:hover{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 15px #0000000f}.material-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem}.material-icon.pdf{background:linear-gradient(135deg,#fee2e2,#fecaca)}.material-icon.doc{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.material-icon.link{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.material-info{flex:1}.material-info h4{font-size:.95rem;font-weight:700;color:#1e293b;margin-bottom:4px}.material-size{font-size:.8rem;color:#94a3b8;font-weight:600}.download-btn{width:44px;height:44px;border-radius:12px;border:2px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease}.download-btn:hover{background:linear-gradient(135deg,#f27c07,#ff9f42);border-color:#f27c07;color:#fff;transform:scale(1.08)}.download-btn:active{transform:scale(1.02)}.materials-footer{margin-top:16px;padding-top:16px;border-top:2px dashed #e2e8f0;text-align:center}.materials-count{font-size:.85rem;font-weight:600;color:#64748b}@media(max-width:1200px){.replay-layout{grid-template-columns:1fr}.replay-sidebar{position:static;max-height:none}}@media(max-width:768px){.replay-content{margin-left:0;padding:16px}.session-info-bar{flex-direction:column;gap:20px;text-align:center}.session-meta{justify-content:center}.back-btn{width:100%;justify-content:center}.video-player-stage{border-radius:16px}.session-details h1{font-size:1.15rem}.volume-control{display:none}.controls-row{flex-wrap:wrap;gap:10px}.left-controls,.right-controls{flex-wrap:wrap}}.subject-details-page{display:flex;min-height:100vh;background-color:var(--bg-light);color:var(--text-main)}.details-content{margin-left:260px;flex:1;padding:30px 60px 100px;position:relative;z-index:1}.details-header-row{margin-bottom:40px;display:flex;flex-direction:column;gap:15px}.back-btn-details{background:none;border:none;color:#64748b;font-weight:700;cursor:pointer;font-size:1rem;align-self:flex-start;padding:0;transition:color .2s}.back-btn-details:hover{color:#f27c07}.header-info h1{font-size:2.5rem;font-weight:900;margin:0 0 10px;color:#0f172a}.header-info p{color:#64748b;font-size:1.1rem;font-weight:600}.videos-container{width:100%}.video-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px}.video-card-item{background:#fff;border-radius:20px;overflow:hidden;border:2px solid #e2e8f0;cursor:pointer;transition:all .2s cubic-bezier(.2,.8,.2,1);position:relative}.video-card-item:hover:not(.locked){transform:translateY(-5px);box-shadow:0 15px 30px #00000014}.video-card-item.selected{border-color:#f27c07;background:#fff7ed;box-shadow:0 10px 25px #f27c0726}.video-card-thumb{height:160px;position:relative;overflow:hidden}.video-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.video-card-item:hover .video-card-thumb img{transform:scale(1.05)}.duration-pill{position:absolute;bottom:10px;right:10px;background:#000000bf;color:#fff;font-size:.75rem;padding:4px 8px;border-radius:6px;font-weight:700}.lock-overlay{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;font-size:2rem;color:#fffc}.status-badge-card{position:absolute;top:10px;left:10px;background:#2ed573;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:900;box-shadow:0 4px 10px #2ed5734d}.video-card-info{padding:20px;position:relative}.video-card-info h4{margin:0 0 8px;font-size:1.1rem;font-weight:800;color:#1a1a1a;line-height:1.4}.video-card-info p{font-size:.85rem;color:#64748b;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.selection-radio{position:absolute;top:20px;right:20px;font-size:1.2rem;color:#cbd5e1;transition:color .2s}.selection-radio.active{color:#f27c07}.details-footer-bar{position:fixed;bottom:0;left:260px;right:0;background:#fff;padding:20px 40px;border-top:1px solid #e2e8f0;z-index:100;box-shadow:0 -4px 20px #0000000d;animation:slideUp .3s ease-out}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.selected-info{font-size:1.1rem;color:#64748b}.selected-info strong{color:#0f172a;font-weight:800}.begin-lesson-btn{padding:16px 40px;background:#f27c07;color:#fff;border:none;border-radius:14px;font-size:1.1rem;font-weight:800;cursor:pointer;transition:all .2s;box-shadow:0 10px 20px #f27c0733}.begin-lesson-btn:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;box-shadow:none;transform:none}.begin-lesson-btn:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 15px 30px #f27c074d}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(max-width:1024px){.details-content{margin-left:0;padding:20px 20px 100px}.details-footer-bar{left:0}}.chat-page{display:flex;min-height:100vh;background:var(--bg-color, #f7f8fc)}.chat-content{flex:1;margin-left:260px;display:flex;flex-direction:column;height:100vh;padding:30px 40px;box-sizing:border-box}.chat-container{display:flex;flex:1;overflow:hidden;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 30px #00000008}.chat-sidebar{width:340px;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;background:#fff}.chat-sidebar__header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #f1f5f9}.chat-sidebar__header h2{font-size:1.2rem;font-weight:800;color:#0f172a;margin:0}.chat-new-btn{width:36px;height:36px;border-radius:50%;border:none;background:#f27c07;color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.chat-new-btn:hover{transform:scale(1.1)}.chat-search{padding:12px;border-bottom:1px solid #f1f5f9}.chat-search input{width:100%;padding:10px 14px;border:2px solid #e2e8f0;border-radius:10px;font-size:.9rem;outline:none;box-sizing:border-box}.chat-search input:focus{border-color:#f27c07}.chat-user-item{display:flex;align-items:center;gap:10px;padding:10px;border:none;background:none;width:100%;cursor:pointer;border-radius:8px;text-align:left}.chat-user-item:hover{background:#f8fafc}.chat-user-name{font-weight:600;font-size:.9rem;color:#0f172a;display:block}.chat-user-role{font-size:.75rem;color:#94a3b8;text-transform:capitalize}.chat-conversations{flex:1;overflow-y:auto}.chat-conv-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border:none;background:none;width:100%;cursor:pointer;text-align:left;transition:background .15s;border-bottom:1px solid #f8fafc}.chat-conv-item:hover{background:#f8fafc}.chat-conv-item.active{background:#fff7ed;border-left:3px solid #f27c07}.chat-conv-info{flex:1;min-width:0}.chat-conv-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.chat-conv-name{font-weight:700;font-size:.9rem;color:#0f172a}.chat-conv-time{font-size:.72rem;color:#94a3b8}.chat-conv-bottom{display:flex;justify-content:space-between;align-items:center}.chat-conv-preview{font-size:.82rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.chat-unread-badge{background:#f27c07;color:#fff;font-size:.7rem;font-weight:800;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px}.chat-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#f27c07,#ff9d42);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;flex-shrink:0}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#94a3b8}.chat-empty span{font-size:2.5rem;margin-bottom:12px}.chat-empty p{margin:0 0 16px}.chat-start-btn{padding:10px 24px;background:#f27c07;color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:all .2s}.chat-start-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f27c074d}.chat-main{flex:1;display:flex;flex-direction:column;background:#f8fafc}.chat-main__header{display:flex;align-items:center;gap:12px;padding:16px 24px;background:#fff;border-bottom:1px solid #e2e8f0}.chat-main__header h3{margin:0;font-size:1rem;font-weight:700;color:#0f172a}.chat-typing{font-size:.78rem;color:#f27c07;font-weight:600;animation:typePulse 1.5s infinite}@keyframes typePulse{0%,to{opacity:1}50%{opacity:.4}}.chat-messages{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:6px}.chat-msg{display:flex}.chat-msg--sent{justify-content:flex-end}.chat-msg--received{justify-content:flex-start}.chat-msg__bubble{max-width:65%;padding:10px 16px;border-radius:18px;position:relative}.chat-msg--sent .chat-msg__bubble{background:linear-gradient(135deg,#f27c07,#ff9d42);color:#fff;border-bottom-right-radius:4px}.chat-msg--received .chat-msg__bubble{background:#fff;color:#0f172a;border-bottom-left-radius:4px;box-shadow:0 1px 3px #0000000f}.chat-msg__bubble p{margin:0;font-size:.92rem;line-height:1.45;word-break:break-word}.chat-msg__time{display:block;font-size:.65rem;opacity:.6;margin-top:4px;text-align:right}.chat-input-bar{display:flex;gap:10px;padding:16px 24px;background:#fff;border-top:1px solid #e2e8f0}.chat-input-bar input{flex:1;padding:12px 18px;border:2px solid #e2e8f0;border-radius:24px;font-size:.95rem;outline:none;transition:border-color .2s}.chat-input-bar input:focus{border-color:#f27c07}.chat-send-btn{width:44px;height:44px;border-radius:50%;border:none;background:linear-gradient(135deg,#f27c07,#ff9d42);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.chat-send-btn:hover:not(:disabled){transform:scale(1.08);box-shadow:0 4px 12px #f27c074d}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.chat-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#94a3b8}.chat-placeholder span{font-size:3rem;margin-bottom:16px}.chat-placeholder h3{margin:0 0 8px;color:#64748b}.chat-placeholder p{margin:0;font-size:.9rem}@media(max-width:1024px){.chat-content{margin-left:0}.chat-sidebar{width:100%;max-width:100%}.chat-main{display:none}}.ad-page{display:flex;min-height:100vh;background:var(--bg-color, #f7f8fc)}.ad-content{flex:1;margin-left:280px;display:flex;flex-direction:column;min-height:100vh}.ad-inner{padding:2rem 2.5rem;max-width:900px}.ad-loading{padding:60px;text-align:center;color:#94a3b8}.ad-back{background:none;border:none;color:#f27c07;font-weight:600;cursor:pointer;font-size:.9rem;padding:0;margin-bottom:16px}.ad-back:hover{text-decoration:underline}.ad-header-card{background:#fff;border-radius:16px;padding:28px;margin-bottom:20px;box-shadow:0 2px 12px #0000000d}.ad-header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.ad-header-top h1{font-size:1.4rem;font-weight:800;color:#0f172a;margin:0}.ad-status{font-size:.75rem;font-weight:700;padding:5px 12px;border-radius:20px}.ad-status--open{background:#10b9811a;color:#059669}.ad-status--closed{background:#ef44441a;color:#dc2626}.ad-desc{color:#64748b;line-height:1.6;margin:0 0 16px}.ad-meta{display:flex;gap:20px;font-size:.85rem;color:#94a3b8;flex-wrap:wrap}.ad-card{background:#fff;border-radius:16px;padding:24px;margin-bottom:20px;box-shadow:0 2px 12px #0000000d}.ad-card h2{font-size:1.1rem;font-weight:700;color:#0f172a;margin:0 0 16px}.ad-empty{color:#94a3b8;text-align:center;padding:20px}.ad-textarea{width:100%;padding:14px;border:2px solid #e2e8f0;border-radius:12px;font-size:.95rem;resize:vertical;outline:none;font-family:inherit;box-sizing:border-box}.ad-textarea:focus{border-color:#f27c07;box-shadow:0 0 0 4px #f27c071a}.ad-submit-btn{margin-top:12px;padding:12px 28px;background:linear-gradient(135deg,#f27c07,#ff9d42);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s}.ad-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #f27c074d}.ad-submit-btn:disabled{opacity:.5;cursor:not-allowed}.ad-submitted-msg{padding:12px;background:#10b9811a;color:#059669;border-radius:10px;font-weight:600;margin-bottom:16px}.ad-grade-result{text-align:center;padding:20px}.ad-grade-score{margin-bottom:8px}.ad-grade-num{font-size:2.5rem;font-weight:900;color:#f27c07}.ad-grade-max{font-size:1.2rem;color:#94a3b8;font-weight:700}.ad-feedback{background:#f8fafc;padding:12px 16px;border-radius:10px;color:#475569;font-size:.9rem;margin-top:12px}.ad-sub-item{border:1px solid #f1f5f9;border-radius:12px;padding:16px;margin-bottom:12px}.ad-sub-header{display:flex;justify-content:space-between;margin-bottom:8px}.ad-sub-student{font-weight:700;color:#0f172a;font-size:.9rem}.ad-sub-date{font-size:.78rem;color:#94a3b8}.ad-sub-content{color:#475569;font-size:.9rem;line-height:1.5;margin:0 0 12px;white-space:pre-wrap}.ad-grade-badge{background:#10b9811a;color:#059669;padding:8px 14px;border-radius:8px;font-size:.85rem;font-weight:600;display:inline-block}.ad-grade-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ad-grade-form input{padding:8px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:.85rem;outline:none}.ad-grade-form input:first-child{width:80px}.ad-grade-form input:nth-child(2){flex:1;min-width:120px}.ad-grade-form input:focus{border-color:#f27c07}.ad-grade-form button{padding:8px 16px;background:#f27c07;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;font-size:.85rem}@media(max-width:1024px){.ad-content{margin-left:0}.ad-inner{padding:1rem}}.admin-sidebar{position:fixed;top:0;left:0;width:240px;height:100vh;background:#0f172a;display:flex;flex-direction:column;z-index:100;border-right:1px solid rgba(255,255,255,.06)}.admin-sidebar__logo{display:flex;align-items:center;gap:10px;padding:24px 20px 20px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:12px;font-size:1rem;font-weight:800;color:#fff}.admin-sidebar__brand{flex:1}.admin-sidebar__badge{font-size:.6rem;font-weight:700;background:#f27c07;color:#fff;padding:2px 7px;border-radius:20px;text-transform:uppercase;letter-spacing:.06em}.admin-sidebar__nav{flex:1;display:flex;flex-direction:column;gap:4px;padding:0 12px}.admin-sidebar__item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;background:transparent;border:none;color:#ffffff8c;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;text-align:left}.admin-sidebar__item:hover{background:#ffffff0f;color:#fff}.admin-sidebar__item.active{background:#f27c0726;color:#f27c07;border:1px solid rgba(242,124,7,.25)}.admin-sidebar__icon{font-size:1.1rem}.admin-sidebar__footer{padding:16px 12px;border-top:1px solid rgba(255,255,255,.07)}.admin-sidebar__logout{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border-radius:10px;background:transparent;border:none;color:#fff6;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s}.admin-sidebar__logout:hover{background:#ef44441a;color:#ef4444}.admin-layout{display:flex;min-height:100vh;background:#f1f5f9;font-family:Inter,Segoe UI,sans-serif}.admin-layout__content{flex:1;margin-left:240px;display:flex;flex-direction:column;min-height:100vh}.admin-layout__header{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:10}.admin-layout__title{font-size:1.35rem;font-weight:800;color:#0f172a;margin:0}.admin-layout__time{font-size:.82rem;color:#94a3b8;font-weight:500}.admin-layout__main{padding:28px 32px;flex:1}@media(max-width:768px){.admin-layout__content{margin-left:0}.admin-layout__main{padding:16px}}.adash-loading{padding:2rem;color:#64748b}.adash-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:2rem}.adash-stat{background:#fff;border-radius:14px;padding:20px;display:flex;align-items:center;gap:14px;box-shadow:0 2px 10px #0000000d;border-left:4px solid transparent}.adash-stat--blue{border-left-color:#3b82f6}.adash-stat--green{border-left-color:#10b981}.adash-stat--orange{border-left-color:#f27c07}.adash-stat--red{border-left-color:#ef4444}.adash-stat--purple{border-left-color:#8b5cf6}.adash-stat__icon{font-size:1.6rem;width:44px;height:44px;border-radius:10px;background:#f8fafc;display:flex;align-items:center;justify-content:center}.adash-stat__value{font-size:1.4rem;font-weight:800;color:#0f172a;margin:0}.adash-stat__label{font-size:.78rem;color:#94a3b8;margin:0;font-weight:500}.adash-section-title{font-size:1rem;font-weight:700;color:#0f172a;margin:0 0 14px}.adash-table-wrap{overflow-x:auto;background:#fff;border-radius:14px;box-shadow:0 2px 10px #0000000d}.adash-table{width:100%;border-collapse:collapse}.adash-table th{background:#f8fafc;padding:12px 16px;text-align:left;font-size:.78rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.adash-table td{padding:13px 16px;font-size:.88rem;color:#334155;border-bottom:1px solid #f1f5f9}.adash-table tr:last-child td{border-bottom:none}.adash-empty{text-align:center;color:#94a3b8;padding:2rem!important}.ausers-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.ausers-search{flex:1;min-width:220px;padding:10px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.9rem;background:#fff;outline:none}.ausers-search:focus{border-color:#f27c07}.ausers-filters{display:flex;gap:6px}.ausers-filter-btn{padding:8px 16px;border-radius:8px;border:1.5px solid #e2e8f0;background:#fff;font-size:.82rem;font-weight:600;cursor:pointer;color:#64748b;transition:all .2s}.ausers-filter-btn.active{border-color:#f27c07;color:#f27c07;background:#f27c070f}.ausers-table-wrap{overflow-x:auto;background:#fff;border-radius:14px;box-shadow:0 2px 10px #0000000d}.ausers-table{width:100%;border-collapse:collapse}.ausers-table th{background:#f8fafc;padding:12px 16px;text-align:left;font-size:.78rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.ausers-table td{padding:13px 16px;font-size:.88rem;color:#334155;border-bottom:1px solid #f1f5f9}.ausers-table tr:last-child td{border-bottom:none}.ausers-table tr.row-blocked{background:#ef444405}.ausers-name{font-weight:600;color:#0f172a!important}.ausers-badge{padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:700}.ausers-badge.active{background:#10b9811a;color:#059669}.ausers-badge.blocked{background:#ef44441a;color:#dc2626}.ausers-badge.pending{background:#f59e0b1a;color:#d97706}.ausers-actions{display:flex;gap:8px}.ausers-btn{padding:6px 12px;border-radius:7px;border:none;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s}.ausers-btn.approve{background:#f27c071a;color:#f27c07}.ausers-btn.approve:hover{background:#f27c07;color:#fff}.ausers-btn.grant{background:#10b9811f;color:#059669;border:1.5px solid rgba(16,185,129,.3);animation:pulse-green 2s infinite}.ausers-btn.grant:hover{background:#059669;color:#fff;border-color:#059669;animation:none}@keyframes pulse-green{0%,to{box-shadow:0 0 #10b9814d}50%{box-shadow:0 0 0 4px #10b9811a}}.ausers-btn.delete{background:#ef444414;color:#ef4444}.ausers-btn.delete:hover{background:#ef4444;color:#fff}.ausers-loading,.ausers-empty{padding:2rem;text-align:center;color:#94a3b8}.ausers-create-btn{padding:10px 20px;background:#f27c07;color:#fff;border:none;border-radius:10px;font-weight:700;font-size:.88rem;cursor:pointer;white-space:nowrap;transition:background .2s,transform .15s;flex-shrink:0}.ausers-create-btn:hover{background:#d96d06;transform:translateY(-1px)}.ausers-role-badge{padding:3px 10px;border-radius:20px;font-size:.73rem;font-weight:700;text-transform:capitalize}.ausers-role-badge.role-student{background:#6366f11a;color:#6366f1}.ausers-role-badge.role-teacher{background:#10b9811a;color:#059669}.ausers-role-badge.role-admin{background:#f27c071a;color:#f27c07}.amodal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.amodal-box{background:#fff;border-radius:20px;width:100%;max-width:460px;box-shadow:0 20px 60px #0000002e;animation:modalSlideIn .25s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.amodal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 24px 0}.amodal-title{font-size:1.15rem;font-weight:800;color:#0f172a;margin:0 0 4px}.amodal-sub{font-size:.8rem;color:#94a3b8;margin:0}.amodal-close{background:none;border:none;font-size:1.1rem;cursor:pointer;color:#94a3b8;padding:4px;line-height:1;transition:color .2s}.amodal-close:hover{color:#0f172a}.amodal-form{padding:20px 24px 24px;display:flex;flex-direction:column;gap:16px}.amodal-field{display:flex;flex-direction:column;gap:6px}.amodal-label{font-size:.8rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.04em}.amodal-role-pills{display:flex;gap:8px}.amodal-role-pill{flex:1;padding:9px 6px;border:1.5px solid #e2e8f0;border-radius:10px;background:#f8fafc;font-size:.8rem;font-weight:600;cursor:pointer;color:#64748b;transition:all .2s;text-align:center}.amodal-role-pill.active.role-student{border-color:#6366f1;background:#6366f114;color:#6366f1}.amodal-role-pill.active.role-teacher{border-color:#059669;background:#10b98114;color:#059669}.amodal-role-pill.active.role-admin{border-color:#f27c07;background:#f27c0714;color:#f27c07}.amodal-input{width:100%;padding:11px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.88rem;outline:none;transition:border-color .2s;box-sizing:border-box;color:#0f172a}.amodal-input:focus{border-color:#f27c07}.amodal-pwd-wrap{position:relative}.amodal-pwd-wrap .amodal-input{padding-right:44px;width:100%}.amodal-pwd-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1rem;line-height:1;padding:0}.amodal-error{background:#ef44440f;border:1px solid rgba(239,68,68,.2);color:#dc2626;border-radius:8px;padding:10px 14px;font-size:.83rem;font-weight:600}.amodal-submit{width:100%;padding:13px;background:#f27c07;color:#fff;border:none;border-radius:12px;font-weight:800;font-size:.95rem;cursor:pointer;transition:background .2s;margin-top:4px}.amodal-submit:hover:not(:disabled){background:#d96d06}.amodal-submit:disabled{opacity:.6;cursor:not-allowed}.amodal-submit.loading{opacity:.7}.apay-summary{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.apay-summary-card{background:#fff;border-radius:14px;padding:20px 24px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 10px #0000000d;min-width:220px}.apay-summary-icon{font-size:1.8rem;width:52px;height:52px;border-radius:12px;background:#f27c071a;display:flex;align-items:center;justify-content:center}.apay-summary-value{font-size:1.5rem;font-weight:900;color:#0f172a;margin:0 0 2px}.apay-summary-label{font-size:.8rem;color:#94a3b8;margin:0;font-weight:500}.apay-table-wrap{overflow-x:auto;background:#fff;border-radius:14px;box-shadow:0 2px 10px #0000000d}.apay-table{width:100%;border-collapse:collapse}.apay-table th{background:#f8fafc;padding:12px 14px;text-align:left;font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.apay-table td{padding:12px 14px;font-size:.87rem;color:#334155;border-bottom:1px solid #f1f5f9}.apay-table tr:last-child td{border-bottom:none}.apay-num{color:#94a3b8;font-size:.8rem}.apay-amount{font-weight:700;color:#059669!important}.apay-notes{color:#94a3b8;font-size:.8rem;max-width:200px}.apay-badge{padding:3px 10px;border-radius:20px;font-size:.73rem;font-weight:700;text-transform:capitalize}.apay-badge.approved{background:#10b9811a;color:#059669}.apay-badge.pending{background:#eab3081a;color:#b45309}.apay-loading,.apay-empty{padding:2rem;text-align:center;color:#94a3b8}.apay-badge.rejected{background:#ef44441a;color:#dc2626}.apay-badge.method{background:#6366f11a;color:#6366f1}.apay-pending-section{background:#fffbeb;border:1.5px solid #fcd34d;border-radius:16px;padding:20px 24px;margin-bottom:24px}.apay-pending-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.apay-pending-header h3{margin:0;font-size:1rem;font-weight:800;color:#92400e}.apay-pending-header p{font-size:.82rem;color:#b45309;margin:0 0 0 auto}.apay-pending-badge{background:#f59e0b;color:#fff;font-size:.75rem;font-weight:900;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.apay-pending-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.apay-pending-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 14px #00000014;border:1.5px solid #fed7aa;display:flex;flex-direction:column}.apay-screenshot-wrap{position:relative;background:#f8fafc;height:160px;overflow:hidden;cursor:zoom-in}.apay-screenshot{width:100%;height:100%;object-fit:cover;transition:transform .3s}.apay-screenshot-wrap:hover .apay-screenshot{transform:scale(1.04)}.apay-zoom-hint{position:absolute;bottom:6px;right:8px;background:#00000080;color:#fff;font-size:.7rem;padding:3px 7px;border-radius:6px}.apay-no-screenshot{height:100%;display:flex;align-items:center;justify-content:center;color:#cbd5e1;font-size:.85rem}.apay-pending-info{padding:12px 14px;flex:1}.apay-pending-name{font-weight:700;font-size:.95rem;color:#0f172a}.apay-pending-email{font-size:.78rem;color:#64748b;margin-top:2px}.apay-pending-meta{display:flex;gap:6px;margin-top:8px}.apay-meta-pill{padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:700}.apay-meta-pill.amount{background:#10b9811a;color:#059669}.apay-meta-pill.days{background:#6366f11a;color:#6366f1}.apay-utr{font-size:.78rem;color:#64748b;margin-top:6px}.apay-pending-date{font-size:.72rem;color:#94a3b8;margin-top:4px}.apay-pending-actions{display:flex;gap:8px;padding:10px 14px;border-top:1px solid #f1f5f9}.apay-activate-btn{flex:1;padding:9px;background:#059669;color:#fff;border:none;border-radius:8px;font-weight:700;font-size:.82rem;cursor:pointer;transition:background .2s}.apay-activate-btn:hover:not(:disabled){background:#047857}.apay-activate-btn:disabled{opacity:.6;cursor:not-allowed}.apay-reject-btn{padding:9px 14px;background:#ef444414;color:#ef4444;border:none;border-radius:8px;font-weight:700;font-size:.82rem;cursor:pointer;transition:background .2s}.apay-reject-btn:hover{background:#ef4444;color:#fff}.apay-no-pending{background:#f0fdf4;border:1.5px solid #86efac;border-radius:12px;padding:14px 20px;font-size:.88rem;color:#166534;font-weight:600;margin-bottom:20px}.aset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:24px}.aset-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 10px #0000000d}.aset-card--info{background:#f8fafc;border:1.5px solid #e2e8f0}.aset-card--info p{font-size:.88rem;color:#475569;margin:6px 0}.aset-card__title{font-size:1rem;font-weight:700;color:#0f172a;margin:0 0 20px}.aset-field{margin-bottom:16px}.aset-field label{display:block;font-size:.8rem;font-weight:600;color:#64748b;margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.aset-field input{width:100%;padding:10px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.92rem;background:#f8fafc;color:#0f172a;outline:none;box-sizing:border-box;transition:border-color .2s}.aset-field input:focus{border-color:#f27c07;background:#fff}.aset-save-btn{padding:13px 32px;background:#f27c07;color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s}.aset-save-btn:hover{background:#d96d00;transform:translateY(-1px)}.aset-save-btn.saved{background:#10b981}:root{--primary: #f27c07;--primary-light: #ff9d42;--secondary: #2d3436;--bg-light: #ffffff;--bg-gray: #f8f9fa;--text-main: #333333;--text-muted: #666666;--border: #e0e0e0;--shadow: 0 4px 20px rgba(0, 0, 0, .08);--glass: rgba(255, 255, 255, .8);--glass-blur: blur(10px);--br-xs: 375px;--br-sm: 480px;--br-md: 768px;--br-lg: 1024px;--br-xl: 1440px}@media(min-width:1441px){.container{max-width:1400px}body{font-size:18px}}body{transition:background-color .3s ease,color .3s ease}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-gray);color:var(--text-main);line-height:1.6}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}.grid{display:grid;gap:20px}.grid-cols-1{grid-template-columns:1fr}@media(max-width:1024px){.grid-cols-3-md{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-cols-3-sm,.grid-cols-2-sm{grid-template-columns:1fr}}.btn-primary{background:var(--primary);color:#fff;border:none;padding:12px 28px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 15px #f27c0733;text-decoration:none}.btn-primary:hover{background:#d66d05;transform:translateY(-2px)}@media(max-width:768px){.btn-primary{padding:10px 20px;font-size:.95rem}}@media(max-width:480px){.btn-primary.w-full-sm{width:100%}}:root{--primary: #f27c07;--primary-light: #ff9d42;--secondary: #2d3436;--bg-light: #ffffff;--bg-gray: #f8f9fa;--text-main: #333333;--text-muted: #666666;--border: #e0e0e0;--shadow: 0 4px 20px rgba(0, 0, 0, .08);--glass: rgba(255, 255, 255, .8);--glass-blur: blur(10px);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--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;--text-4xl: 2.25rem;--br-xs: 320px;--br-sm: 480px;--br-md: 768px;--br-lg: 1024px;--br-xl: 1280px;--br-2xl: 1536px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px}.dark-theme{--bg-light: #0f172a;--bg-gray: #1e293b;--text-main: #f1f5f9;--text-muted: #94a3b8;--border: #334155;--glass: rgba(15, 23, 42, .8);--shadow: 0 4px 20px rgba(0, 0, 0, .3);--card-bg: #1e293b;--input-bg: #0f172a;--input-border: #334155;--hover-bg: rgba(255, 255, 255, .05);--accent-glow: rgba(242, 124, 7, .25)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-gray);color:var(--text-main);line-height:1.6;min-height:100vh;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-md)}.container-fluid{width:100%;padding:0 var(--space-md)}@media(max-width:480px){.container{padding:0 var(--space-sm)}html{font-size:14px}}@media(min-width:481px)and (max-width:768px){.container{max-width:100%;padding:0 var(--space-md)}html{font-size:15px}}@media(min-width:769px)and (max-width:1024px){.container{max-width:var(--container-lg);padding:0 var(--space-lg)}}@media(min-width:1025px)and (max-width:1280px){.container{max-width:var(--container-xl)}}@media(min-width:1281px){.container{max-width:var(--container-2xl)}html{font-size:18px}}.grid{display:grid;gap:var(--space-md)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}@media(max-width:640px){.grid{gap:var(--space-sm)}.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-5,.grid-cols-6{grid-template-columns:1fr}}@media(min-width:641px)and (max-width:768px){.grid-cols-3,.grid-cols-4,.grid-cols-5,.grid-cols-6{grid-template-columns:repeat(2,1fr)}}@media(min-width:769px)and (max-width:1024px){.grid-cols-4,.grid-cols-5,.grid-cols-6{grid-template-columns:repeat(3,1fr)}}@media(min-width:1025px)and (max-width:1280px){.grid-cols-5,.grid-cols-6{grid-template-columns:repeat(4,1fr)}}.flex{display:flex}.flex-inline{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.gap-1{gap:var(--space-xs)}.gap-2{gap:var(--space-sm)}.gap-3{gap:var(--space-md)}.gap-4{gap:var(--space-lg)}.gap-5{gap:var(--space-xl)}.gap-6{gap:var(--space-2xl)}@media(max-width:768px){.flex-col-sm{flex-direction:column}.flex-row-sm{flex-direction:row}}@media(max-width:640px){.flex-col-xs{flex-direction:column}}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:768px){.text-4xl{font-size:1.875rem}.text-3xl{font-size:1.5rem}.text-2xl{font-size:1.25rem}.text-xl{font-size:1.125rem}}.p-1{padding:var(--space-xs)}.p-2{padding:var(--space-sm)}.p-3{padding:var(--space-md)}.p-4{padding:var(--space-lg)}.p-5{padding:var(--space-xl)}.p-6{padding:var(--space-2xl)}.px-1{padding-left:var(--space-xs);padding-right:var(--space-xs)}.px-2{padding-left:var(--space-sm);padding-right:var(--space-sm)}.px-3{padding-left:var(--space-md);padding-right:var(--space-md)}.px-4{padding-left:var(--space-lg);padding-right:var(--space-lg)}.px-5{padding-left:var(--space-xl);padding-right:var(--space-xl)}.py-1{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}.py-2{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.py-3{padding-top:var(--space-md);padding-bottom:var(--space-md)}.py-4{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.py-5{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.m-1{margin:var(--space-xs)}.m-2{margin:var(--space-sm)}.m-3{margin:var(--space-md)}.m-4{margin:var(--space-lg)}.m-5{margin:var(--space-xl)}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:8px;font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 15px #f27c0733}.btn-primary:hover{background:#d66d05;transform:translateY(-2px);box-shadow:0 6px 20px #f27c074d}.btn-secondary{background:var(--secondary);color:#fff}.btn-outline{background:transparent;border:2px solid var(--border);color:var(--text-main)}.btn-ghost{background:transparent;color:var(--text-main)}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.btn-lg{padding:var(--space-md) var(--space-lg);font-size:var(--text-base)}.btn-full{width:100%}@media(max-width:640px){.btn{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm)}.btn-responsive{width:100%}}.card{background:var(--bg-light);border-radius:16px;padding:var(--space-lg);box-shadow:var(--shadow);border:1px solid var(--border);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}.card-compact,.card-responsive{padding:var(--space-md)}@media(min-width:768px){.card-responsive{padding:var(--space-lg)}}@media(min-width:1024px){.card-responsive{padding:var(--space-xl)}}.glass-card{background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.form-group{margin-bottom:var(--space-md)}.form-label{display:block;margin-bottom:var(--space-xs);font-weight:500;font-size:var(--text-sm);color:var(--text-main)}.form-input{width:100%;padding:var(--space-sm) var(--space-md);border:2px solid var(--border);border-radius:8px;font-size:var(--text-base);background:var(--bg-light);color:var(--text-main);transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #f27c071a}.form-input-responsive{padding:var(--space-sm);font-size:16px}@media(min-width:768px){.form-input-responsive{padding:var(--space-sm) var(--space-md)}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border);padding:var(--space-sm) 0}.navbar-container{display:flex;align-items:center;justify-content:space-between;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-md)}.mobile-menu-btn{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-main)}@media(max-width:1024px){.mobile-menu-btn{display:block}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-light);flex-direction:column;padding:var(--space-md);gap:var(--space-sm);box-shadow:var(--shadow)}.nav-links.active{display:flex}}.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;background:var(--bg-light);border-right:1px solid var(--border);z-index:100;transition:transform .3s ease}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:99}.main-content{margin-left:280px;min-height:100vh;transition:margin-left .3s ease}@media(max-width:1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.active{display:block}.main-content{margin-left:0}}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive table{width:100%;min-width:640px}@media(max-width:768px){.table-cards thead{display:none}.table-cards tr{display:block;margin-bottom:var(--space-md);background:var(--bg-light);border-radius:12px;padding:var(--space-md);box-shadow:var(--shadow)}.table-cards td{display:flex;justify-content:space-between;padding:var(--space-sm) 0;border-bottom:1px solid var(--border)}.table-cards td:last-child{border-bottom:none}.table-cards td:before{content:attr(data-label);font-weight:600;margin-right:var(--space-md)}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md)}.modal-content{background:var(--bg-light);border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;padding:var(--space-xl)}@media(max-width:768px){.modal-overlay{padding:0;align-items:flex-end}.modal-content{max-width:100%;max-height:85vh;border-radius:16px 16px 0 0;padding:var(--space-lg)}}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-md)}@media(max-width:640px){.video-grid{grid-template-columns:1fr;gap:var(--space-sm)}}@media(min-width:641px)and (max-width:1024px){.video-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1025px){.video-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}.hidden{display:none!important}@media(max-width:640px){.hidden-xs{display:none!important}.show-xs{display:block!important}}@media(min-width:641px)and (max-width:768px){.hidden-sm{display:none!important}.show-sm{display:block!important}}@media(min-width:769px)and (max-width:1024px){.hidden-md{display:none!important}.show-md{display:block!important}}@media(min-width:1025px){.hidden-lg{display:none!important}.show-lg{display:block!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-gray);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(prefers-contrast:high){:root{--border: #000000;--text-main: #000000}}.dark-theme .App{background:#0f172a;color:#f1f5f9}.dark-theme .dashboard-sidebar{background:#0b1120;border-color:#1e293b}.dark-theme .sidebar-logo{color:#f1f5f9}.dark-theme .nav-item{color:#94a3b8}.dark-theme .nav-item:hover{background:#ffffff0d;color:#f1f5f9}.dark-theme .nav-item.active{background:#f27c071f;color:#f27c07}.dark-theme .sidebar-profile{border-color:#1e293b}.dark-theme .profile-name{color:#f1f5f9}.dark-theme .mini-avatar{background:#334155}.dark-theme .app-header{background:#0f172ae6;border-color:#1e293b}.dark-theme .header-search input{background:#1e293b;border-color:#334155;color:#f1f5f9}.dark-theme .header-search input::placeholder{color:#64748b}.dark-theme .header-action-btn{background:#1e293b;border-color:#334155;color:#f1f5f9}.dark-theme .header-action-btn:hover{background:#334155}.dark-theme .glass-card{background:#0f172acc;border-color:#334155;box-shadow:0 4px 20px #0000004d}.dark-theme .dashboard-container,.dark-theme .dashboard-container.student-dashboard{background:#0f172a}.dark-theme .dashboard-content,.dark-theme .content-inner{background:transparent}.dark-theme .welcome-banner h1,.dark-theme .section-header h2{color:#f1f5f9}.dark-theme .lesson-card-premium{background:#1e293b;border-color:#334155}.dark-theme .lesson-card-premium:hover{border-color:#f27c07;box-shadow:0 20px 40px #0006}.dark-theme .lesson-info h3{color:#f1f5f9}.dark-theme .lesson-tag{background:#334155;color:#94a3b8}.dark-theme .tutor-prev{color:#94a3b8}.dark-theme .live-now-card{background:#1e293b;border-color:#334155}.dark-theme .notification-item:hover{background:#ffffff08}.dark-theme .notification-item.unread{background:#f27c070f}.dark-theme .noti-icon{background:#1e293b;box-shadow:0 4px 12px #0000004d;border-color:#334155}.dark-theme .noti-text p{color:#f1f5f9}.dark-theme .noti-text span{background:#ffffff0f}.dark-theme .see-all-btn{background:#f1f5f9;color:#0f172a}.dark-theme .progress-stat-card{background:#1e293b;border-color:#334155}.dark-theme .psc-num{color:#f1f5f9}.dark-theme .pb-track{background:#334155}.dark-theme .pb-label span{color:#94a3b8}.dark-theme .teacher-dashboard-container{background:#0f172a}.dark-theme .teacher-hero-banner{box-shadow:0 20px 40px #0006}.dark-theme .action-card-premium{background:#1e293b;border-color:#334155}.dark-theme .action-card-premium:hover{border-color:#f27c07;box-shadow:0 15px 30px #f27c0726}.dark-theme .action-text h3{color:#f1f5f9}.dark-theme .action-text p{color:#94a3b8}.dark-theme .action-icon-wrapper{background:#334155}.dark-theme .activity-item:hover{background:#ffffff08}.dark-theme .activity-type-icon{background:#334155}.dark-theme .activity-main h4{color:#f1f5f9}.dark-theme .teacher-video-card{background:#1e293b;border-color:#334155}.dark-theme .teacher-video-card:hover{border-color:#f27c07;box-shadow:0 20px 40px #00000080}.dark-theme .video-info-content h3{color:#f1f5f9}.dark-theme .btn-icon-dots{background:#334155;border-color:#475569;color:#94a3b8}.dark-theme .analytics-card{background:#1e293b;border-color:#334155}.dark-theme .analytics-num{color:#f1f5f9}.dark-theme .recent-sessions-card{background:#1e293b}.dark-theme .recent-session-row{border-color:#334155}.dark-theme .rs-title{color:#f1f5f9}.dark-theme .management-modal-card{background:#1e293b;border-color:#334155}.dark-theme .modal-header h3{color:#f1f5f9}.dark-theme .close-modal-btn{background:#334155;color:#94a3b8}.dark-theme .modal-video-preview{background:#0f172a;border-color:#334155}.dark-theme .preview-info h4{color:#f1f5f9}.dark-theme .modal-action-btn{background:#0f172a;border-color:#334155}.dark-theme .modal-action-btn:hover{background:#f27c0714;border-color:#f27c07}.dark-theme .action-label strong{color:#f1f5f9}.dark-theme .action-label p{color:#94a3b8}.dark-theme .live-setup-card{background:linear-gradient(to bottom,#1e293b,#0f172a)}.dark-theme .form-group-live label{color:#f1f5f9}.dark-theme .form-group-live input,.dark-theme .form-group-live select{background:#0f172a;border-color:#334155;color:#f1f5f9}.dark-theme .feature-pill-btn{background:#334155;color:#f1f5f9}.dark-theme .login-main-wrapper{background:#0f172a}.dark-theme .login-card{background:#1e293b;border-color:#334155;box-shadow:0 20px 40px #00000080}.dark-theme .login-card h2{color:#f1f5f9}.dark-theme .login-card p{color:#94a3b8}.dark-theme .login-form input{background:#0f172a;border-color:#334155;color:#f1f5f9}.dark-theme .login-form input::placeholder{color:#64748b}.dark-theme .role-btn{background:#0f172a;border-color:#334155;color:#94a3b8}.dark-theme .role-btn.active{background:#f27c0726;border-color:#f27c07;color:#f27c07}.dark-theme .forgot-card{background:#1e293b}.dark-theme .forgot-card h3{color:#f1f5f9}.dark-theme .forgot-card input{background:#0f172a;border-color:#334155;color:#f1f5f9}.dark-theme .chat-page{background:#0f172a}.dark-theme .chat-sidebar{background:#0b1120;border-color:#1e293b}.dark-theme .chat-sidebar__header{border-color:#1e293b}.dark-theme .chat-sidebar__header h2{color:#f1f5f9}.dark-theme .chat-search input{background:#0f172a;border-color:#334155;color:#f1f5f9}.dark-theme .chat-conv-item:hover{background:#ffffff08}.dark-theme .chat-conv-item.active{background:#f27c071a}.dark-theme .chat-conv-name{color:#f1f5f9}.dark-theme .chat-main{background:#0f172a}.dark-theme .chat-main__header{background:#1e293b;border-color:#334155}.dark-theme .chat-main__header h3{color:#f1f5f9}.dark-theme .chat-msg--received .chat-msg__bubble{background:#1e293b;color:#f1f5f9;box-shadow:none}.dark-theme .chat-input-bar{background:#1e293b;border-color:#334155}.dark-theme .chat-input-bar input{background:#0f172a;border-color:#334155;color:#f1f5f9}.dark-theme .chat-placeholder h3{color:#94a3b8}.dark-theme .ad-page{background:#0f172a}.dark-theme .ad-header-card{background:#1e293b}.dark-theme .ad-header-top h1{color:#f1f5f9}.dark-theme .ad-card{background:#1e293b}.dark-theme .ad-card h2{color:#f1f5f9}.dark-theme .ad-textarea{background:#0f172a;border-color:#334155;color:#f1f5f9}.dark-theme .ad-sub-item{border-color:#334155}.dark-theme .ad-sub-student{color:#f1f5f9}.dark-theme .ad-grade-form input{background:#0f172a;border-color:#334155;color:#f1f5f9}.dark-theme .ad-feedback{background:#0f172a;color:#94a3b8}.dark-theme .onboarding-container{background:#0f172a}.dark-theme .form-card{background:#1e293b;border-color:#334155}.dark-theme .form-card h2{color:#f1f5f9}.dark-theme .form-card input,.dark-theme .form-card select,.dark-theme .form-card textarea{background:#0f172a;border-color:#334155;color:#f1f5f9}.dark-theme .payment-container{background:#0f172a}.dark-theme .payment-card{background:#1e293b;border-color:#334155}.dark-theme .payment-card h2,.dark-theme .payment-card h3{color:#f1f5f9}.dark-theme .subjects-page,.dark-theme .watch-later-page,.dark-theme .history-page,.dark-theme .profile-page,.dark-theme .admin-dashboard{background:#0f172a}.dark-theme .admin-sidebar{background:#0b1120;border-color:#1e293b}.dark-theme .admin-card{background:#1e293b;border-color:#334155}.dark-theme .admin-card h3{color:#f1f5f9}.dark-theme .admin-stat-card{background:#1e293b;border-color:#334155}.dark-theme .admin-stat-value{color:#f1f5f9}.dark-theme .admin-table{background:#1e293b}.dark-theme .admin-table th{background:#0f172a;color:#94a3b8;border-color:#334155}.dark-theme .admin-table td{border-color:#334155;color:#f1f5f9}.dark-theme .admin-table tr:hover{background:#ffffff08}.dark-theme ::-webkit-scrollbar{width:6px}.dark-theme ::-webkit-scrollbar-track{background:#0f172a}.dark-theme ::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}.dark-theme ::-webkit-scrollbar-thumb:hover{background:#475569}.dark-theme .dropdown-menu{background:#1e293b!important;border-color:#334155!important}.dark-theme .dropdown-menu button{color:#f1f5f9!important}.dark-theme .dropdown-menu button:hover{background:#334155!important}.dark-theme .dropdown-menu hr{border-color:#334155!important}.dark-theme .notifications-panel{background:#1e293b;border-color:#334155}.dark-theme .settings-option{color:#f1f5f9}.dark-theme .settings-section-label{color:#64748b}

/* Universal Input Text Visibility Fix */
input, select, textarea,
input[type="text"], input[type="email"], input[type="password"] {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 500 !important;
}

input:focus, select:focus, textarea:focus {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background-color: #ffffff !important;
  border-color: #f27c07 !important;
  box-shadow: 0 0 0 4px rgba(242, 124, 7, 0.15) !important;
}

input::placeholder {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-text-fill-color: #0f172a !important;
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
  transition: background-color 5000s ease-in-out 0s !important;
}

/* Password wrapper & Eye Toggle Button */
.password-input-wrapper {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
}

.password-input-wrapper input {
  padding-right: 44px !important;
  width: 100% !important;
}

.password-toggle-btn {
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  padding: 4px 6px !important;
  font-size: 1.1rem !important;
  color: #64748b !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 6px !important;
  user-select: none !important;
  z-index: 10 !important;
  transition: color 0.2s ease, background-color 0.2s ease !important;
}

.password-toggle-btn:hover {
  color: #f27c07 !important;
  background-color: rgba(242, 124, 7, 0.08) !important;
}

/* ─── White Container Bar & White Inputs Fix ─── */
.role-selector,
.amodal-role-pills,
div[class*="role-selector"],
div[class*="role-switcher"] {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 2px solid #e2e8f0 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
  padding: 6px !important;
  border-radius: 14px !important;
}

.role-btn,
button[class*="role-btn"],
.amodal-role-pill {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #475569 !important;
  border: 1px solid transparent !important;
  font-weight: 700 !important;
  border-radius: 10px !important;
  transition: all 0.2s ease-in-out !important;
}

.role-btn:hover,
.amodal-role-pill:hover {
  color: #f27c07 !important;
  background-color: #fff7ed !important;
}

.role-btn.active,
.role-btn[class*="active"],
.role-indicator {
  background: linear-gradient(135deg, #f27c07, #ff9d42) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(242, 124, 7, 0.3) !important;
}

/* White Input Bars & High-Contrast Dark Text */
input,
select,
textarea,
.login-form .form-group input,
.amodal-input,
.fp-input,
div[class*="form-group"] input {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 2px solid #cbd5e1 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 500 !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02) !important;
  border-radius: 12px !important;
}

input:focus,
select:focus,
textarea:focus,
.login-form .form-group input:focus,
.amodal-input:focus,
.fp-input:focus,
div[class*="form-group"] input:focus {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: #f27c07 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  box-shadow: 0 0 0 4px rgba(242, 124, 7, 0.2) !important;
  outline: none !important;
}

input::placeholder,
textarea::placeholder {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
  font-weight: 400 !important;
}

/* ─── White Background Theme Override ─── */
:root,
body,
#root,
.App,
.login-page,
.dark-theme,
.dark-theme .App,
.dark-mode {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #0f172a !important;

  --bg-light: #ffffff !important;
  --bg-gray: #f8fafc !important;
  --text-main: #0f172a !important;
  --text-muted: #475569 !important;
  --border: #e2e8f0 !important;
  --card-bg: #ffffff !important;
  --input-bg: #ffffff !important;
  --input-border: #cbd5e1 !important;
}

/* White Login Card & Auth Containers */
.login-page {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

.login-container,
.auth-container,
.auth-box,
.auth-card,
.login-card,
div[class*="login-container"],
div[class*="auth-card"] {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
  color: #0f172a !important;
}

/* Headings, Titles & Label Colors for Crisp Readability */
h1, h2, h3, h4, h5, h6,
.login-header h1,
.login-header h2,
.login-title,
.auth-title,
.welcome-text,
div[class*="login"] h1,
div[class*="login"] h2,
div[class*="auth"] h1,
div[class*="auth"] h2 {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 800 !important;
}

p, span, label,
.login-header p,
.login-sub,
.auth-sub,
.checkbox-container,
.form-group label,
div[class*="login"] p,
div[class*="login"] label,
div[class*="auth"] label {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  font-weight: 600 !important;
}

/* Role Selector Container Bar in White Theme */
.role-selector,
.amodal-role-pills,
div[class*="role-selector"],
div[class*="role-switcher"] {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 2px solid #e2e8f0 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04) !important;
  padding: 6px !important;
  border-radius: 14px !important;
}

.role-btn,
button[class*="role-btn"],
.amodal-role-pill {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #475569 !important;
  border: 1px solid transparent !important;
  font-weight: 700 !important;
}

.role-btn.active,
.role-btn[class*="active"],
.role-indicator {
  background: linear-gradient(135deg, #f27c07, #ff9d42) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(242, 124, 7, 0.25) !important;
}

/* White Input Bars & Dark Text */
input,
select,
textarea,
.login-form .form-group input,
.amodal-input,
.fp-input,
div[class*="form-group"] input {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 2px solid #cbd5e1 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 500 !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02) !important;
}

input:focus,
select:focus,
textarea:focus,
.login-form .form-group input:focus,
.amodal-input:focus,
.fp-input:focus {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: #f27c07 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  box-shadow: 0 0 0 4px rgba(242, 124, 7, 0.18) !important;
}

input::placeholder,
textarea::placeholder {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
}

/* ─── Exact Centered Login Layout Match ─── */
.login-page {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  min-height: 100vh !important;
  background: #f8fafc !important;
  background-color: #f8fafc !important;
  padding: 40px 20px !important;
  box-sizing: border-box !important;
}

.login-visual {
  display: none !important;
}

.login-container {
  max-width: 460px !important;
  width: 100% !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-radius: 24px !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05) !important;
  padding: 36px 32px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

.login-header h2 {
  font-size: 2.2rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin-top: 12px !important;
  margin-bottom: 6px !important;
}

.login-header p {
  font-size: 0.95rem !important;
  color: #64748b !important;
  margin-bottom: 24px !important;
}

.role-selector {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 14px !important;
  padding: 5px !important;
  margin-bottom: 24px !important;
  box-shadow: none !important;
}

.role-btn {
  background: transparent !important;
  color: #475569 !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
}

.role-indicator {
  background: linear-gradient(135deg, #f27c07, #ff9d42) !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 12px rgba(242, 124, 7, 0.25) !important;
}

.form-group label {
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  color: #334155 !important;
  margin-bottom: 6px !important;
}

.login-form .form-group input {
  width: 100% !important;
  padding: 13px 16px !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 12px !important;
  font-size: 0.95rem !important;
  background: #ffffff !important;
  color: #0f172a !important;
  box-sizing: border-box !important;
  transition: border-color 0.2s ease !important;
}

.login-form .form-group input:focus {
  border-color: #f27c07 !important;
  box-shadow: 0 0 0 4px rgba(242, 124, 7, 0.15) !important;
  outline: none !important;
}

.login-btn {
  background: linear-gradient(135deg, #f27c07, #ff9d42) !important;
  border-radius: 14px !important;
  padding: 14px !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 15px rgba(242, 124, 7, 0.3) !important;
}

/* ─── Perfect Dashboard Alignment & Sidebar Layout Fix ─── */
.dashboard-container,
.teacher-dashboard,
.student-dashboard,
div[class*="dashboard-container"] {
  display: flex !important;
  min-height: 100vh !important;
  width: 100% !important;
  background: #f8fafc !important;
  background-color: #f8fafc !important;
}

.dashboard-sidebar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 260px !important;
  min-width: 260px !important;
  max-width: 260px !important;
  z-index: 1000 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-right: 1px solid #e2e8f0 !important;
  transform: none !important;
  padding: 28px 20px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: 4px 0 20px rgba(0, 0, 0, 0.03) !important;
}

.dashboard-main,
.dashboard-content,
.main-content,
div[class*="dashboard-content"],
div[class*="main-content"] {
  margin-left: 260px !important;
  width: calc(100% - 260px) !important;
  max-width: calc(100% - 260px) !important;
  min-height: 100vh !important;
  box-sizing: border-box !important;
  padding: 28px 36px !important;
  position: relative !important;
  flex: 1 !important;
}

/* Header & Top Search Bar Alignment */
.dashboard-header,
.top-bar,
div[class*="dashboard-header"],
div[class*="top-bar"] {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  margin-bottom: 28px !important;
  gap: 20px !important;
}

/* Hero Welcome Banner Contrast Fix */
.teacher-hero-banner,
.hero-banner,
.welcome-banner,
div[class*="hero-banner"],
div[class*="teacher-hero"] {
  background: linear-gradient(135deg, #1e293b, #0f172a) !important;
  border-radius: 20px !important;
  padding: 36px 40px !important;
  margin-bottom: 32px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
  position: relative !important;
  overflow: hidden !important;
}

.teacher-hero-banner h1,
.teacher-hero-banner h2,
.teacher-hero-banner h3,
.hero-banner h1,
.hero-banner h2,
.hero-banner h3,
div[class*="hero-banner"] h1,
div[class*="hero-banner"] h2,
div[class*="hero-banner"] h3 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 8px !important;
}

.teacher-hero-banner p,
.teacher-hero-banner span,
.hero-banner p,
.hero-banner span,
div[class*="hero-banner"] p,
div[class*="hero-banner"] span {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
}

/* Action Cards & Sections */
.action-card-premium,
.glass-card,
div[class*="action-card"] {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
  padding: 24px !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.section-header h2 {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 800 !important;
}

.section-header p {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
}

/* ─── Final Dashboard Alignment & Text Contrast Fix ─── */
.teacher-dashboard-container,
.student-dashboard-container,
.dashboard-container,
div[class*="dashboard-container"] {
  display: flex !important;
  min-height: 100vh !important;
  width: 100% !important;
  background: #f8fafc !important;
  position: relative !important;
}

aside.dashboard-sidebar,
.dashboard-sidebar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 260px !important;
  min-width: 260px !important;
  max-width: 260px !important;
  z-index: 1000 !important;
  background: #ffffff !important;
  border-right: 1px solid #e2e8f0 !important;
  padding: 24px 16px !important;
  box-sizing: border-box !important;
  box-shadow: 2px 0 16px rgba(0, 0, 0, 0.04) !important;
}

main.dashboard-content,
main.dashboard-content.centered-layout,
.dashboard-content,
.main-content {
  margin-left: 260px !important;
  width: calc(100% - 260px) !important;
  max-width: calc(100% - 260px) !important;
  min-height: 100vh !important;
  box-sizing: border-box !important;
  padding: 28px 40px !important;
  position: relative !important;
  flex: 1 !important;
}

.content-inner {
  max-width: 1200px !important;
  width: 100% !important;
  margin: 0 auto !important;
}

/* Hero Welcome Banner Contrast Fix */
.teacher-hero-banner,
.welcome-banner-section,
div[class*="teacher-hero"],
div[class*="hero-banner"] {
  background: linear-gradient(135deg, #1e293b, #0f172a) !important;
  border-radius: 24px !important;
  padding: 36px 40px !important;
  margin-bottom: 32px !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.12) !important;
  color: #ffffff !important;
}

.teacher-hero-banner h1,
.teacher-hero-banner h2,
.teacher-hero-banner h3,
.teacher-hero-banner .highlight-text,
.teacher-hero-banner span,
div[class*="hero-banner"] h1,
div[class*="hero-banner"] h2,
div[class*="hero-banner"] h3,
div[class*="hero-banner"] span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 800 !important;
}

.teacher-hero-banner p,
.hero-banner p,
div[class*="hero-banner"] p {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
}

/* ─── Comprehensive Dashboard Polish Pass ─── */

/* Ensure page body is white */
html, body {
  background: #f8fafc !important;
  background-color: #f8fafc !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Sidebar should always be fixed and white */
.dashboard-sidebar,
aside.dashboard-sidebar {
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  height: 100vh !important;
  width: 260px !important;
  background: #ffffff !important;
  border-right: 1px solid #e2e8f0 !important;
  z-index: 1000 !important;
  box-sizing: border-box !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* Sidebar logo & name colors */
.dashboard-sidebar .sidebar-logo,
.sidebar-logo {
  color: #0f172a !important;
  font-weight: 900 !important;
}

/* Sidebar nav items */
.nav-item {
  color: #475569 !important;
  font-weight: 600 !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
}

.nav-item:hover {
  background: #fff7ed !important;
  color: #f27c07 !important;
}

.nav-item.active {
  background: rgba(242, 124, 7, 0.1) !important;
  color: #f27c07 !important;
  font-weight: 700 !important;
}

/* Sidebar profile section */
.sidebar-profile {
  border-top: 1px solid #e2e8f0 !important;
  margin-top: auto !important;
  padding-top: 16px !important;
}

.profile-name {
  color: #0f172a !important;
  font-weight: 700 !important;
}

.profile-role {
  color: #64748b !important;
  font-size: 0.78rem !important;
}

/* Main content area: push right of sidebar */
.teacher-dashboard-container main,
.teacher-dashboard-container .dashboard-content,
.student-dashboard-container main,
.student-dashboard-container .dashboard-content {
  margin-left: 260px !important;
  padding: 28px 40px !important;
  min-height: 100vh !important;
  width: calc(100% - 260px) !important;
  box-sizing: border-box !important;
}

/* Welcome banner: always crisp dark background, white text */
.teacher-hero-banner {
  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%) !important;
  border-radius: 24px !important;
  padding: 40px 48px !important;
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 32px !important;
}

.teacher-hero-banner * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.teacher-hero-banner h2 {
  font-size: 1.9rem !important;
  font-weight: 800 !important;
  margin-bottom: 8px !important;
}

.teacher-hero-banner p {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
  font-size: 0.95rem !important;
}

.teacher-hero-banner .highlight-text {
  color: #f27c07 !important;
  -webkit-text-fill-color: #f27c07 !important;
}

/* Section headings contrast */
.section-header h2,
h2.section-title,
.quick-start h2,
.content-section h2 {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 800 !important;
}

.section-header p,
.quick-start p,
.content-section p {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
}

/* Action cards: white clean cards */
.action-card-premium,
.glass-card,
.quick-action-card {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 18px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.action-card-premium:hover,
.glass-card:hover,
.quick-action-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
}

.action-card-premium h3,
.glass-card h3,
.quick-action-card h3 {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 700 !important;
}

.action-card-premium p,
.glass-card p,
.quick-action-card p {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  font-size: 0.88rem !important;
}

/* Remove language selector and dark/light theme toggle buttons */
.theme-toggle-btn, .land-nav__btn-icon, .lang-selector {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}