@charset "UTF-8";:root{--recommended-green:#a0d5ac;--recommended-orange:#ffe7d9}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-left{align-items:center;display:flex}.navbar-logo{color:#000;font-size:1.5rem;font-weight:700;text-decoration:none}.navbar-links{display:flex;list-style:none;margin-left:2rem}.navbar-links li{margin-right:1.5rem}.navbar-links a{color:#000;font-size:14px;font-weight:500;text-decoration:none}.navbar-right{align-items:center;display:flex}.navbar-right .nav-link{color:#000;font-size:14px;font-weight:500;margin-left:1.5rem;text-decoration:none}.credit-balance-navbar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 2px 8px #667eea4d;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px;margin-left:1.5rem;padding:8px 16px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.credit-balance-navbar:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.credit-amount{font-weight:600}.btn{border-radius:5px;padding:.5rem 1rem;text-decoration:none}.btn-login{color:#000}.btn-login,.btn-try{background-color:initial}.btn-try{border:2px solid #5abefa;border:2px solid var(--brand-primary);color:#5abefa;color:var(--brand-primary);margin-left:1.5rem;min-width:180px;padding:.5rem 1.5rem}.btn-primary{background-color:#5abefa;margin-left:1.5rem}.btn-logout{background-color:#dc3545;color:#fff;margin-left:1.5rem}.navbar-links .active,.navbar-links .nav-link.active,.navbar-links a.active{background-color:#5abefa;background-color:var(--brand-primary);border-radius:5px;color:#fff!important;padding:8px 16px}.user-profile-section{align-items:center;display:flex;margin-left:1.5rem;position:relative}.user-name{font-size:14px;font-weight:500;margin-right:8px}.navbar-profile-container{align-items:center;display:flex;position:relative}.navbar-profile-pic{border:2px solid #5abefa;border:2px solid var(--brand-primary);border-radius:50%;display:inline-block;height:32px;margin-right:4px;object-fit:cover;object-position:center;vertical-align:middle;width:32px}.navbar-dropdown-toggle{background:none;border:none;border-radius:3px;color:#5abefa;color:var(--brand-primary);cursor:pointer;font-size:12px;margin-left:4px;padding:2px 4px;transition:background-color .2s}.navbar-dropdown-toggle:hover{background-color:#5abefa1a}.navbar-dropdown-menu{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:8px;min-width:200px;padding:8px 0;position:absolute;right:0;top:100%;z-index:1001}.navbar-dropdown-item{background:none;border:none;border-radius:0;color:#333;cursor:pointer;display:block;font-size:14px;padding:12px 16px;text-align:left;transition:background-color .2s;width:100%}.navbar-dropdown-item:hover{background-color:#f5f5f5}.navbar-dropdown-item:first-child{border-radius:8px 8px 0 0}.navbar-dropdown-item:last-child{border-radius:0 0 8px 8px}.modal-overlay{z-index:1002}.modal-content{box-shadow:0 8px 24px #0003;min-width:400px}.modal-content h3{color:#333;margin:0 0 16px}.file-input{background-color:#f9f9f9;border:2px dashed #ddd;border-radius:8px}.file-input,.timezone-select{margin-bottom:16px;padding:12px;width:100%}.timezone-select{border:1px solid #ddd;border-radius:8px;font-size:14px}.modal-buttons{display:flex;gap:12px;justify-content:flex-end}.btn-secondary{border:1px solid #ddd;border-radius:6px;color:#666;padding:8px 16px;transition:all .2s}.btn-secondary:hover{background-color:#f5f5f5}.modal-content .btn-primary{background:#5abefa;background:var(--brand-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-left:0;padding:8px 16px;transition:background-color .2s}.modal-content .btn-primary:hover{background-color:#4a9fd8}.credit-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.credit-modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-height:80vh;max-width:900px;overflow:hidden;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.credit-modal-header{align-items:center;background:linear-gradient(135deg,#5abefa,#4a9fe7);border-bottom:1px solid #e9ecef;color:#fff;display:flex;justify-content:space-between;padding:20px 30px}.credit-modal-header h2{font-size:24px;font-weight:600;margin:0}.credit-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;padding:0;transition:background-color .2s ease;width:40px}.credit-modal-close:hover{background-color:#fff3}.credit-modal-body{max-height:calc(80vh - 100px);overflow-y:auto;padding:20px 30px 30px}.credit-loading{align-items:center;color:#666;display:flex;flex-direction:column;padding:40px 20px}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#5abefa;height:40px;margin-bottom:15px;width:40px}.credit-error{color:#dc3545;padding:40px 20px;text-align:center}.retry-btn{background-color:#5abefa;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:8px 16px;transition:background-color .2s ease}.retry-btn:hover{background-color:#4a9fe7}.credit-empty{color:#666;padding:40px 20px;text-align:center}.credit-table-container{overflow-x:auto}.credit-table{background:#fff;border-collapse:collapse;font-size:14px;width:100%}.credit-table th{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #dee2e6;color:#495057;font-size:13px;font-weight:600;letter-spacing:.5px;padding:15px 12px;text-align:left;text-transform:uppercase}.credit-table th:first-child{text-align:center;width:60px}.credit-table th:nth-child(2){width:35%}.credit-table th:nth-child(3){width:25%}.credit-table th:nth-child(4),.credit-table th:nth-child(5){text-align:center;width:20%}.credit-table td{border-bottom:1px solid #e9ecef;padding:15px 12px;vertical-align:top}.credit-table tbody tr:hover{background-color:#f8f9fa}.credit-table tbody tr:nth-child(2n){background-color:#fafbfc}.credit-table tbody tr:nth-child(2n):hover{background-color:#f1f3f4}.activity-info{display:flex;flex-direction:column;gap:4px}.activity-description{color:#495057;font-size:14px;font-weight:500;line-height:1.4}.credit-change{font-size:14px;font-weight:600;text-align:center}.credit-change.positive{color:#28a745}.credit-change.negative{color:#dc3545}.credit-left{color:#5abefa;font-size:14px;font-weight:600;text-align:center}@media (max-width:768px){.credit-modal-overlay{padding:10px}.credit-modal-content{max-height:90vh;width:95%}.credit-modal-header{padding:15px 20px}.credit-modal-header h2{font-size:20px}.credit-modal-body{padding:15px 20px 20px}.credit-table{font-size:12px}.credit-table td,.credit-table th{padding:10px 8px}.activity-description{font-size:12px}.credit-table-container{overflow-x:scroll}}@media (max-width:480px){.credit-modal-header h2{font-size:18px}.credit-table{font-size:11px}.credit-table td,.credit-table th{padding:8px 6px}}.login-as-student-modal{max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.modal-description{color:#666;line-height:1.5;margin-bottom:20px;text-align:center}.select-section{margin-bottom:20px}.select-label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.student-select{background-color:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s;width:100%}.student-select:focus{border-color:var(--brand-primary)}.student-select:disabled{background-color:#f5f5f5;cursor:not-allowed}.students-list{background:#f9f9f9;border:1px solid #eee;border-radius:8px;max-height:300px;overflow-y:auto}.student-item{align-items:center;border-bottom:1px solid #eee;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:background-color .2s}.student-item:last-child{border-bottom:none}.student-item:hover{background-color:#f0f0f0}.student-item.selected{background-color:var(--brand-primary);color:#fff}.student-item.selected .student-details span{color:#fffc}.student-info{flex:1 1}.student-name{font-size:16px;margin-bottom:4px}.student-details{color:#666;display:flex;font-size:13px;gap:16px}.student-details span{align-items:center;display:flex;gap:4px}.selection-indicator{align-items:center;color:var(--brand-primary);display:flex;font-size:18px;font-weight:700;height:24px;justify-content:center;width:24px}.student-item.selected .selection-indicator{color:#fff}.no-students{color:#666;font-style:italic;padding:40px 20px;text-align:center}.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top:3px solid var(--brand-primary);height:32px;margin-bottom:16px;width:32px}.error-message{background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;margin-bottom:16px;padding:12px 16px}.modal-footer{border-top:1px solid #eee;margin-top:24px;padding-top:20px}.btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-primary{background-color:var(--brand-primary)}.btn-primary:hover:not(:disabled){background-color:#4a9fd8}.btn-secondary{background-color:#f0f0f0;color:#333}.btn-secondary:hover{background-color:#e0e0e0}@media (max-width:768px){.login-as-student-modal{max-height:90vh;width:95%}.student-details{gap:8px}.modal-footer,.student-details{flex-direction:column}.btn{width:100%}}:root{--brand-primary-dark:#4a9fe7;--brand-primary-light:#87d4ff;--accent-color:#ffb84d;--text-dark:#2c3e50;--text-light:#6c757d;--background-light:#f8fbff;--white:#fff}body{background-color:#f8fbff;background-color:var(--background-light);color:#2c3e50;color:var(--text-dark);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:0 20px}.btn-primary{background:linear-gradient(135deg,#5abefa,#4a9fe7);background:linear-gradient(135deg,var(--brand-primary) 0,var(--brand-primary-dark) 100%);border-radius:50px;box-shadow:0 4px 15px #5abefa66;letter-spacing:.5px;padding:14px 28px;text-transform:uppercase}.btn-primary:hover{background:linear-gradient(135deg,#4a9fe7,#5abefa);background:linear-gradient(135deg,var(--brand-primary-dark) 0,var(--brand-primary) 100%);box-shadow:0 6px 20px #5abefa99;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #5abefa;border:2px solid var(--brand-primary);border-radius:50px;color:#5abefa;color:var(--brand-primary);font-size:1rem;font-weight:600;letter-spacing:.5px;padding:14px 28px;text-transform:uppercase;transition:all .3s ease}.btn-secondary:hover{background:#5abefa;background:var(--brand-primary);box-shadow:0 6px 20px #5abefa66;transform:translateY(-2px)}.navbar{box-shadow:0 2px 4px #0000001a;padding:15px 0}.navbar .container{align-items:center;display:flex;justify-content:space-between}.navbar .logo{color:#ff6b6b;font-size:1.8rem;font-weight:700}.navbar .nav-links{align-items:center;display:flex;list-style:none;margin:0;padding:0}.navbar .nav-links li{margin-left:25px}.navbar .nav-links a{color:#555;font-weight:500;text-decoration:none;transition:color .3s ease}.navbar .nav-links a:hover{color:#ff6b6b}.hero-section{background:linear-gradient(135deg,#fff,#f8fbff);background:linear-gradient(135deg,var(--white) 0,var(--background-light) 100%);color:#2c3e50;color:var(--text-dark);overflow:hidden;padding:100px 0;position:relative}.hero-section:before{background:linear-gradient(135deg,#0000,#5abefa0d);border-radius:50%;content:"";height:100%;position:absolute;right:-50%;top:0;width:100%;z-index:0}.hero-section .container{align-items:center;display:flex;justify-content:space-between}.hero-content{max-width:50%;position:relative;text-align:left;z-index:1}.hero-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c3e50,#5abefa);background:linear-gradient(135deg,var(--text-dark) 0,var(--brand-primary) 100%);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:20px}.hero-content ul{list-style:none;margin-bottom:30px;padding:0}.hero-content li{color:#6c757d;color:var(--text-light);font-size:1.2rem;margin-bottom:15px;padding-left:30px;position:relative}.hero-content li:before{color:#5abefa;color:var(--brand-primary);content:"✓";font-size:1.3rem;font-weight:700;left:0;position:absolute;top:0}.hero-subtitle{color:#6c757d;color:var(--text-light);font-size:1.3rem;line-height:1.5;margin-bottom:30px}.cta-container{display:flex}.cta-container input,.cta-container select{border:1px solid #ccc;border-radius:5px;padding:10px}.cta-container select{background-color:#f8f8f8;border-bottom-right-radius:0;border-top-right-radius:0}.cta-container input{border-bottom-left-radius:0;border-left:0;border-top-left-radius:0;width:200px}.cta-container button{border-radius:0 5px 5px 0;margin-left:-1px}.hero-image{max-width:40%}.hero-image img{border-radius:15px;height:auto;object-fit:contain;width:100%}.features-section{background:#fff;background:var(--white);padding:80px 0;position:relative;text-align:center}.features-section h3{color:#2c3e50;color:var(--text-dark);font-size:2.5rem;font-weight:700;margin-bottom:60px;position:relative}.features-section h3:after{background:linear-gradient(135deg,#5abefa,#ffb84d);background:linear-gradient(135deg,var(--brand-primary) 0,var(--accent-color) 100%);border-radius:2px;bottom:-15px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.feature-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-item{background:#fff;background:var(--white);border:1px solid #5abefa1a;border-radius:20px;box-shadow:0 10px 30px #5abefa1a;overflow:hidden;padding:40px 30px;position:relative;transition:all .3s ease}.feature-item:before{background:linear-gradient(135deg,#5abefa0d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.feature-item:hover{border-color:#5abefa;border-color:var(--brand-primary);box-shadow:0 20px 40px #5abefa33;transform:translateY(-10px)}.feature-item:hover:before{left:0}.feature-item img{height:80px;margin-bottom:20px;width:80px}.feature-item h4{color:#5abefa;color:var(--brand-primary);font-size:1.5rem;font-weight:600;margin-bottom:15px;position:relative;z-index:1}.feature-item p{color:#6c757d;color:var(--text-light);font-size:1.1rem;line-height:1.6;position:relative;z-index:1}.feature-icon{display:block;font-size:3rem;margin-bottom:20px;position:relative;z-index:1}.courses-section{background:linear-gradient(135deg,#f8fbff,#5abefa0d);background:linear-gradient(135deg,var(--background-light) 0,#5abefa0d 100%);padding:80px 0;position:relative;text-align:center}.courses-section h3{color:#2c3e50;color:var(--text-dark);font-size:2.5rem;font-weight:700;margin-bottom:60px;position:relative}.courses-section h3:after{background:linear-gradient(135deg,#5abefa,#ffb84d);background:linear-gradient(135deg,var(--brand-primary) 0,var(--accent-color) 100%);border-radius:2px;bottom:-15px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.course-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1400px}.course-card{background:#fff;background:var(--white);border:1px solid #5abefa1a;border-radius:20px;box-shadow:0 10px 30px #5abefa1a;overflow:hidden;position:relative;transition:all .3s ease}.course-card:hover{border-color:#5abefa;border-color:var(--brand-primary);box-shadow:0 25px 50px #5abefa33;transform:translateY(-15px)}.course-card img{height:200px;object-fit:cover;width:100%}.course-card h4{color:#5abefa;color:var(--brand-primary);font-size:1.4rem;font-weight:600;margin:20px 20px 10px}.course-card p{color:#6c757d;color:var(--text-light);font-size:1rem;line-height:1.6;padding:0 20px 15px}.course-image{align-items:center;background:linear-gradient(135deg,#5abefa,#87d4ff);background:linear-gradient(135deg,var(--brand-primary) 0,var(--brand-primary-light) 100%);display:flex;height:120px;justify-content:center;overflow:hidden;position:relative}.course-icon{color:#fff;font-size:3rem;position:relative;z-index:1}.course-details{border-top:1px solid #5abefa1a;display:flex;justify-content:space-between;margin-top:10px;padding:15px 20px 20px}.age-group,.duration{background:#5abefa1a;border-radius:15px;color:#5abefa;color:var(--brand-primary);font-size:.9rem;font-weight:600;padding:4px 12px}.cta-section{background:linear-gradient(135deg,#5abefa,#4a9fe7 50%,#ffb84d);background:linear-gradient(135deg,var(--brand-primary) 0,var(--brand-primary-dark) 50%,var(--accent-color) 100%);color:#fff;overflow:hidden;padding:80px 0;position:relative;text-align:center}.cta-section:before{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.cta-section h2{font-size:2.8rem;font-weight:700;margin-bottom:20px;position:relative;z-index:1}.cta-subtitle{font-size:1.3rem;margin-bottom:40px;opacity:.9;position:relative;z-index:1}.cta-buttons{gap:20px;margin-bottom:60px}.cta-buttons,.stats{display:flex;justify-content:center;position:relative;z-index:1}.stats{gap:60px}.stat-item{text-align:center}.stat-number{font-size:2.5rem;font-weight:700;margin-bottom:5px}.stat-label{font-size:1rem;letter-spacing:1px;opacity:.8;text-transform:uppercase}.footer{background-color:#333;color:#fff;padding:30px 0;text-align:center}.footer .container{align-items:center;display:flex;flex-direction:column;gap:20px}.footer p{margin:0}.social-links a{display:inline-block;margin:0 10px}.social-links img{border-radius:50%;height:30px;transition:transform .3s ease;width:30px}.social-links img:hover{transform:scale(1.1)}@media (max-width:768px){.navbar .nav-links{display:none;flex-direction:column;width:100%}.navbar .nav-links.active{display:flex}.navbar .nav-links li{margin:10px 0}.hero-section .container{flex-direction:column-reverse;text-align:center}.hero-content{max-width:100%}.hero-content h2{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-image{margin-bottom:30px;max-width:80%}.course-grid,.feature-grid{gap:20px;grid-template-columns:1fr}.cta-section h2{font-size:2.2rem}.cta-subtitle{font-size:1.1rem}.cta-buttons{align-items:center;gap:15px}.cta-buttons,.stats{flex-direction:column}.stats{gap:30px}.stat-number{font-size:2rem}}@media (max-width:480px){.courses-section h3,.features-section h3,.hero-content h2{font-size:2rem}.cta-section h2{font-size:1.8rem}.course-details{align-items:center;flex-direction:column;gap:10px}}.join-class-container{align-items:center;background-color:#f0f2f5;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 80px);padding:20px}.join-class-container h2{color:#333;margin-bottom:30px}.join-class-form{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;max-width:520px;padding:40px;width:100%}.form-message{margin-bottom:16px}@media (max-width:480px){.join-class-form{margin:10px;padding:20px}.country-code-select{flex:0 0 100px;font-size:12px}}.form-group label{color:#555}.phone-input-group{display:flex;gap:0}.country-code-select{background-color:#f8f8f8;border:1px solid #ccc;border-radius:5px 0 0 5px;border-right:none;flex:0 0 120px;font-size:14px;padding:10px}.phone-number-input{border:1px solid #ccc;border-radius:0 5px 5px 0;flex:1 1;min-width:0;padding:10px}.password-input,.select-input,.text-input{border:1px solid #ccc;border-radius:5px;padding:10px;width:100%}.select-input{background-color:#fff}.btn-primary{font-size:1.1rem;padding:12px;transition:background-color .3s ease;width:100%}.btn-primary:hover{background-color:#ee5253}:root{--primary-light:#d6e6f2}.dashboard-container{display:flex;margin:0;max-width:100%;min-height:calc(100vh - 80px);padding:0;width:100%}.dashboard-container,.dashboard-container *{box-sizing:border-box}.dashboard-sidebar{background-color:#fff;box-shadow:2px 0 5px #0000001a;box-sizing:border-box;flex:0 0 250px;min-width:200px;overflow-y:auto;padding:20px;width:250px}.dashboard-content{background-color:#f8fbff;box-sizing:border-box;flex:1 1;min-width:0;overflow-x:auto;padding:20px}.sidebar-nav ul{list-style:none;margin:0;padding:0}.sidebar-nav li{margin-bottom:15px}.sidebar-nav a{border-radius:5px;color:#111!important;display:block;font-weight:500;padding:10px;text-align:left;text-decoration:none;transition:background-color .3s ease}.sidebar-nav a:hover{background-color:#d6e6f2;background-color:var(--primary-light);color:#111!important}.sidebar-nav a.active{background-color:#5abefa;background-color:var(--brand-primary);color:#fff!important}.profile-pic-container{border:3px solid #5abefa;border:3px solid var(--brand-primary);border-radius:50%;box-shadow:0 2px 4px #0000001a;flex-shrink:0;height:72px;overflow:hidden;width:72px}.profile-pic{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.profile-pic-placeholder{align-items:center;background-color:#5abefa;background-color:var(--brand-primary);border-radius:50%;color:#fff;display:flex;font-size:30px;font-weight:700;height:100%;justify-content:center;width:100%}.welcome-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;margin-bottom:24px;padding:24px}.welcome-card .profile-pic-container{margin-right:16px}.user-name{color:#111;font-family:Nunito,sans-serif;font-size:22px;font-weight:800}.student-profile-section{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:20px;margin:20px 20px 0;padding:24px 20px 16px}.student-info{align-items:flex-start}.student-info h2{color:#333;font-size:1.5em;font-weight:600;margin:0 0 8px}.grade-badge{align-self:flex-start;background-color:#5abefa;background-color:var(--brand-primary);border-radius:20px;color:#fff;display:inline-block;font-size:.85em;font-weight:500;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.teacher-class-overview{display:flex;gap:20px;margin-top:0}.class-column{border:1px solid #f0f0f0;box-shadow:0 2px 8px #00000014;flex:1 1;overflow:hidden}.class-header{border-bottom:1px solid #f0f0f0;padding:16px 20px}.class-status{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.class-status.ongoing{background-color:#e3f2fd;color:#1976d2}.class-status.upcoming{background-color:#f3e5f5;color:#7b1fa2}.class-content{padding:20px}.class-title{font-size:18px;margin:0 0 8px}.class-time{font-size:14px;margin:0 0 16px}.students-info{margin-bottom:16px}.student-avatars{display:flex;gap:16px}.student-avatar{align-items:center;display:flex;flex-direction:column;gap:8px}.student-avatar .profile-pic-placeholder{font-size:16px;height:40px;width:40px}.student-avatar span{color:#666;font-size:12px;font-weight:500}.signup-source{color:#666;font-size:14px;margin-bottom:16px}.source-link{color:#ff6b6b;font-weight:500}.class-actions{flex-wrap:wrap;margin-bottom:16px}.btn-primary,.btn-secondary{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;text-align:center;transition:all .2s ease;width:150px}.btn-primary{background-color:#ff6b6b;border:1px solid #ff6b6b}.btn-primary:hover{background-color:#ff5252;border-color:#ff5252}.btn-secondary{background-color:#fff;border:1px solid #ff6b6b;color:#ff6b6b}.btn-secondary:hover{background-color:#ff6b6b;color:#fff}.view-students-link{color:#ff6b6b;font-size:14px;font-weight:500;text-decoration:none}.view-students-link:hover{text-decoration:underline}.no-upcoming-message{color:#666;padding:40px 20px;text-align:center}.no-upcoming-message p{margin:0 0 8px}.schedule-suggestion{color:#999;font-size:14px}.no-ongoing-message{color:#666;padding:40px 20px;text-align:center}.no-ongoing-message p{margin:0 0 8px}@media (max-width:1024px){.dashboard-sidebar{flex:0 0 200px;min-width:180px;width:200px}.teacher-class-overview{gap:16px}}@media (max-width:768px){.dashboard-container{flex-direction:column}.dashboard-sidebar{flex:0 0 auto;min-width:auto;padding:15px;width:100%}.dashboard-content{padding:0}.sidebar-nav ul{display:flex;flex-wrap:wrap;gap:10px}.sidebar-nav li{flex:1 1;margin-bottom:0;min-width:150px}.teacher-class-overview{flex-direction:column;gap:16px;margin-top:16px}.class-content{padding:16px}.class-actions{flex-direction:column;gap:8px}.btn-primary,.btn-secondary{text-align:center;width:150px}}.credit-balance{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 2px 8px #667eea4d;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px;margin-top:12px;padding:8px 12px}.credit-icon{font-size:16px}.credit-amount{font-weight:700}.dashboard-overview{display:flex;flex-shrink:0;gap:20px;margin:20px 20px 0}.overview-container{flex:1 1;min-height:200px;min-width:0}.metric-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;height:100%;padding:24px}.metric-icon{font-size:2.5em;margin-bottom:16px;text-align:center}.metric-content h3{color:#333;font-size:1.2em;font-weight:600;margin:0 0 12px;text-align:center}.metric-value{color:var(--brand-primary);font-size:2.5em;font-weight:700;margin-bottom:8px;text-align:center}.metric-details{color:#666;font-size:.9em;margin-bottom:16px;text-align:center}.progress-bar{background-color:#f0f0f0;border-radius:4px;height:8px;margin-top:auto;overflow:hidden;width:100%}.progress-fill{background-color:var(--brand-primary);border-radius:4px;height:100%;transition:width .3s ease}.streak-info{color:#ff6b35;font-size:.9em;font-weight:500;margin-top:auto;text-align:center}.lessons-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;height:100%;padding:24px}.doubt-session-section h3,.lessons-section h3{color:#333;font-size:1.4em;font-weight:700;margin:0 0 16px;text-align:left}.next-class{margin-bottom:16px}.class-title{color:#333;font-size:1.1em;font-weight:600;margin-bottom:8px;text-align:left}.class-time{font-size:.9em;margin-bottom:16px;text-align:left}.class-actions{align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:20px!important;justify-content:flex-start!important;margin-bottom:16px!important;text-align:left!important;width:100%!important}.join-class-btn{background-color:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:0 0 auto!important;font-size:.9em;font-weight:500;padding:8px 16px;text-align:left!important;transition:background-color .2s}.join-class-btn:hover{background-color:#c82333}.reschedule-link{color:#dc3545;flex:0 0 auto!important;font-size:.9em;font-weight:500;text-align:left!important;text-decoration:none}.reschedule-link:hover{text-decoration:underline}.class-divider{background-color:#e0e0e0;height:1px;margin:16px 0}.upcoming-info{display:flex;flex-direction:column;gap:4px}.upcoming-count{color:#333;font-size:.9em;font-weight:700;text-align:left}.points-info{color:#666;font-size:.85em;text-align:left}.doubt-session-section{border-top:1px solid #e0e0e0;margin-top:24px;padding-top:24px}.doubt-description{line-height:1.5;margin-bottom:12px}.doubt-description,.doubt-free{color:#666;font-size:.9em;text-align:left}.doubt-free{margin-bottom:16px}.join-doubt-btn{background-color:#fff;border:1px solid #dc3545;border-radius:6px;color:#dc3545;cursor:pointer;font-size:.9em;font-weight:500;padding:8px 16px;transition:all .2s}.join-doubt-btn:hover{background-color:#dc3545;color:#fff}.no-upcoming-class{margin-bottom:16px}.no-class-message{color:#666;font-size:.9em;font-style:italic;padding:12px 0;text-align:left}.teacher-dashboard{margin:0 auto;max-width:1200px;padding:20px}.dashboard-header{margin-bottom:30px;text-align:center}.dashboard-header h1{color:#333;font-size:2rem;margin-bottom:10px}.dashboard-header p{color:#666;font-size:1.1rem}.class-overview{margin-bottom:30px}.class-column h2{border-bottom:2px solid #007bff;color:#333;font-size:1.5rem;margin-bottom:0;padding-bottom:10px}.class-info h3{color:#333;font-size:1.1rem;margin-bottom:10px}.class-time{color:#666;font-size:.9rem;margin-bottom:8px}.class-students{color:#007bff;font-weight:500;margin-bottom:20px}.class-header-row{align-items:center;display:flex;gap:16px;justify-content:space-between}.class-header-row .class-info{flex:1 1}.class-header-row .class-link{display:flex;flex:0 1;justify-content:center}.class-header-row .btn-primary{align-self:stretch;flex:0 1;height:-webkit-fit-content;height:fit-content}.student-chips{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 16px}.student-chip{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:9999px;display:flex;gap:8px;padding:6px 10px}.student-chip .avatar{align-items:center;background:#f3f6fb;border-radius:50%;color:#3b82f6;display:flex;font-size:12px;font-weight:700;height:28px;justify-content:center;overflow:hidden;width:28px}.student-chip .avatar img{height:100%;object-fit:cover;width:100%}.student-chip .name{color:#333;font-size:12px;font-weight:600}.class-actions{align-items:center;display:flex;flex-direction:row;gap:12px;margin:8px 0 0;padding:0}.class-overview .btn-primary,.class-overview .btn-secondary{background:#0000;border:1px solid var(--brand-primary);border-radius:6px;color:var(--brand-primary);cursor:pointer;font-size:.875rem;font-weight:600;margin:0;padding:8px 12px;transition:color .2s,border-color .2s,background-color .2s}.class-overview .btn-primary:hover,.class-overview .btn-secondary:hover{background:var(--brand-primary);color:#fff}.link-view-details{align-self:center;color:var(--brand-primary);cursor:pointer;font-size:12px;font-weight:700}.link-view-details:hover{text-decoration:underline}.view-students{text-align:center}.view-students-link{color:#007bff;cursor:pointer;font-size:.9rem;text-decoration:underline}.view-students-link:hover{color:#0056b3}.no-ongoing-message,.no-upcoming-message{color:#666;text-align:center}.no-ongoing-message p:first-child,.no-upcoming-message p:first-child{color:#333;font-size:1.2rem;margin-bottom:8px}.schedule-suggestion{color:#888;font-size:.9rem}.loading{color:#666;font-size:1.2rem;padding:50px;text-align:center}@media (max-width:768px){.class-overview{gap:20px;grid-template-columns:1fr}.class-column{padding:20px}.dashboard-header h1{font-size:1.5rem}.dashboard-header p{font-size:1rem}}.teacher-profile-section{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:20px;margin:20px 20px 0;padding:24px 20px 16px}.teacher-info{align-items:flex-start;display:flex;flex-direction:column}.teacher-info h2{color:#333;font-size:1.5em;font-weight:600;margin:0 0 8px}.teacher-badge{align-self:flex-start;background-color:#007bff;border-radius:20px;color:#fff;display:inline-block;font-size:.85em;font-weight:500;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.class-overview{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin:30px 20px;padding:0}.class-column{padding:25px}.class-column,.upcoming-class-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 10px #0000001a}.upcoming-class-card{padding:20px}.upcoming-class-card h3{color:#333;font-size:1.2rem;margin-bottom:10px}.upcoming-class-card .class-time{color:#666;font-size:1rem;margin-bottom:8px}.upcoming-class-card .class-students{color:#007bff;font-weight:500;margin-bottom:15px}.upcoming-class-card .class-actions{display:flex;flex-wrap:wrap;gap:10px}.upcoming-class-card .btn-primary,.upcoming-class-card .btn-secondary{flex:1 1;min-width:120px;text-align:center}.teacher-monthly-stats{margin:10px 20px 30px}.teacher-monthly-stats,.upload-recording-section{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px}.upload-recording-section{margin:30px 20px}.upload-recording-section h2{border-bottom:2px solid #007bff;color:#333;font-size:1.4rem;margin:0 0 16px;padding-bottom:10px;text-align:left}.table-container{margin-top:15px}.recording-table{border-collapse:collapse;margin-top:15px;width:100%}.recording-table td,.recording-table th{border:1px solid #eee;padding:12px 10px;text-align:left}.recording-table th{background-color:#f0f2f5}.recording-table td{border-bottom:1px solid #eee}.no-recordings{color:#666;font-style:italic;padding:20px;text-align:center}.recording-table th{background-color:#f8f8f8}.recording-table th,.upload-status{color:#555;font-weight:600}.upload-status.success{color:#28a745}.upload-status.uploading{color:#999}.upload-message{border-radius:4px;font-weight:500;margin-bottom:12px;padding:8px 12px}.upload-message.success{color:#0f5132}.upload-message.error{color:#842029}.upload-message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.upload-message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.upload-button{background-color:#ff4d4f;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:600;padding:8px 15px;transition:background-color .2s}.upload-button:hover{background-color:#ff7875}.upload-button input[type=file]{display:none}.teacher-monthly-stats h2{font-size:1.4rem;margin:0 0 16px}.teacher-monthly-stats .stats-grid{grid-gap:28px 40px;display:grid;gap:28px 40px;grid-template-columns:repeat(4,1fr)}.teacher-monthly-stats .stat-item{align-items:center;display:flex;gap:14px}.teacher-monthly-stats .stat-icon{align-items:center;border-radius:12px;display:flex;font-size:22px;height:48px;justify-content:center;width:48px}.teacher-monthly-stats .icon-yellow{background:#ffd54f33;color:#d4a300}.teacher-monthly-stats .icon-blue{background:#42a5f533;color:#1565c0}.teacher-monthly-stats .icon-green{background:#66bb6a33;color:#2e7d32}.teacher-monthly-stats .icon-orange{background:#ff8a6533;color:#d84315}.teacher-monthly-stats .icon-red{background:#ef535033;color:#c62828}.teacher-monthly-stats .stat-lines{text-align:left}.teacher-monthly-stats .stat-lines .stat-main{color:#111;font-size:16px;font-weight:600}.teacher-monthly-stats .stat-lines .stat-sub{color:#666;font-size:14px}@media (max-width:1024px){.teacher-monthly-stats .stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.teacher-monthly-stats .stats-grid{grid-template-columns:1fr}.upload-recording-section{margin:15px 10px;padding:15px}.recording-table td,.recording-table th{font-size:.9rem;padding:8px 6px}}.classroom-method-modal{max-width:500px;width:90%}.modal-header{border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:15px}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background-color .2s;width:30px}.close-button:hover{background-color:#f0f0f0}.method-options{margin-bottom:25px}.method-option{border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:block;margin-bottom:15px;padding:15px;transition:all .2s}.method-option:hover{background-color:#f8f9fa;border-color:#007bff}.method-option input[type=radio]{display:none}.method-option input[type=radio]:checked+.method-content{color:#007bff}.method-option input[type=radio]:checked+.method-content .method-name{font-weight:600}.method-content{gap:15px}.method-content,.method-icon{align-items:center;display:flex}.method-icon{background-color:#f8f9fa;border-radius:8px;font-size:24px;height:40px;justify-content:center;width:40px}.method-details{flex:1 1}.method-name{color:#333;font-size:16px;font-weight:500;margin-bottom:4px}.method-description{color:#666;font-size:14px}.btn-primary{border-radius:5px}.btn-primary,.btn-secondary{padding:10px 20px;transition:background-color .2s}.btn-secondary{background-color:#6c757d;border:none;border-radius:5px}.btn-secondary:hover{background-color:#545b62}.my-students-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.my-students-container h2{color:#333;margin-bottom:20px;text-align:center}.students-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.student-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 1px 3px #0000000d;padding:15px;transition:transform .2s ease-in-out}.student-card:hover{transform:translateY(-5px)}.student-card h3{color:#007bff;margin-bottom:10px;margin-top:0}.student-card p{color:#555;font-size:.95em;margin-bottom:5px}.student-card strong{color:#333}.students-table-wrapper{margin-top:24px;overflow-x:auto;width:100%}.students-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 4px #0000000a;font-family:Nunito,sans-serif;width:100%}.students-table td,.students-table th{border-bottom:1px solid #f0f0f0;padding:12px 16px;text-align:left}.students-table th{background:#f7fafd;color:#222;font-size:1rem;font-weight:700}.students-table tr:last-child td{border-bottom:none}.students-table tr:hover{background:#f2f8fc}.my-lessons-container{background:#f7fafd;margin:32px 0;padding:32px 24px}.lesson-performance-tracker,.my-lessons-container{border-radius:12px;box-shadow:0 2px 8px #0000000a;width:100%}.lesson-performance-tracker{background:#fff;margin:24px 0 16px;padding:24px;text-align:left}.lpt-title{color:#222;font-size:1.6rem;font-weight:800;margin:0 0 6px}.lpt-subtitle{color:#666;margin:0 0 16px}.lpt-cards{display:flex;flex-wrap:wrap;gap:24px}.lpt-card{background:#f7fafd;border-radius:10px;flex:0 1 220px;gap:12px;padding:16px 18px}.lpt-card,.lpt-icon{align-items:center;display:flex}.lpt-icon{background:#e6f4ea;border-radius:50%;color:#2e7d32;font-size:1.4rem;height:48px;justify-content:center;width:48px}.lpt-label{color:#444;font-weight:700}.lpt-count{color:#2e7d32;font-weight:800;margin-left:auto}.lessons-tabs{border-bottom:2px solid #eee;display:flex;gap:32px;margin-bottom:32px}.lessons-tabs button{background:none;border:none;border-bottom:2px solid #0000;color:#888;cursor:pointer;font-size:1.1rem;font-weight:600;padding:12px 0 16px;transition:color .2s,border-color .2s}.lessons-tabs button.active{border-bottom:2px solid #5abefa;color:#5abefa}.module-card{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;margin-bottom:32px;padding:24px;text-align:left}.module-icon-section{align-items:center;display:flex;flex-direction:column;margin-right:32px}.module-icon{align-items:center;background:#f36;border-radius:50%;color:#fff;display:flex;font-size:2.5rem;height:64px;justify-content:center;margin-bottom:12px;width:64px}.module-number{color:#888;font-size:1.1rem;font-weight:600}.module-main{flex:1 1;text-align:left}.module-header{align-items:center;display:flex;gap:16px;margin-bottom:8px}.module-title{color:#222;font-size:1.5rem;font-weight:700}.module-badge{background:#e6f4ea;border-radius:6px;color:#4caf50;font-size:.95rem;font-weight:600;padding:2px 10px}.module-topics{color:#666;font-size:1rem;margin-bottom:8px}.module-topic{background:#e3f2fd;border-radius:4px;color:#1976d2;font-size:.95rem;margin-left:6px;padding:2px 8px}.module-desc{color:#444;font-size:1.05rem;margin-bottom:16px}.module-progress-row{display:flex;gap:32px}.module-progress-item{align-items:center;color:#666;display:flex;font-size:1rem;gap:10px}.progress-icon{align-items:center;background:#f7fafd;border-radius:50%;display:flex;font-size:1.3rem;height:36px;justify-content:center;width:36px}.progress-icon.lessons:before{content:"\1F4D6"}.progress-icon.projects:before{content:"\1F680"}.progress-icon.quizzes:before{content:"\1F4DD"}.progress-count{color:#222;font-weight:700}.lessons-list-refined{margin-top:24px}.lesson-card-refined{align-items:flex-start;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000a;display:flex;margin-bottom:24px;padding:20px 24px}.lesson-date-box{align-items:center;background:#f7fafd;border-radius:8px;color:#888;display:flex;font-size:1.1rem;font-weight:600;justify-content:center;margin-right:24px;min-width:140px;padding:16px 8px;text-align:center}.lesson-date-time{align-items:center;display:flex;flex-direction:column;gap:4px}.lesson-time{color:#555;font-size:1.2rem;font-weight:700}.lesson-date{color:#777;font-size:.9rem;font-weight:500}.lesson-main-content{flex:1 1}.lesson-title-row{align-items:center;display:flex;gap:16px;margin-bottom:6px}.lesson-title{color:#222;font-size:1.15rem;font-weight:700}.lesson-status{font-size:1rem;font-weight:600;margin-left:8px}.lesson-status.completed{color:#f36}.lesson-status.scheduled{color:#5abefa}.lesson-status.incomplete{color:#ff9800}.lesson-desc{color:#444;font-size:1rem;margin-bottom:8px;text-align:left}.lesson-meta-row{color:#888;display:flex;flex-wrap:wrap;font-size:.98rem;gap:24px;margin-bottom:8px}.lesson-meta-batch{color:#666;font-size:.9em}.batch-archived{color:#999;font-style:italic}.lesson-status-icons-row{display:flex;gap:18px;margin-bottom:8px}.lesson-status-icon{align-items:center;color:#f36;display:flex;font-size:.98rem;gap:4px}.lesson-details-link{color:#5abefa;display:inline-block;float:left;font-size:1rem;font-weight:600;margin-top:6px;text-align:left;text-decoration:none}.modules-list{display:flex;flex-direction:column;gap:32px}.module-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:24px}.no-modules-message{color:#888;font-size:1.1rem;padding:48px 24px;text-align:center}.no-modules-message p{margin:0}.view-lessons-toggle{background:none;border:none;color:#5abefa;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:4px;padding:4px 0;text-decoration:underline;transition:color .2s}.view-lessons-toggle:hover{color:#4a9fd8}.view-lessons-toggle:focus{color:#4a9fd8;outline:none}.module-toggle-section{margin-top:12px;text-align:left}.lesson-activities{border-top:1px solid #eee;margin-top:20px;padding-top:15px}.lesson-activities h3{color:#333;margin-bottom:10px}.lesson-activities ul{list-style:none;padding:0}.lesson-activities li{background-color:#f0f8ff;border:1px solid #e0e0e0;border-radius:5px;margin-bottom:10px;padding:10px}.lesson-activities li strong{color:#007bff}.activity-screenshots{margin-top:10px}.activity-screenshots h4{color:#555;margin-bottom:5px}.screenshot-gallery{display:flex;flex-wrap:wrap;gap:10px}.activity-screenshot{border:1px solid #ddd;border-radius:5px;height:auto;max-width:150px}.lesson-detail-container{padding:20px}.lesson-section{background:#0000;border-radius:0;box-shadow:none;margin-bottom:0;padding:0;text-align:left}.lesson-section h3{color:#222;font-size:1.3rem;font-weight:600;margin-bottom:16px;text-align:left}.lesson-section div{color:#333;line-height:1.6;text-align:left}.lesson-content{background:#0000;border-radius:0;box-shadow:none;margin-bottom:0;padding:0;text-align:left}.lesson-content h3{color:#222;font-size:1.3rem;font-weight:600;margin-bottom:16px;text-align:left}.lesson-content div{color:#333;line-height:1.6;text-align:left}.lesson-video{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;margin-bottom:24px;padding:32px;text-align:left}.lesson-video h3{color:#222;font-size:1.3rem;font-weight:600;margin-bottom:16px;text-align:left}.lesson-video a{color:var(--brand-primary);font-weight:600;text-align:left;text-decoration:none}.lesson-video a:hover{text-decoration:underline}.back-to-lessons{color:var(--brand-primary);display:block;font-size:1.1rem;font-weight:600;margin-bottom:24px}.lesson-summary-card{text-align:left}.lesson-overview-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px;text-align:left}.student-activities-header{margin:0}.student-activity-student-block{border-bottom:1px solid #f2f2f2;text-align:left}.student-activity-student-info{gap:12px;margin-bottom:16px;padding:8px}.student-activity-student-info:hover{background-color:#f8f9fa}.student-activity-student-info.clickable{cursor:pointer}.toggle-arrow{font-size:1.2rem;margin-left:auto}.student-activities-list{animation:slideDown .3s ease-out;overflow:hidden}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:1000px;opacity:1}}.student-profile-pic{flex-shrink:0;height:48px;width:48px}.student-profile-placeholder{background:var(--brand-primary);font-size:1.2rem;text-transform:uppercase}.student-info-text{flex-grow:1;min-width:0}.student-activity-student-name{font-size:1.2rem;margin-bottom:4px;text-align:left}.student-grade{font-size:.9rem;font-weight:500;text-align:left}.student-activity-item{border-bottom:1px solid #f2f2f2;padding:18px 24px 12px;text-align:left}.student-activity-title{font-size:1.1rem;margin-bottom:4px;text-align:left}.student-activity-desc{color:#333;font-size:1rem;margin-bottom:8px;text-align:left}.student-activity-status{text-align:left}.student-activity-status.not-submitted{background:#ffeceb;border-left:4px solid var(--brand-primary);color:var(--brand-primary)}.student-activity-status.not-submitted,.student-activity-status.submitted{border-radius:4px;font-size:1rem;margin-bottom:8px;padding:8px 12px;text-align:left}.student-activity-status.submitted{background:#e8f5e8;border-left:4px solid #28a745;color:#28a745}.student-activity-submit-form{margin-top:8px;text-align:left}.student-activity-submit-form input{border:1px solid #ddd;border-radius:4px;font-size:.9rem;margin-bottom:8px;padding:8px 12px;width:100%}.student-activity-submit-form button{background:var(--brand-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px}.student-activity-submit-form button:hover{background:#4a9fd8}.student-activity-submit-form button:disabled{background:#ccc;cursor:not-allowed}.activity-submit-btn:disabled{background:#ccc}.modal-content{box-shadow:0 4px 20px #00000026;padding:32px}.form-group{text-align:left}.form-group label{font-size:1rem}.form-group input,.form-group select{border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:12px;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--brand-primary);box-shadow:0 0 0 2px #5abefa1a;outline:none}.modal-actions button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:background-color .2s}.modal-actions .submit-btn{background:#3498db;color:#fff}.modal-actions .submit-btn:hover{box-shadow:0 4px 8px #3498db4d;transform:translateY(-1px)}.modal-actions .cancel-btn{background:#f8f9fa;border:1px solid #ddd;color:#333}.modal-actions .cancel-btn:hover{background:#e9ecef}.selected-activity{padding:16px}.selected-activity strong{color:#333;font-size:1.1rem}.selected-activity p{margin-bottom:0;margin-top:8px}.activity-detail-card{overflow:visible}.activity-detail-header{font-size:1.3rem;font-weight:600;text-align:left}.activity-detail-section{text-align:left}.activity-detail-label{color:#222;font-size:1.1rem;font-weight:600;margin-bottom:4px}.activity-detail-value{color:#555;font-size:1rem}.activity-detail-code{background:#f7f7f7;color:#222;font-family:Fira Mono,Consolas,Menlo,monospace;font-size:1rem;margin-bottom:16px;margin-top:8px}@media (max-width:900px){.lesson-main-flex{flex-direction:column}.lesson-overview-section,.student-activities-box{flex-basis:100%;max-width:100%}.student-activities-box{margin-top:24px}}.rbc-btn{color:inherit;font:inherit;margin:0}button.rbc-btn{-webkit-appearance:button;appearance:button;cursor:pointer;overflow:visible;text-transform:none}button[disabled].rbc-btn{cursor:not-allowed}button.rbc-input::-moz-focus-inner{border:0;padding:0}.rbc-calendar{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:column;height:100%}.rbc-m-b-negative-3{margin-bottom:-3px}.rbc-h-full{height:100%}.rbc-calendar *,.rbc-calendar :after,.rbc-calendar :before{box-sizing:inherit}.rbc-abs-full,.rbc-row-bg{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.rbc-ellipsis,.rbc-event-label,.rbc-row-segment .rbc-event-content,.rbc-show-more{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rbc-rtl{direction:rtl}.rbc-off-range{color:#999}.rbc-off-range-bg{background:#e6e6e6}.rbc-header{border-bottom:1px solid #ddd;flex:1 0;font-size:90%;font-weight:700;min-height:0;overflow:hidden;padding:0 3px;text-align:center;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.rbc-header+.rbc-header{border-left:1px solid #ddd}.rbc-rtl .rbc-header+.rbc-header{border-left-width:0;border-right:1px solid #ddd}.rbc-header>a,.rbc-header>a:active,.rbc-header>a:visited{color:inherit;text-decoration:none}.rbc-button-link{background:none;border:none;color:inherit;cursor:pointer;margin:0;padding:0;-webkit-user-select:text;user-select:text}.rbc-row-content{position:relative;user-select:none;-webkit-user-select:none;z-index:4}.rbc-row-content-scrollable{display:flex;flex-direction:column;height:100%}.rbc-row-content-scrollable .rbc-row-content-scroll-container{-ms-overflow-style:none;height:100%;overflow-y:scroll;scrollbar-width:none}.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar{display:none}.rbc-today{background-color:#eaf6ff}.rbc-toolbar{align-items:center;display:flex;flex-wrap:wrap;font-size:16px;justify-content:center;margin-bottom:10px}.rbc-toolbar .rbc-toolbar-label{flex-grow:1;padding:0 10px;text-align:center}.rbc-toolbar button{background:none;background-image:none;border:1px solid #ccc;border-radius:4px;color:#373a3c;display:inline-block;line-height:normal;margin:0;padding:.375rem 1rem;text-align:center;vertical-align:middle;white-space:nowrap}.rbc-toolbar button.rbc-active,.rbc-toolbar button:active{background-color:#e6e6e6;background-image:none;border-color:#adadad;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.rbc-toolbar button.rbc-active:focus,.rbc-toolbar button.rbc-active:hover,.rbc-toolbar button:active:focus,.rbc-toolbar button:active:hover{background-color:#d4d4d4;border-color:#8c8c8c;color:#373a3c}.rbc-toolbar button:focus,.rbc-toolbar button:hover{background-color:#e6e6e6;border-color:#adadad;color:#373a3c}.rbc-toolbar button:hover{cursor:pointer}.rbc-btn-group{display:inline-block;white-space:nowrap}.rbc-btn-group>button:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.rbc-btn-group>button:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.rbc-rtl .rbc-btn-group>button:first-child:not(:last-child){border-radius:4px;border-bottom-left-radius:0;border-top-left-radius:0}.rbc-rtl .rbc-btn-group>button:last-child:not(:first-child){border-radius:4px;border-bottom-right-radius:0;border-top-right-radius:0}.rbc-btn-group>button:not(:first-child):not(:last-child){border-radius:0}.rbc-btn-group button+button{margin-left:-1px}.rbc-rtl .rbc-btn-group button+button{margin-left:0;margin-right:-1px}.rbc-btn-group+.rbc-btn-group,.rbc-btn-group+button{margin-left:10px}@media (max-width:767px){.rbc-toolbar{flex-direction:column}}.rbc-day-slot .rbc-background-event,.rbc-event{background-color:#3174ad;border:none;border-radius:5px;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;margin:0;padding:2px 5px;text-align:left;width:100%}.rbc-day-slot .rbc-slot-selecting .rbc-background-event,.rbc-slot-selecting .rbc-day-slot .rbc-background-event,.rbc-slot-selecting .rbc-event{cursor:inherit;pointer-events:none}.rbc-day-slot .rbc-selected.rbc-background-event,.rbc-event.rbc-selected{background-color:#265985}.rbc-day-slot .rbc-background-event:focus,.rbc-event:focus{outline:5px auto #3b99fc}.rbc-event-label{font-size:80%}.rbc-event-overlaps{box-shadow:-1px 1px 5px 0 #33333380}.rbc-event-continues-prior{border-bottom-left-radius:0;border-top-left-radius:0}.rbc-event-continues-after{border-bottom-right-radius:0;border-top-right-radius:0}.rbc-event-continues-earlier{border-top-left-radius:0;border-top-right-radius:0}.rbc-event-continues-later{border-bottom-left-radius:0;border-bottom-right-radius:0}.rbc-row{display:flex;flex-direction:row}.rbc-row-segment{padding:0 1px 1px}.rbc-selected-cell{background-color:#0000001a}.rbc-show-more{background-color:#ffffff4d;color:#3174ad;font-size:85%;font-weight:700;height:auto;line-height:normal;z-index:4}.rbc-show-more:focus,.rbc-show-more:hover{color:#265985}.rbc-month-view{border:1px solid #ddd;display:flex;flex:1 0;flex-direction:column;height:100%;position:relative;user-select:none;-webkit-user-select:none;width:100%}.rbc-month-header{display:flex;flex-direction:row}.rbc-month-row{display:flex;flex:1 0;flex-basis:0px;flex-direction:column;height:100%;overflow:hidden;position:relative}.rbc-month-row+.rbc-month-row{border-top:1px solid #ddd}.rbc-date-cell{flex:1 1;min-width:0;padding-right:5px;text-align:right}.rbc-date-cell.rbc-now{font-weight:700}.rbc-date-cell>a,.rbc-date-cell>a:active,.rbc-date-cell>a:visited{color:inherit;text-decoration:none}.rbc-row-bg{display:flex;flex:1 0;flex-direction:row;overflow:hidden;right:1px}.rbc-day-bg{flex:1 0}.rbc-day-bg+.rbc-day-bg{border-left:1px solid #ddd}.rbc-rtl .rbc-day-bg+.rbc-day-bg{border-left-width:0;border-right:1px solid #ddd}.rbc-overlay{background-color:#fff;border:1px solid #e5e5e5;box-shadow:0 5px 15px #00000040;padding:10px;position:absolute;z-index:5}.rbc-overlay>*+*{margin-top:1px}.rbc-overlay-header{border-bottom:1px solid #e5e5e5;margin:-10px -10px 5px;padding:2px 10px}.rbc-agenda-view{display:flex;flex:1 0;flex-direction:column;overflow:auto}.rbc-agenda-view table.rbc-agenda-table{border:1px solid #ddd;border-collapse:collapse;border-spacing:0;width:100%}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td{padding:5px 10px;vertical-align:top}.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell{padding-left:15px;padding-right:15px;text-transform:lowercase}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left-width:0;border-right:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table tbody>tr+tr{border-top:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table thead>tr>th{border-bottom:1px solid #ddd;padding:3px 5px;text-align:left}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead>tr>th{text-align:right}.rbc-agenda-time-cell{text-transform:lowercase}.rbc-agenda-time-cell .rbc-continues-after:after{content:" »"}.rbc-agenda-time-cell .rbc-continues-prior:before{content:"« "}.rbc-agenda-date-cell,.rbc-agenda-time-cell{white-space:nowrap}.rbc-agenda-event-cell{width:100%}.rbc-time-column{display:flex;flex-direction:column;min-height:100%}.rbc-time-column .rbc-timeslot-group{flex:1 1}.rbc-timeslot-group{border-bottom:1px solid #ddd;display:flex;flex-flow:column nowrap;min-height:40px}.rbc-header-gutter,.rbc-time-gutter{flex:none}.rbc-label{padding:0 5px}.rbc-day-slot{position:relative}.rbc-day-slot .rbc-events-container{bottom:0;left:0;margin-right:10px;position:absolute;right:0;top:0}.rbc-day-slot .rbc-events-container.rbc-rtl{left:10px;right:0}.rbc-day-slot .rbc-background-event,.rbc-day-slot .rbc-event{align-items:flex-start;border:1px solid #265985;display:flex;flex-flow:column wrap;max-height:100%;min-height:20px;overflow:hidden;position:absolute}.rbc-day-slot .rbc-background-event{opacity:.75}.rbc-day-slot .rbc-event-label{flex:none;padding-right:5px;width:auto}.rbc-day-slot .rbc-event-content{word-wrap:break-word;flex:1 1;height:100%;line-height:1;min-height:1em;width:100%}.rbc-day-slot .rbc-time-slot{border-top:1px solid #f7f7f7}.rbc-time-view-resources .rbc-time-gutter,.rbc-time-view-resources .rbc-time-header-gutter{background-color:#fff;border-right:1px solid #ddd;left:0;margin-right:-1px;position:-webkit-sticky;position:sticky;z-index:10}.rbc-time-view-resources .rbc-time-header{overflow:hidden}.rbc-time-view-resources .rbc-time-header-content{flex:1 0;flex-basis:0px;min-width:auto}.rbc-time-view-resources .rbc-time-header-cell-single-day{display:none}.rbc-time-view-resources .rbc-day-slot{min-width:140px}.rbc-time-view-resources .rbc-day-bg,.rbc-time-view-resources .rbc-header{flex:1 1;flex-basis:0 px;width:140px}.rbc-time-header-content+.rbc-time-header-content{margin-left:-1px}.rbc-time-slot{flex:1 0}.rbc-time-slot.rbc-now{font-weight:700}.rbc-day-header{text-align:center}.rbc-slot-selection{background-color:#00000080;color:#fff;font-size:75%;padding:3px;position:absolute;width:100%;z-index:10}.rbc-slot-selecting{cursor:move}.rbc-time-view{border:1px solid #ddd;display:flex;flex:1 1;flex-direction:column;min-height:0;width:100%}.rbc-time-view .rbc-time-gutter{text-align:right;white-space:nowrap}.rbc-time-view .rbc-allday-cell{box-sizing:initial;height:100%;position:relative;width:100%}.rbc-time-view .rbc-allday-cell+.rbc-allday-cell{border-left:1px solid #ddd}.rbc-time-view .rbc-allday-events{position:relative;z-index:4}.rbc-time-view .rbc-row{box-sizing:border-box;min-height:20px}.rbc-time-header{display:flex;flex:0 0 auto;flex-direction:row}.rbc-time-header.rbc-overflowing{border-right:1px solid #ddd}.rbc-rtl .rbc-time-header.rbc-overflowing{border-left:1px solid #ddd;border-right-width:0}.rbc-time-header>.rbc-row.rbc-row-resource,.rbc-time-header>.rbc-row:first-child{border-bottom:1px solid #ddd}.rbc-time-header-cell-single-day{display:none}.rbc-time-header-content{border-left:1px solid #ddd;display:flex;flex:1 1;flex-direction:column;min-width:0}.rbc-rtl .rbc-time-header-content{border-left-width:0;border-right:1px solid #ddd}.rbc-time-header-content>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd;flex-shrink:0}.rbc-time-content{align-items:flex-start;border-top:2px solid #ddd;display:flex;flex:1 0;overflow-y:auto;position:relative;width:100%}.rbc-time-content>.rbc-time-gutter{flex:none}.rbc-time-content>*+*>*{border-left:1px solid #ddd}.rbc-rtl .rbc-time-content>*+*>*{border-left-width:0;border-right:1px solid #ddd}.rbc-time-content>.rbc-day-slot{user-select:none;-webkit-user-select:none;width:100%}.rbc-current-time-indicator{background-color:#74ad31;height:1px;left:0;pointer-events:none;position:absolute;right:0;z-index:3}.rbc-resource-grouping.rbc-time-header-content{display:flex;flex-direction:column}.rbc-resource-grouping .rbc-row .rbc-header{width:141px}:root{--brand-primary:#5abefa;--brand-primary-light:#d6e6f2}.teacher-calendar-container{padding:20px}.rbc-event-content{display:block;font-size:12px;overflow:visible;text-overflow:clip;white-space:normal}.rbc-event-label{font-size:100%;line-height:normal}.modal-overlay{background-color:#000000b3}.modal-content{border:1px solid #eaf1ff;box-shadow:0 20px 40px #00000040;max-width:92vw;overflow:hidden;width:560px}.modal-content>.modal-header{background:#5abefa;background:var(--brand-primary,#5abefa);color:#fff;font-weight:800;letter-spacing:.2px;padding:14px 16px}.modal-content>.modal-body{padding:16px}.modal-section{background:#f8fbff;border:1px solid #eaf1ff;border-radius:12px;margin:10px 0;padding:12px}.kv{align-items:center;display:flex;gap:8px}.kv .k{color:#334155;min-width:110px;text-align:left}.kv .v{color:#0b132b;font-weight:500}.modal-content h2,.modal-content h3,.modal-content h4{color:#333;margin-bottom:15px}.modal-content p{line-height:1.5;margin-bottom:10px}.modal-actions{gap:10px;margin-top:20px}.btn-primary{background:#5abefa;background:var(--brand-primary,#5abefa);border:0;border-radius:10px;color:#0b132b;font-weight:700;padding:10px 14px}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background:#f3f4f6;border:0;border-radius:10px;color:#0b132b;padding:10px 14px}.btn-secondary:hover{background-color:#5a6268}.btn-danger{background:#e11d48;border:0;border-radius:10px;color:#fff;cursor:pointer;padding:10px 14px}.btn-danger:hover{background-color:#c82333}.student-details-scroll-container{-webkit-overflow-scrolling:touch;max-height:200px;overflow-y:auto;padding-bottom:10px}.student-detail-box{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:5px;box-shadow:0 2px 4px #0000000d;margin-bottom:10px;padding:15px;width:100%}.student-detail-box:last-child{margin-bottom:0}.class-video-container{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #00000014;margin:20px;padding:20px}.video-actions{display:flex;flex-direction:column;gap:12px}.video-action-item{align-items:center;background:#5abefa;background:var(--brand-primary);border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:12px;padding:12px 16px;text-decoration:none;transition:all .2s ease}.video-action-item:hover{background:#4a90e2;color:#fff;text-decoration:none;transform:translateY(-1px)}.action-icon{font-size:18px;font-weight:700}.action-text{font-size:14px}.student-detail-box p{font-size:14px;margin-bottom:5px}.student-detail-box p strong{color:#555}.date-button,.time-button{background-color:#e9ecef;border:1px solid #ced4da;font-size:14px;transition:background-color .2s,border-color .2s}.date-button:hover,.time-button:hover{background-color:#dee2e6}.date-button.selected:hover,.time-button.selected:hover{background-color:#0056b3;border-color:#0056b3}.book-button{font-size:18px;padding:12px;width:100%}.book-button:disabled{background-color:#ccc;cursor:not-allowed}.rbc-toolbar .rbc-btn-group button,.rbc-toolbar button{background:#fff;border:1.5px solid #5abefa;border:1.5px solid var(--brand-primary);border-radius:5px;color:#5abefa;color:var(--brand-primary);font-weight:600;transition:background .2s,color .2s}.rbc-toolbar button:focus,.rbc-toolbar button:hover{background:#5abefa;background:var(--brand-primary);color:#fff}.rbc-toolbar .rbc-active{background:#5abefa!important;background:var(--brand-primary)!important;border-color:#5abefa!important;border-color:var(--brand-primary)!important;color:#fff!important}.class-detail-page{background-color:#f4f7f6;display:flex;min-height:calc(100vh - 60px)}.class-detail-page .sidebar{background-color:#2c3e50;box-shadow:2px 0 5px #0000001a;color:#ecf0f1;padding:20px;width:250px}.sidebar h3{color:#3498db;font-size:1.5em;margin-bottom:30px;text-align:center}.sidebar ul{list-style:none;padding:0}.sidebar ul li{margin-bottom:15px}.sidebar ul li a{border-radius:5px;color:#ecf0f1;display:block;font-size:1.1em;padding:10px 15px;text-decoration:none;transition:background-color .3s ease}.class-detail-page .sidebar ul li a:hover{background-color:#34495e}.main-content{flex-grow:1;overflow-y:auto;padding:30px}.main-content h2{color:#2c3e50;font-size:2.5em;margin-bottom:30px;text-align:center}.card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #00000014;margin-bottom:30px;padding:25px}.card h3{border-bottom:2px solid #eee;color:#3498db;font-size:1.8em;margin-bottom:20px;margin-top:0;padding-bottom:10px}.card p{color:#333;font-size:1.1em;line-height:1.6;margin-bottom:10px}.card strong{color:#555;display:inline-block;min-width:80px}.lesson-info .activities-section{border-top:1px solid #eee;margin-top:30px;padding-top:20px}.lesson-info .activities-section h4{color:#2c3e50;font-size:1.6em;margin-bottom:20px}.activity-card{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:15px;padding:20px}.activity-card h5{color:#2980b9;font-size:1.3em;margin-bottom:10px;margin-top:0}.activity-card h6{color:#666;font-size:1.1em;margin-bottom:5px;margin-top:15px}.activity-card p{font-size:1em;line-height:1.5}.activity-card a{color:#3498db;text-decoration:none}.activity-card a:hover{text-decoration:underline}.error-message{font-size:1.2em;font-weight:700;margin-top:50px}.lesson-detail-container{margin:0;padding:0;width:100%}.back-to-lessons{color:#3498db;display:inline-block;font-weight:500;margin-bottom:20px;text-align:left;text-decoration:none}.back-to-lessons:hover{text-decoration:underline}.lesson-summary-card{border:1.5px solid #5abefa33;border-radius:12px;box-shadow:0 2px 8px #5abefa14}.class-recording-section,.lesson-summary-card{background:#fff;margin-bottom:24px;padding:24px}.class-recording-section{border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #00000014;text-align:left}.class-recording-section h3{color:#222;font-size:1.3rem;font-weight:600;margin:0 0 16px;text-align:left}.class-recording-player{border-radius:8px;box-shadow:0 2px 8px #0000001a;height:auto;max-width:100%;width:100%}.lesson-summary-title{color:#222;font-size:24px;font-weight:600;margin:0 0 16px}.lesson-summary-objective{color:#666;font-size:16px;line-height:1.5;margin-bottom:20px}.lesson-summary-meta-row{display:flex;flex-wrap:wrap;gap:32px}.lesson-summary-meta{flex:1 1;min-width:200px}.lesson-summary-meta-label{color:#888;font-size:14px;font-weight:500;margin-bottom:8px}.lesson-summary-meta-value{color:#222;font-size:16px;font-weight:500}.lesson-summary-meta-value.teacher{color:#3498db}.lesson-summary-meta-value.date{color:#27ae60}.lesson-details-container{align-items:flex-start;display:flex;gap:32px;margin-top:24px;padding:0}.lesson-overview-section{flex-basis:66.67%;max-width:66.67%}.student-activities-container{align-self:flex-start;display:flex;flex-basis:33.33%;flex-direction:column;gap:24px;max-width:33.33%}.lesson-main-flex .student-activities-box{margin-bottom:0}.lesson-content,.lesson-section{margin:0}.activity-detail-card,.lesson-content,.lesson-section{background:#0000;border-radius:0;box-shadow:none;padding:0}.activity-detail-card{margin:32px 0 0}.activity-detail-header{background:#0000;border-radius:0;color:#222;margin-bottom:16px;padding:0}.activity-detail-section{padding:0}.activity-detail-label{color:#888;font-size:14px;font-weight:500;margin-bottom:8px}.activity-detail-value{color:#222;font-size:16px;line-height:1.5;margin-bottom:16px}.activity-detail-value a{color:#3498db;text-decoration:none}.activity-detail-value a:hover{text-decoration:underline}.activity-detail-code{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;font-family:Courier New,monospace;font-size:14px;line-height:1.4;overflow-x:auto;padding:16px;white-space:pre-wrap}.activity-badge{background:#3498db;border-radius:20px;box-shadow:0 2px 8px #3498db4d;color:#fff;display:inline-block;font-size:14px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all .3s ease}.activity-badge:hover{box-shadow:0 4px 12px #3498db66;transform:translateY(-2px)}.student-activities-box{background:#fff;border:1.5px solid #5abefa33;border-radius:12px;box-shadow:0 2px 8px #5abefa14;margin-bottom:24px;margin-top:0;padding:0 0 24px;text-align:left}.student-activities-header{background:#3498db;border-radius:12px 12px 0 0;color:#fff;font-size:16px;font-weight:600;padding:16px 20px;text-align:left}.student-activity-student-block{margin-bottom:16px;padding:0}.student-activity-student-info{align-items:center;background:#f8f9fa;border-radius:8px;cursor:pointer;display:flex;margin:0 20px 8px;padding:12px 20px;transition:background-color .2s ease}.student-activity-student-info:hover{background:#e9ecef}.student-profile-pic{border-radius:50%;height:40px;margin-right:12px;overflow:hidden;position:relative;width:40px}.student-profile-pic img{height:100%;object-fit:cover;width:100%}.student-profile-placeholder{align-items:center;background:#3498db;color:#fff;display:flex;font-size:18px;font-weight:600;height:100%;justify-content:center;width:100%}.student-info-text{flex:1 1}.student-activity-student-name{color:#222;font-size:14px;font-weight:600}.student-grade{color:#666;font-size:12px;margin-top:2px}.toggle-arrow{color:#666;font-size:12px;transition:transform .2s ease}.student-activities-list{padding:0 20px}.student-activity-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:12px;padding:16px}.student-activity-title{color:#222;font-size:14px;font-weight:600;margin-bottom:8px}.student-activity-desc{color:#666;font-size:13px;line-height:1.4;margin-bottom:12px}.student-activity-status{font-size:12px;font-weight:500;margin-bottom:8px}.student-activity-status.submitted{color:#27ae60}.student-activity-status.submitted a{color:#27ae60;text-decoration:none}.student-activity-status.submitted a:hover{text-decoration:underline}.student-activity-status.not-submitted{color:#e74c3c}.submitted-by-teacher{color:#f39c12;font-style:italic}.activity-submit-btn{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:12px;font-weight:500;margin-top:8px;padding:8px 16px;transition:all .3s ease;width:100%}.activity-submit-btn:hover{box-shadow:0 4px 8px #3498db4d;transform:translateY(-1px)}.activity-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.submission-modal{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{max-height:80vh;padding:24px}.modal-content h3{color:#222;font-size:18px;font-weight:600;margin:0 0 20px}.form-group label{color:#222;font-weight:500}.form-group input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:12px;transition:border-color .3s ease;width:100%}.form-group input:focus{border-color:#667eea;outline:none}.selected-activity{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-top:8px;padding:12px}.selected-activity strong{color:#222;display:block;font-size:14px;margin-bottom:4px}.selected-activity p{color:#666;font-size:13px;line-height:1.4;margin:0}.modal-actions{margin-top:24px}.cancel-btn{font-size:14px;padding:10px 20px;transition:background-color .3s ease}.cancel-btn:hover{background:#5a6268}.submit-btn{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s ease}.submit-btn:hover{box-shadow:0 4px 8px #3498db4d;transform:translateY(-1px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.review-projects-container{box-sizing:border-box;margin:0;padding:24px;width:100%}.project-stats-summary{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;box-sizing:border-box;margin-bottom:32px;padding:24px;width:100%}.project-stats-summary h2{color:#333;font-size:1.5rem;font-weight:700;margin-bottom:8px;text-align:left}.stats-description{color:#666;font-size:.9rem;line-height:1.5;margin-bottom:24px;text-align:left}.stats-grid{align-items:flex-start;display:flex;gap:24px;width:100%}.stat-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;flex:1 1;min-width:0;padding:20px;text-align:center}.stat-value{display:block;font-size:2.5rem;font-weight:700;margin-bottom:12px}.stat-value.projects-under-review{color:#ffc107}.stat-value.projects-reviewed{color:#007bff}.stat-label{color:#333;font-size:.9rem;font-weight:500;text-align:center}.project-submissions-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;box-sizing:border-box;padding:24px;width:100%}.submissions-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.tabs{border:1px solid #e9ecef;border-radius:8px;display:flex;gap:0;overflow:hidden}.tab{font-weight:500;padding:12px 24px}.filter-section{align-items:center;display:flex;gap:8px}.filter-section label{color:#666;font-size:.9rem;font-weight:500}.student-filter{background:#fff;border:1px solid #ddd;border-radius:6px;font-size:.9rem;padding:8px 12px}.submissions-list{display:flex;flex-direction:column;gap:20px}.project-card{border:1px solid #e9ecef;box-shadow:0 2px 4px #0000000d;gap:24px;padding:24px}.project-thumbnail{background:#f8f9fa;border-radius:8px;flex-shrink:0;height:200px;overflow:hidden;width:200px}.project-thumbnail img{height:100%;object-fit:cover;width:100%}.project-details{display:flex;flex:1 1;flex-direction:column;gap:16px}.project-title{font-size:1.4rem;text-align:left}.project-lesson-name{color:#007bff;font-size:1rem;font-weight:600;margin:0 0 8px;text-align:left}.project-description{font-size:.9rem;margin:0 0 16px;text-align:left}.submission-info{background:#f8f9fa;border-radius:8px;padding:16px}.info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{color:#666;font-size:.8rem;font-weight:500}.info-value{color:#333;font-size:.9rem;font-weight:600}.review-button{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:background-color .2s}.review-button:hover{background:#c82333}.points{font-size:.9rem}.info-icon{font-size:.8rem}.loading,.no-submissions{color:#666;font-size:1rem;padding:40px;text-align:center}@media (max-width:768px){.stats-grid{flex-direction:column;gap:24px}.stat-card{padding:20px}.stat-value{font-size:2.5rem}.project-stats-summary{padding:24px}.submissions-header{align-items:flex-start}.project-card,.submissions-header{flex-direction:column}.project-thumbnail{height:200px;width:100%}.info-grid{grid-template-columns:1fr}.project-actions{align-items:flex-start;flex-direction:column;gap:12px}}.reviewed-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.review-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.review-modal{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:600px;overflow-y:auto;padding:24px;text-align:left;width:90%}.review-modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.review-modal-header h3{color:#333;font-size:1.4rem;font-weight:600;margin:0}.close-modal-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:1.5rem;padding:4px;transition:color .2s}.close-modal-btn:hover{color:#333}.feedback-section,.rating-section,.review-modal-content,.submission-link-section{margin-bottom:24px}.feedback-section h4,.rating-section h4,.submission-link-section h4{color:#333;font-size:1rem;font-weight:600;margin:0 0 12px}.submission-link{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#007bff;display:block;font-size:.9rem;padding:8px 12px;text-decoration:none;word-break:break-all}.submission-link:hover{background:#e9ecef}.star-rating-input{align-items:center;display:flex;gap:8px;justify-content:flex-start}.star-btn{background:none;border:none;color:#ddd;cursor:pointer;font-size:1.5rem;padding:4px;transition:color .2s}.star-btn.filled,.star-btn:hover{color:#ffc107}.rating-text{font-size:.9rem;margin-left:8px;text-align:left}.feedback-textarea{border:1px solid #e9ecef;border-radius:6px;font-family:inherit;font-size:.9rem;min-height:100px;padding:12px;resize:vertical;text-align:left;width:100%}.feedback-textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.review-modal-actions{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding-top:16px}.cancel-btn{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:background-color .2s}.cancel-btn:hover:not(:disabled){background:#5a6268}.submit-review-btn{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:background-color .2s}.submit-review-btn:hover:not(:disabled){background:#218838}.cancel-btn:disabled,.submit-review-btn:disabled{cursor:not-allowed;opacity:.6}.my-projects-container{box-sizing:border-box;margin:0;padding:24px;width:100%}.projects-tabs{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #0000000a;display:flex;gap:0;margin-bottom:32px;overflow:hidden}.tab{background:#f8f9fa;border:none;color:#666;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:all .2s}.tab.active{background:#dc3545;color:#fff}.tab:hover:not(.active){background:#e9ecef}.projects-content{display:flex;flex-direction:column;gap:24px;text-align:left}.no-projects{color:#666;font-size:18px;padding:60px;text-align:center}.no-projects,.project-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a}.project-card{display:flex;max-width:100%;min-height:300px;overflow:hidden}.project-illustration{background:linear-gradient(135deg,#f8f9fa,#e9ecef);flex:0 0 350px;padding:20px}.illustration-content,.project-illustration{align-items:center;display:flex;justify-content:center;position:relative}.illustration-content{height:100%;width:100%}.penguin-character{position:relative;z-index:2}.penguin-body{background:#333;border-radius:50px 50px 25px 25px;height:100px;margin-bottom:10px;position:relative;width:80px}.penguin-eyes{display:flex;gap:15px;left:50%;position:absolute;top:20px;transform:translateX(-50%)}.eye{background:#fff;height:12px;position:relative;width:12px}.eye,.eye:after{border-radius:50%}.eye:after{background:#333;content:"";height:6px;left:2px;position:absolute;top:2px;width:6px}.penguin-feet{bottom:-5px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%)}.foot{background:#ff6b35;border-radius:8px;height:8px;width:15px}.penguin-mug{position:absolute;right:-20px;top:30px}.mug-body{align-items:center;background:#dc3545;border-radius:0 0 12px 12px;display:flex;flex-direction:column;height:30px;justify-content:center;position:relative;width:25px}.heart{color:#fff;font-size:8px;margin-bottom:2px}.code-text{color:#fff;font-size:6px;font-weight:700}.server-racks{display:flex;flex-direction:column;gap:8px;left:20px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.server-rack{align-items:center;background:#007bff;border-radius:4px;display:flex;height:25px;justify-content:center;width:40px}.rack-lights{display:flex;gap:4px}.light{animation:blink 2s infinite;background:#ffc107;border-radius:50%;height:6px;width:6px}.light:nth-child(2){animation-delay:.5s}.light:nth-child(3){animation-delay:1s}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.cloud-background{background:#c8c8c84d;border-radius:30px;height:40px;position:absolute;right:20px;top:20px;width:60px;z-index:1}.project-info{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:32px;text-align:left}.project-title{align-items:center;color:#333;display:flex;flex-wrap:wrap;font-size:24px;font-weight:700;gap:12px;margin:0 0 8px}.invalid-tag{background:#dc3545;border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px;white-space:nowrap}.project-lesson{background:#f0f8ff;border-left:4px solid #5abefa;border-radius:6px;color:#5abefa;font-size:16px;font-weight:600;margin:0 0 16px;padding:8px 12px}.project-description{color:#666;font-size:16px;line-height:1.5;margin:0 0 24px}.project-due-date{margin-bottom:24px}.due-date-text{color:#333;display:block;font-size:16px;font-weight:600;margin-bottom:4px}.due-date-label{color:#666;font-size:14px}.project-actions{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.submit-button{background:#fff;border:2px solid #dc3545;border-radius:6px;color:#dc3545;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s}.submit-button:hover{background:#dc3545;color:#fff}.submission-status{display:flex;flex-direction:column;gap:4px}.status-text{color:#28a745;font-size:16px;font-weight:600}.submission-date{color:#666;font-size:14px}.update-submission-button{background:#17a2b8;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:8px;padding:8px 16px;transition:background-color .2s}.update-submission-button:hover{background:#138496}.review-status{display:flex;flex-direction:column;gap:8px}.star-rating{align-items:center;display:flex;gap:4px}.star{color:#ddd;cursor:default;font-size:18px}.star.filled{color:#ffc107}.rating-text{color:#666;font-size:14px;margin-left:4px}.teacher-feedback{background:#f8f9fa;border-left:3px solid #007bff;border-radius:6px;color:#333;font-size:14px;line-height:1.4;padding:8px 12px}.points-info{align-items:center;display:flex;gap:8px}.points{color:#333;font-size:16px;font-weight:600}.info-icon{color:#666;cursor:help;font-size:14px}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#dc3545;padding:24px;text-align:center}@media (max-width:768px){.my-projects-container{max-width:100%;padding:16px}.project-card{flex-direction:column}.project-illustration{flex:0 0 200px}.project-info{padding:24px}.project-actions{align-items:flex-start;gap:16px}.project-actions,.projects-tabs{flex-direction:column}.tab{border-radius:0}}@media (max-width:1200px){.my-projects-container{max-width:95%}}.modal-overlay{background-color:#00000080}.modal-content{box-shadow:0 10px 30px #0000004d;max-width:500px;text-align:left;width:90%}.modal-header{border-bottom:1px solid #e9ecef;padding:24px 24px 16px}.modal-header h3{color:#333;font-size:20px}.modal-close{color:#666;font-size:24px;height:30px;transition:background-color .2s;width:30px}.modal-close:hover{background-color:#f8f9fa}.modal-body{padding:24px;text-align:left}.modal-body p{color:#666;font-size:16px;margin:0 0 20px}.modal-body .form-group{margin-bottom:20px}.modal-body label{color:#555;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.submission-link-input{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:16px;padding:12px;width:100%}.submission-link-input:focus{border-color:#dc3545;box-shadow:0 0 0 2px #dc354533;outline:none}.modal-footer{border-top:1px solid #e9ecef;padding:16px 24px 24px}.btn-cancel{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-cancel:hover:not(:disabled){background:#e9ecef}.btn-submit{background:#dc3545;border:1px solid #dc3545;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-submit:hover:not(:disabled){background:#c82333;border-color:#c82333}.btn-cancel:disabled,.btn-submit:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.modal-content{margin:20px;width:95%}.modal-body,.modal-footer,.modal-header{padding-left:20px;padding-right:20px}.modal-footer{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}.my-quizzes-page{margin:0 auto;max-width:1280px;padding:16px}.mq-header{margin-bottom:12px}.mq-tabs{border-bottom:2px solid #eee;display:flex;gap:16px}.mq-tab{background:#0000;border:0;cursor:pointer;font-size:16px;padding:10px 4px}.mq-tab-active{border-bottom:2px solid #ff6b00;border-bottom:2px solid var(--brand-primary,#ff6b00);color:#ff6b00;color:var(--brand-primary,#ff6b00)}.mq-loading{padding:8px}.mq-error{color:#b00020;padding:8px 0}.mq-empty{color:#666;padding:24px 0}.mq-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:800px){.mq-list{grid-template-columns:1fr}}.mq-card{background:#fff;border:1px solid #eee;border-radius:10px;display:flex;overflow:hidden;width:100%}.mq-card-media{align-items:center;background:#fafafa;display:flex;justify-content:center;width:260px}.mq-thumb{background:linear-gradient(135deg,#ffe8d6,#fff5ee) 50%/cover no-repeat;border-radius:8px;height:160px;width:220px}.mq-card-body{flex:1 1;padding:16px}.mq-title{font-size:22px;font-weight:700;margin-bottom:4px;text-align:left}.mq-subtitle{color:#666;margin-bottom:12px;text-align:left}.mq-metrics{color:#444;display:flex;gap:24px;margin-bottom:12px}.mq-metric{min-width:120px}.mq-metric-value{font-size:18px;font-weight:700}.mq-metric-label{color:#777;font-size:12px}.mq-actions{align-items:center;display:flex;gap:12px}.mq-primary{background:#ff6b00;background:var(--brand-primary,#ff6b00);color:#fff}.mq-primary,.mq-secondary{border:0;border-radius:8px;cursor:pointer;padding:10px 16px}.mq-secondary{background:#f3f4f6;color:#111}.mq-points{color:#666;font-size:14px}.mq-section-title{color:#333;font-weight:700;margin:20px 0 8px}.tq-wrapper{background:#3b0a45;color:#fff;display:flex;flex-direction:column;min-height:100vh}.tq-topbar{align-items:center;background:#2d0736;display:flex;gap:12px;padding:10px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.tq-qcount{font-weight:700}.tq-progress{background:#4a1456;border-radius:8px;flex:1 1;height:8px;overflow:hidden}.tq-progress-bar{background:#3ddc84;height:100%}.tq-points{font-size:14px;opacity:.9}.tq-stage{display:flex;flex-direction:column;gap:16px;padding:16px}.tq-title{font-size:18px;opacity:.8;text-align:center}.tq-question{background:#2d0736;border-radius:10px;font-size:26px;font-weight:800;padding:32px 20px;text-align:center}.tq-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:900px){.tq-grid{grid-template-columns:repeat(4,1fr)}}.tq-choice{align-items:center;border:0;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:10px;min-height:120px;padding:18px;text-align:left}.tq-choice .tq-choice-index{align-items:center;background:#ffffff26;border-radius:8px;display:inline-flex;font-weight:700;height:28px;justify-content:center;width:28px}.tq-selected{outline:3px solid #fff}.tq-blue{background:#2c6da4}.tq-teal{background:#2ea3a0}.tq-yellow{background:#e4ae49;color:#221}.tq-orange{background:#cf4b1f}.tq-toolbar{justify-content:space-between;padding:10px 16px 20px}.tq-left,.tq-toolbar{align-items:center;display:flex}.tq-left{gap:10px}.tq-icon{align-items:center;background:#4a1456;border:0;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;height:40px;justify-content:center;width:40px}.tq-icon.on{background:#3ddc84;color:#1f2937}.tq-primary{background:#3ddc84;font-weight:700}.tq-primary,.tq-secondary{border:0;border-radius:10px;color:#111;cursor:pointer;padding:10px 18px}.tq-secondary{background:#f3f4f6}.tq-error,.tq-loading{padding:20px}.trial-booking-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px auto;max-width:800px;padding:20px}.trial-booking-container h2,.trial-booking-container h3{color:#333;margin-bottom:15px;text-align:center}.form-message{border-radius:6px;font-size:.95rem;margin:12px auto 18px;max-width:720px;padding:10px 12px}.form-message.success{background:#e6f7f0;border:1px solid #badbcc;color:#0f5132}.form-message.error{background:#fdecec;border:1px solid #f5c2c7;color:#842029}.trial-booking-container p{color:#555;margin-bottom:20px;text-align:center}.date-selection,.time-selection{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}.date-button,.time-button{background-color:#e0e0e0;border:1px solid #ccc;border-radius:5px;cursor:pointer;font-size:16px;padding:10px 15px;transition:background-color .3s ease,border-color .3s ease}.date-button:hover,.time-button:hover{background-color:#d0d0d0;border-color:#a0a0a0}.date-button.selected,.time-button.selected{background-color:#007bff;border-color:#007bff;color:#fff}.btn-primary.book-button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:18px;margin:20px auto;padding:12px 25px;transition:background-color .3s ease;width:-webkit-fit-content;width:fit-content}.btn-primary.book-button:hover{background-color:#218838}.btn-primary.book-button:disabled{background-color:#ccc;cursor:not-allowed}.blackops-container{background-color:#f4f6f9;display:flex;min-height:100vh;text-align:left}.blackops-container .sidebar{background-color:#343a40;box-shadow:2px 0 5px #0000001a;color:#fff;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:16.666667%;z-index:1000}.blackops-container .sidebar nav{padding:0 15px}.blackops-container .sidebar .nav{list-style:none;margin:0;padding:0}.blackops-container .sidebar .nav-header{border-bottom:1px solid #ffffff1a;color:#adb5bd;font-size:12px;font-weight:600;margin-top:15px;padding:10px 0 5px;text-transform:uppercase}.blackops-container .sidebar .nav-item{margin:2px 0}.blackops-container .sidebar .nav-link{align-items:center;border-radius:5px;color:#fff;display:flex;font-size:14px;padding:10px 15px;text-decoration:none;transition:all .3s ease}.blackops-container .sidebar .nav-link:hover{background-color:#ffffff1a;color:#fff;text-decoration:none}.blackops-container .sidebar .nav-link.active{background-color:#007bff;color:#fff}.blackops-container .sidebar .nav-link i{margin-right:10px;text-align:center;width:20px}.blackops-container .sidebar .nav-link p{flex:1 1;margin:0}.blackops-content{background-color:#fff;flex:1 1;margin-left:16.666667%;min-height:100vh;padding:20px}.blackops-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.blackops-header h1{color:#333;font-size:2rem;margin:0}.header-actions{align-items:center;display:flex;gap:20px}.header-actions p{color:#666;font-size:1.1rem;margin:0}.logout-btn{background-color:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:background-color .2s}.logout-btn:hover{background-color:#c82333}.dashboard-content{margin:0;width:100%}.dashboard-content h1{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:30px}.welcome-message{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 4px 15px #0000001a;color:#fff;margin-bottom:30px;padding:30px}.welcome-message h2{font-size:1.8rem;margin-bottom:15px}.welcome-message p{font-size:16px;margin:8px 0;opacity:.9}.error-sidebar,.loading-sidebar{color:#fff;padding:20px;text-align:center}.error-main,.loading-main{font-size:18px;padding:40px;text-align:center}@media (max-width:768px){.blackops-container .sidebar{height:auto;position:relative;width:100%}.main-content{margin-left:0}.action-buttons{flex-direction:column}.info-grid{grid-template-columns:1fr}}.blackops-container .sidebar::-webkit-scrollbar{width:6px}.blackops-container .sidebar::-webkit-scrollbar-track{background:#343a40}.blackops-container .sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.blackops-container .sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.nav-icon{font-size:16px}.blackops-container .sidebar .nav-link:hover i{transform:scale(1.1);transition:transform .2s ease}.status-indicator{border-radius:50%;display:inline-block;height:8px;margin-right:8px;width:8px}.status-online{background-color:#28a745}.status-offline{background-color:#dc3545}.blackops-card{background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:20px}.blackops-card h4{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:15px}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.loading-main,.loading-sidebar{animation:pulse 1.5s infinite}.course-fee-form{background:#f8f9fa;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:30px}.course-fee-form .form-group{margin-bottom:20px}.course-fee-form .form-control{border:2px solid #e9ecef;border-radius:8px;font-size:14px;padding:12px 15px;transition:all .3s ease}.course-fee-form .form-control:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.course-fee-form .form-control.is-invalid{border-color:#dc3545}.course-fee-form .invalid-feedback{color:#dc3545;font-size:12px;margin-top:5px}.course-fee-form .btn{border-radius:8px;font-weight:600;padding:12px 25px;transition:all .3s ease}.course-fee-form .btn-primary{background:linear-gradient(135deg,#007bff,#0056b3);border:none}.course-fee-form .btn-primary:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-2px)}.course-fee-form .btn-secondary{background:#6c757d;border:none}.course-fee-form .btn-secondary:hover{background:#545b62;transform:translateY(-2px)}.course-fee-form .btn-success{background:linear-gradient(135deg,#28a745,#1e7e34);border:none}.course-fee-form .btn-success:hover{background:linear-gradient(135deg,#1e7e34,#155724);transform:translateY(-2px)}.table-responsive{border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.table{margin-bottom:0}.table td,.table th{border:1px solid #dee2e6;padding:15px;vertical-align:middle}.table th{background:#f8f9fa}.alert{border:none}.alert-success{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-left:4px solid #28a745}@media (max-width:768px){.course-fee-form{padding:20px}.course-fee-form .form-control{width:100%!important}.table-responsive{font-size:14px}.table td,.table th{padding:10px}}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.form-control.is-valid{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");background-position:right calc(.375em + .1875rem) center;background-repeat:no-repeat;background-size:calc(.75em + .375rem) calc(.75em + .375rem);border-color:#28a745}.currency-display{color:#495057;font-family:Courier New,monospace;font-weight:600}select[name=enrolmentType] option,select[name=grade] option{padding:8px}select[name=course] option{font-weight:500;padding:8px}input[name=monthlyClasses]{font-weight:600;text-align:center}.form-control:not(.is-invalid):not(.is-valid){background-color:#f8fff9;border-color:#28a745}.student-details-section{background:#e8f5e8;border:1px solid #c3e6cb;border-radius:8px;margin:20px 0;padding:20px}.discount-section{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin:20px 0;padding:20px}.fee-display{background:#e7f3ff;border:1px solid #b3d9ff;border-radius:8px;margin:20px 0;padding:20px}.generate-payment-page{background-color:#f8f9fa;min-height:100vh}.sidebar{bottom:0;box-shadow:inset -1px 0 0 #0000001a;left:0;padding:48px 0 0;position:fixed;top:0;z-index:100}.sidebar-sticky{height:calc(100vh - 48px);overflow-x:hidden;overflow-y:auto;padding-top:.5rem;position:relative;top:0}.sidebar .nav-link{border-bottom:1px solid #ffffff1a;color:#fff;font-weight:500;padding:.75rem 1rem}.sidebar .nav-link.active,.sidebar .nav-link:hover{background-color:#ffffff1a;color:#007bff}main{margin-left:16.666667%}.card{border:1px solid rgba(0,0,0,.125);box-shadow:0 .125rem .25rem rgba(0,0,0,.075)}.card-header{background-color:#f8f9fa;border-bottom:1px solid rgba(0,0,0,.125);padding:.75rem 1.25rem}.card-title{font-size:1.25rem;font-weight:500;margin-bottom:0}.form-group{margin-bottom:1rem}.form-control{background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;display:block;font-weight:400;line-height:1.5;padding:.375rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control,.form-control:focus{background-color:#fff;color:#495057}.form-control:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:0}.btn-primary{background-color:#007bff;border-color:#007bff;border-radius:.25rem;line-height:1.5;padding:.375rem .75rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn-primary:hover{background-color:#0069d9;border-color:#0062cc;color:#fff}.btn-primary:focus{box-shadow:0 0 0 .2rem #007bff80}@media (max-width:768px){.sidebar{height:auto;padding-top:0;position:static}main{margin-left:0}}.wide-form-table{margin:0 auto;max-width:1200px;width:100%}.wide-form-table td:first-child{min-width:250px;width:250px}.wide-form-table td:last-child{width:auto}.main-content{margin:0 auto;max-width:1400px;padding:20px 40px}.public-payment-page{--recommended-green:#10b981;background-color:#f7f8fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;padding:20px}.payment-container{background:#0000;margin:0 auto;max-width:1400px}.grid{grid-gap:3rem;display:grid;gap:3rem}.gap-x-10{column-gap:3rem}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:px-0{padding-left:0;padding-right:0}.px-5{padding-left:1.25rem;padding-right:1.25rem}.h-full{height:100%}.max-w-xl{max-width:36rem}.mx-auto{margin-left:auto;margin-right:auto}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.w-48{width:12rem}.logo-fallback{display:none}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d}.mt-5{margin-top:1.25rem}.mt-1{margin-top:.25rem}.lg\:space-y-0>*+*,.space-y-3>*+*{margin-top:.1rem}.flex-col{align-items:flex-start;flex-direction:column;gap:.1rem;text-align:left}.justify-start{justify-content:flex-start}.border-grey-400{border-color:#9ca3af}.lg\:space-x-0>*+*{margin-left:0}.border-b{border-bottom-color:#e5e7eb;margin-bottom:.1rem;padding-bottom:.1rem}.min-w-2\/6{min-width:33.333333%}.status-badge{border-radius:9999px;font-size:.75rem;letter-spacing:.05em;padding:.25rem .75rem}.status-badge.paid{background-color:#10b981;color:#fff}.status-badge.pending{background-color:#f59e0b;color:#fff}.hidden{display:none}.lg\:block{display:block}.lg\:shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.lg\:p-5{padding:1.25rem}.lg\:py-10{padding-bottom:2.5rem;padding-top:2.5rem}.lg\:bg-white{background-color:#fff}.max-w-2xl{max-width:42rem}.space-y-2>*+*{margin-top:.5rem}.lg\:flex-row{flex-direction:row}.lg\:space-x-1>*+*{margin-left:.25rem}#authorized-header{align-items:flex-start;display:flex;flex-direction:column;gap:.25rem;text-align:left}@media (min-width:1024px){#authorized-header{align-items:center;flex-direction:row;gap:.25rem}}.w-24{width:6rem}.lg\:-mt-4{margin-top:-1rem}.text-2xl{font-size:1.5rem;line-height:2rem;text-align:left}.font-700{font-weight:700}.text-lg{font-size:1.125rem;line-height:1.75rem;text-align:left}.mt-10{margin-top:2.5rem}.text-center{text-align:left}.space-y-10>*+*{margin-top:2.5rem}.text-left{text-align:left}.font-600{font-weight:600}.border-l-2{border-left-width:2px}.pl-2{padding-left:.5rem}.max-w-md{max-width:28rem}.inline-block{display:inline-block}.mb-0{margin-bottom:0}.mr-1{margin-right:.25rem}.relative{position:relative}.mt-2{margin-top:.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.border{border-width:1px}.border-green-200{border-color:#bbf7d0}.text-green-200{color:#bbf7d0}.shadow{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f}.hover\:bg-green-200:hover{background-color:#bbf7d0}.hover\:text-white:hover{color:#fff}.hover\:shadow-none:hover{box-shadow:none}.ml-2{margin-left:.5rem}.btn-stripe{background-color:#fff;border:2px solid var(--recommended-green);border-radius:8px;box-shadow:0 4px 6px #10b98140;color:var(--recommended-green);cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 30px;transition:all .3s ease}.btn-stripe:hover{background-color:var(--recommended-green);box-shadow:0 6px 12px #10b98159;color:#fff;transform:translateY(-2px)}.my-3{margin-bottom:.75rem;margin-top:.75rem}.mt-8{margin-top:2rem}.rounded{border-radius:.25rem}.p-5{padding:1.25rem}.lg\:space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.border-grey-500{border-color:#6b7280}.lg\:border-none{border:none}.pb-2{padding-bottom:.5rem}.lg\:pb-0{padding-bottom:0}.border-b{border-bottom-width:1px}.block{display:block}.lg\:hidden{display:none}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.leading-tight{line-height:1.25}.mt-4{margin-top:1rem}.space-x-2>*+*{margin-left:.5rem}.w-12{width:3rem}.h-12{height:3rem}.bg-green-200{background-color:#bbf7d0}.rounded-full{border-radius:9999px}.items-center{align-items:center}.justify-center{justify-content:center}.text-green-600{color:#059669}.font-bold{font-weight:700}.mr-2{margin-right:.5rem}.w-5{width:1.25rem}.font-500{font-weight:500}.space-y-0>*+*{margin-top:0}.flex{display:flex}.text-sm{font-size:.875rem;line-height:1.25rem}.hover\:underline:hover{text-decoration:underline}.border-r{border-right-width:1px}.border-grey-800{border-color:#1f2937}.mx-2{margin-left:.5rem;margin-right:.5rem}.h-4{height:1rem}.my-auto{margin-bottom:auto;margin-top:auto}@media (max-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:px-0{padding-left:1.25rem;padding-right:1.25rem}.lg\:block{display:none}.block.lg\:hidden{display:block}}@media (max-width:768px){.public-payment-page{padding:10px}.px-5{padding-left:1rem;padding-right:1rem}.py-10{padding-bottom:1.5rem;padding-top:1.5rem}.w-48{width:8rem}.p-5{padding:1rem}.text-2xl{font-size:1.25rem;line-height:1.75rem}.text-lg{font-size:1rem;line-height:1.5rem}}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:50px;margin-bottom:20px;width:50px}.error-container h2{color:#dc2626;margin-bottom:15px}.error-container p{color:#64748b;margin-bottom:25px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);display:inline-block;font-size:1rem;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn-primary:hover{box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.payment-option-card{background-color:#fff;border:1px solid #6b7280;border-radius:8px;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:1rem;padding:1.5rem;transition:all .3s ease}.payment-option-card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.payment-option-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.payment-option-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0;text-align:left}.recommended-badge{background-color:var(--recommended-green);border-radius:9999px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.payment-option-details{margin-bottom:1rem}.payment-detail-row{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;justify-content:flex-start;padding:.25rem 0;text-align:left}.payment-detail-row:last-child{border-bottom:none}.detail-label{color:#374151;flex-shrink:0;font-weight:600;min-width:120px}.detail-value{color:#1f2937;flex:1 1;text-align:left}.detail-value li,.detail-value p,.detail-value ul{margin:0;text-align:left}.detail-value ul{padding-left:1rem}.border.rounded.shadow-sm.p-5.border-grey-500 .flex.flex-col.lg\:space-y-0.space-y-3>*+*{margin-top:.25rem}.border.rounded.shadow-sm.p-5.border-grey-500 .flex.flex-col.lg\:space-y-0.space-y-3 .flex.flex-col.justify-start.border-grey-400.lg\:border-none.lg\:flex-row.lg\:space-x-1.lg\:space-x-0,.border.rounded.shadow-sm.p-5.border-grey-500 .flex.flex-col.lg\:space-y-0.space-y-3 .flex.flex-col.justify-start.border-grey-400.lg\:border-none.lg\:flex-row.lg\:space-x-1.lg\:space-x-0.border-b{align-items:flex-start!important;border-bottom:1px solid #e5e7eb;display:flex!important;flex-direction:row!important;gap:1rem!important;justify-content:flex-start!important;margin:0!important;padding:.25rem 0!important}.border.rounded.shadow-sm.p-5.border-grey-500 .flex.flex-col.lg\:space-y-0.space-y-3 .flex.flex-col.justify-start.border-grey-400.lg\:border-none.lg\:flex-row.lg\:space-x-1.lg\:space-x-0 .font-600.min-w-2\/6,.border.rounded.shadow-sm.p-5.border-grey-500 .flex.flex-col.lg\:space-y-0.space-y-3 .flex.flex-col.justify-start.border-grey-400.lg\:border-none.lg\:flex-row.lg\:space-x-1.lg\:space-x-0.border-b .font-600.min-w-2\/6{flex-shrink:0!important;margin:0!important;min-width:140px!important;padding:0!important;text-align:left!important}.border.rounded.shadow-sm.p-5.border-grey-500 .flex.flex-col.lg\:space-y-0.space-y-3 .flex.flex-col.justify-start.border-grey-400.lg\:border-none.lg\:flex-row.lg\:space-x-1.lg\:space-x-0 .text-left,.border.rounded.shadow-sm.p-5.border-grey-500 .flex.flex-col.lg\:space-y-0.space-y-3 .flex.flex-col.justify-start.border-grey-400.lg\:border-none.lg\:flex-row.lg\:space-x-1.lg\:space-x-0.border-b .text-left{flex:1 1!important;margin:0!important;padding:0!important;text-align:left!important;word-break:break-word!important}.payment-pages-content{padding:20px}.table-container{background:#fff;box-shadow:0 2px 4px #0000001a;overflow:hidden}.table-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:20px}.table-header h3{color:#333;font-size:1.25rem;font-weight:600;margin:0}.table-actions{display:flex;gap:10px}.table-actions .btn{align-items:center;border-radius:6px;display:flex;font-weight:500;gap:8px;padding:8px 16px;transition:all .3s ease}.table-actions .btn-primary{background-color:#007bff;border-color:#007bff;color:#fff}.table-actions .btn-primary:hover{background-color:#0056b3;border-color:#0056b3}.table-responsive{overflow-x:auto}.table{border-collapse:collapse;margin:0;width:100%}.table th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:12px 15px;text-align:left;text-transform:uppercase}.table td{border-bottom:1px solid #dee2e6;padding:12px 15px;vertical-align:middle}.table tbody tr:hover{background-color:#f8f9fa}.enrollment-id-cell{align-items:center;display:flex}.enrollment-id{background:#f8f9fa;border-radius:4px;color:#495057;font-family:Courier New,monospace;font-size:.85rem;font-weight:600;padding:4px 8px}.payment-id-cell{align-items:center;display:flex;gap:8px}.payment-id{background:#f8f9fa;color:#495057;font-family:Courier New,monospace;font-size:.85rem;font-weight:600}.copy-btn,.payment-id{border-radius:4px;padding:4px 8px}.copy-btn{background:#0000;border:1px solid #6c757d;color:#6c757d;font-size:.75rem;transition:all .3s ease}.copy-btn:hover{background:#6c757d;color:#fff}.student-info{display:flex;flex-direction:column;gap:2px}.student-name{color:#333;font-size:.9rem;font-weight:600}.student-email{color:#6c757d;font-size:.8rem}.course-info{display:flex;flex-direction:column;gap:2px}.course-name{color:#333;font-size:.9rem;font-weight:600}.amount-info{display:flex;flex-direction:column;gap:2px}.amount{color:#28a745;font-size:.9rem}.amount,.badge{font-weight:600}.badge{border-radius:20px;font-size:.75rem;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.badge-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.badge-warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.badge-danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.badge-secondary{background-color:#e2e3e5;border:1px solid #d6d8db;color:#383d41}.action-buttons{display:flex;flex-wrap:wrap;gap:8px}.action-buttons .btn{align-items:center;border-radius:4px;display:flex;font-size:.8rem;gap:4px;padding:6px 12px;transition:all .3s ease}.action-buttons .btn-primary{background-color:#007bff;border-color:#007bff;color:#fff}.action-buttons .btn-primary:hover{background-color:#0056b3;border-color:#0056b3}.action-buttons .btn-secondary{background-color:#6c757d;border-color:#6c757d;color:#fff}.action-buttons .btn-secondary:hover{background-color:#545b62;border-color:#545b62}.no-data{color:#6c757d;padding:60px 20px;text-align:center}.no-data p{font-size:1.1rem;margin:0}@media (max-width:768px){.table-header{align-items:flex-start;flex-direction:column;gap:15px}.table-actions{width:100%}.table-actions .btn{flex:1 1;justify-content:center}.table td,.table th{font-size:.8rem;padding:8px 10px}.action-buttons{flex-direction:column}.action-buttons .btn{justify-content:center;width:100%}.payment-id-cell{align-items:flex-start;flex-direction:column;gap:4px}}.table-striped tbody tr:nth-of-type(odd){background-color:#00000005}.table-hover tbody tr:hover{background-color:rgba(0,0,0,.075)}.mark-payment-content{padding:20px}.content-header{border-bottom:2px solid #e9ecef;margin-bottom:30px;padding-bottom:20px}.content-header h1{color:#333;font-size:2rem;font-weight:600;margin-bottom:10px}.content-header p{color:#6c757d;font-size:1.1rem;margin:0}.form-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 auto;max-width:800px;padding:30px}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-size:.9rem}.form-control{border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:12px 15px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.form-control:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-control:disabled{background-color:#f8f9fa;cursor:not-allowed}.enrollment-details{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-bottom:20px;padding:20px}.enrollment-details h4{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 15px}.details-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item .label{color:#6c757d;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-item .value{color:#333;font-size:1rem;font-weight:500}.status-paid{color:#28a745;font-weight:600}.status-pending{color:#ffc107;font-weight:600}.screenshot-upload-area{background:#f8f9fa;border:2px dashed #ddd;border-radius:8px;cursor:pointer;padding:40px 20px;position:relative;text-align:center;transition:all .3s ease}.screenshot-upload-area:hover{background:#f0f8ff;border-color:#007bff}.screenshot-upload-area.dragover{background:#e3f2fd;border-color:#007bff;transform:scale(1.02)}.upload-content{pointer-events:none}.upload-content i{color:#6c757d;font-size:3rem;margin-bottom:15px}.upload-content p{color:#333;font-size:1.1rem;font-weight:500;margin:10px 0 5px}.upload-content small{color:#6c757d;font-size:.85rem}.uploading-indicator{align-items:center;background:#e3f2fd;border:1px solid #bbdefb;border-radius:6px;color:#1976d2;display:flex;gap:10px;margin-top:10px;padding:15px}.uploading-indicator i{font-size:1.1rem}.screenshot-preview{margin-top:20px}.screenshot-preview h5{color:#333;font-size:1rem;font-weight:600;margin:0 0 15px}.pdf-preview{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-direction:column;padding:20px;text-align:center}.pdf-preview p{color:#333;font-weight:500;margin:10px 0}.image-preview{align-items:center;display:flex;flex-direction:column;text-align:center}.image-preview p{color:#333;font-weight:500;margin:10px 0}.screenshot-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.screenshot-item:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.screenshot-thumbnail{display:block;height:120px;object-fit:cover;width:100%}.screenshot-actions{opacity:0;position:absolute;right:5px;top:5px;transition:opacity .2s ease}.screenshot-item:hover .screenshot-actions{opacity:1}.screenshot-actions .btn{border-radius:4px;font-size:.75rem;padding:4px 8px}.screenshot-actions .btn-danger{background-color:#dc3545;border-color:#dc3545;color:#fff}.screenshot-actions .btn-danger:hover{background-color:#c82333;border-color:#bd2130}.alert{align-items:center;border-radius:6px;display:flex;gap:10px;margin-bottom:20px;padding:15px 20px}.alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-success i{color:#28a745}.alert-danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-danger i{color:#dc3545}.form-actions{border-top:1px solid #e9ecef;margin-top:30px;padding-top:20px}.form-actions .btn{align-items:center;border-radius:6px;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.form-actions .btn-primary{background-color:#007bff;border-color:#007bff;color:#fff}.form-actions .btn-primary:hover:not(:disabled){background-color:#0056b3;border-color:#0056b3}.form-actions .btn-primary:disabled{background-color:#6c757d;border-color:#6c757d;cursor:not-allowed}.form-actions .btn i{font-size:.9rem}.fa-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.form-container{margin:0 10px;padding:20px}.details-grid{gap:10px;grid-template-columns:1fr}.screenshots-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.form-actions .btn{justify-content:center;width:100%}.screenshot-upload-area{padding:30px 15px}.upload-content i{font-size:2.5rem}.upload-content p{font-size:1rem}}.error-main,.loading-main{align-items:center;color:#6c757d;display:flex;font-size:1.2rem;height:400px;justify-content:center}.error-main{color:#dc3545}.jitsi-classroom-page{background:#f5f7fb;display:flex;flex-direction:column;height:100vh}.classroom-topbar{align-items:center;background:#fff;border-bottom:1px solid #eaf1ff;box-shadow:0 2px 8px #00000014;color:#111;display:flex;height:60px;justify-content:space-between;padding:0 16px}.classroom-topbar .left{align-items:center;display:flex;gap:12px}.classroom-topbar .logo{height:24px;width:24px}.classroom-topbar .lesson-title{font-weight:600;max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.classroom-topbar .center{align-items:center;display:flex;gap:8px}.classroom-topbar .tb-btn{background:#f8fbff;border:1px solid #3b82f6;border-radius:6px;color:#0b132b;cursor:pointer;font-size:13px;padding:8px 12px}.classroom-topbar .tb-btn:hover{background:#eef6ff}.classroom-topbar .right .end-class-btn{background:#f8fbff;border:1px solid #e11d48;border-radius:8px;color:#e11d48;cursor:pointer;font-weight:600;padding:10px 14px}.classroom-topbar .right .end-class-btn:hover{background:#ffeef1}.jitsi-classroom{display:flex;height:calc(100vh - 60px)}.waiting-wrapper{display:flex;flex:2 1;width:100%}.waiting-left{background:#000;flex:1 1}.waiting-right{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:center}.waiting-card{background:#fff;border:1px solid #eaf1ff;border-radius:12px;box-shadow:0 2px 8px #0000000f;max-width:460px;padding:24px;text-align:left}.waiting-title{color:#0b132b;font-size:20px;font-weight:800;margin-bottom:12px}.waiting-sub{color:#334155;margin-top:8px}.jitsi-left{background:#000;flex:2 1;min-width:0}.details-right{background:#f9fbff;border-left:1px solid #eaf1ff;flex:0 0 297px;max-width:429px;min-width:297px;overflow-x:auto;overflow-y:auto;padding:16px;transition:transform .25s ease}.details-right.closed{display:none}.details-right.open{transform:translateX(0)}.details-right-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.close-details{background:#f8fbff;border:1px solid #3b82f6;border-radius:6px;color:#0b132b;cursor:pointer;padding:4px 8px}.info-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:16px}.info-card.error{border-left:4px solid #e74c3c}.info-row{border-bottom:1px dashed #eee;display:flex;justify-content:space-between;padding:6px 0;text-align:left}.info-row:last-child{border-bottom:none}.accordion{display:flex;flex-direction:column;gap:8px}.accordion-item{background:#fff;border-radius:10px;box-shadow:0 1px 6px #0000000f;text-align:left}.accordion-header{background:#f0f7ff;border:1px solid #3b82f6;border-radius:10px;color:#0b132b;cursor:pointer;font-weight:600;padding:10px 12px;text-align:left;width:100%}.accordion-header:hover{background:#e7f1ff}.accordion-body{padding:12px;text-align:left}.plain-text{white-space:pre-wrap;word-break:break-word}.list{display:flex;flex-direction:column;gap:6px}.list-item{background:#f8fbff;border:1px solid #eaf1ff;border-radius:8px;padding:8px 10px}.project-list{display:flex;flex-direction:column;gap:8px}.project-item{background:#fff;border:1px solid #eaf1ff;border-radius:10px;overflow:hidden}.project-header{align-items:center;background:#f0f7ff;border-bottom:1px solid #eaf1ff;display:flex;font-size:14px;justify-content:space-between;padding:8px 12px}.project-title{font-size:14px;font-weight:600}.project-toggle{background:#f8fbff;border:1px solid #3b82f6;border-radius:8px;color:#0b132b;cursor:pointer;padding:6px 10px}.project-toggle:hover{background:#e7f1ff}.project-body{padding:12px}.list-toggle{background:#0000;border:0;color:#0b132b;cursor:pointer;font-weight:600;margin:0;padding:0;text-align:left;width:100%}.list-sub{color:#334155;font-size:13px;margin-top:6px}.modal-overlay{background:#000000b3;z-index:10000}.modal-content{border-radius:12px;box-shadow:0 10px 40px #0003;max-width:90vw}.modal-header{background:#f8fbff;border-bottom:1px solid #eaf1ff;border-radius:12px 12px 0 0;color:#0b132b;font-size:18px;font-weight:600;padding:16px 20px}.modal-body{padding:20px}.modal-actions{border-top:1px solid #eaf1ff;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.btn-primary{background:#3b82f6;border:1px solid #3b82f6;font-size:14px;padding:10px 16px}.btn-primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.btn-primary:disabled{background:#9ca3af;border-color:#9ca3af}.btn-secondary{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.btn-secondary:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.connection-indicator{border-radius:8px;box-shadow:0 2px 8px #0000001a;font-size:12px;font-weight:500;padding:8px 12px;position:fixed;right:20px;top:70px;z-index:1000}.earning-report-container{margin:0 auto;max-width:1200px;padding:24px}.page-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;margin-bottom:32px;padding:24px;text-align:center}.page-header h1{font-size:32px;font-weight:700;margin:0 0 12px}.page-header p{font-size:16px;margin:0;opacity:.9}.report-form-card{background:#fff;border:1px solid #e1e8ed;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;padding:32px}.report-form-card h3{color:#1a202c;font-size:20px;font-weight:600;margin:0 0 24px}.form-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}.form-group{display:flex;flex-direction:column}.form-group label{color:#374151;font-size:14px;font-weight:600;margin-bottom:8px}.form-control{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;padding:12px 16px;transition:all .2s ease}.form-control:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-control:hover{background:#fff;border-color:#d1d5db}.form-actions{text-align:center}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:all .2s ease}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-success{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 4px 12px #10b9814d;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:all .2s ease}.btn-success:hover:not(:disabled){box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.btn-success:disabled{cursor:not-allowed;opacity:.6;transform:none}.alert{border-radius:8px;font-weight:500;margin-bottom:24px;padding:16px 20px}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.report-summary-card{background:#fff;border:1px solid #e1e8ed;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;padding:32px}.report-summary-card h3{color:#1a202c;font-size:20px;font-weight:600;margin:0 0 24px}.summary-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.summary-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:20px}.summary-item .label{color:#64748b;font-size:14px;font-weight:500}.summary-item .value{color:#1e293b;font-size:24px;font-weight:700}.download-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px;text-align:center}.download-note{color:#64748b;font-size:14px;line-height:1.6;margin:16px 0 0}.teacher-details-card{background:#fff;border:1px solid #e1e8ed;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;padding:32px}.teacher-details-card h3{color:#1a202c;font-size:20px;font-weight:600;margin:0 0 24px}.table-container{border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.teacher-table{background:#fff;border-collapse:collapse;width:100%}.teacher-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#374151;font-size:14px;font-weight:600;padding:16px 12px;text-align:left}.teacher-table td{border-bottom:1px solid #f1f5f9;color:#1f2937;font-size:14px;padding:16px 12px}.teacher-table tr:hover{background:#f8fafc}.teacher-table tr:last-child td{border-bottom:none}.table-note{color:#64748b;font-size:14px;font-style:italic;margin:16px 0 0;text-align:center}.payout-versions-card{background:#fff;border:1px solid #e1e8ed;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;padding:32px}.payout-versions-card h3{align-items:center;color:#1a202c;display:flex;font-size:20px;font-weight:600;gap:8px;margin:0 0 24px}.payout-versions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.payout-version-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .2s ease}.payout-version-item:hover{border-color:#cbd5e1;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.version-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.version-header h4{color:#1e293b;font-size:18px;font-weight:600;margin:0}.status-badge{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.inactive{background:#fef2f2;color:#dc2626}.version-description{color:#64748b;font-size:14px;line-height:1.5;margin:0 0 16px}.version-rates{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:14px;padding:12px}@media (max-width:768px){.earning-report-container{padding:16px}.page-header{padding:20px}.page-header h1{font-size:24px}.report-form-card,.report-summary-card,.teacher-details-card{padding:20px}.form-row,.summary-grid{gap:16px;grid-template-columns:1fr}.btn-primary,.btn-success{font-size:14px;padding:12px 24px}}@media (max-width:480px){.page-header h1{font-size:20px}.page-header p{font-size:14px}.teacher-table td,.teacher-table th{font-size:12px;padding:12px 8px}}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.modal-header h3{color:#1a202c;font-size:24px;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-body{padding:0 24px 24px}.teacher-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:20px}.teacher-info p{color:#374151;font-size:14px;margin:0 0 8px}.teacher-info p:last-child{margin-bottom:0}.payout-breakdown h4{color:#1a202c;font-size:18px;font-weight:600;margin:0 0 16px}.breakdown-table{overflow-x:auto}.breakdown-table table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;width:100%}.breakdown-table th{background:#f1f5f9;border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:14px;font-weight:600;padding:16px 12px;text-align:left}.breakdown-table td{border-bottom:1px solid #f1f5f9;color:#374151;font-size:14px;padding:12px}.breakdown-table tr:hover{background:#f8fafc}.modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:24px}.btn-small{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;margin:0 4px;padding:8px 16px;transition:all .2s ease}.btn-info{background:#3b82f6;color:#fff}.btn-info:hover{background:#2563eb}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}.teacher-table td:last-child,.teacher-table th:last-child{text-align:center}.teacher-table .btn-small{margin:2px}.cfb-wrap{align-items:center;background:#f8fbff;display:flex;justify-content:center;min-height:100vh;padding:24px}.cfb-card{background:#fff;border:1px solid #eaf1ff;border-radius:16px;box-shadow:0 10px 30px #00000014;max-width:720px;overflow:hidden;width:100%}.cfb-header{background:#5abefa;background:var(--brand-primary,#5abefa);color:#0b132b;font-weight:800;letter-spacing:.2px}.cfb-body,.cfb-header{padding:16px 20px}.cfb-sub{color:#334155;margin-bottom:12px}.cfb-group{margin-top:14px}.cfb-label{color:#0b132b;display:block;font-weight:600;margin-bottom:6px;text-align:left}.cfb-stars{display:flex;gap:8px}.cfb-star{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;font-size:22px;height:42px;width:42px}.cfb-star.sel{background:#10b981;border-color:#10b981;color:#052e16}.cfb-text{border:1px solid #e5e7eb;border-radius:12px;min-height:110px;padding:10px 12px;resize:vertical;width:100%}.cfb-actions{background:#f8fbff;border-top:1px solid #eaf1ff;display:flex;gap:10px;justify-content:flex-end;padding:12px 20px 18px}.cfb-primary{background:#5abefa;background:var(--brand-primary,#5abefa);font-weight:700}.cfb-primary,.cfb-secondary{border:0;border-radius:10px;color:#0b132b;cursor:pointer;padding:10px 14px}.cfb-secondary{background:#f3f4f6}.cfb-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;margin-bottom:10px;padding:8px 10px}.lm-auth-wrap{align-items:center;background:#f7f9fc;display:flex;justify-content:center;min-height:80vh;padding:24px}.lm-card{background:#fff;border-radius:12px;box-shadow:0 6px 24px #00000014;max-width:420px;padding:28px;width:100%}.lm-brand{color:#0d6efd;font-size:20px;font-weight:700;margin-bottom:18px;text-align:center}.lm-form{display:flex;flex-direction:column;gap:10px}.lm-form label{color:#334155;font-size:13px}.lm-form input{border:1px solid #e5e7eb;border-radius:8px;font-size:14px;padding:10px 12px}.lm-btn{background:#0d6efd;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:4px;padding:10px 12px}.lm-btn:disabled{cursor:default;opacity:.7}.lm-error{color:#ef4444;font-size:13px}.lm-note{color:#64748b;font-size:12px;margin-top:6px}.lm-container{margin:0 auto;max-width:1300px;padding:16px 20px;text-align:left}.lm-topbar{background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;margin-bottom:12px;padding:8px 12px}.lm-left,.lm-topbar{align-items:center;display:flex}.lm-left{gap:10px}.lm-logo{height:28px;width:auto}.lm-dash{color:#0d6efd;font-weight:700;text-decoration:none}.lm-breadcrumb{color:#475569;font-weight:600}.lm-actions{align-items:center;display:flex;gap:10px}.lm-btn-outline{background:#0000;border:1px solid #0d6efd;border-radius:8px;color:#0d6efd;cursor:pointer;font-weight:600;padding:8px 12px}.lm-btn-primary{background:#0d6efd;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:8px 12px}.lm-link{background:none;border:none;color:#0d6efd;cursor:pointer;font-weight:600}.lm-link-strong{color:#0d6efd;font-weight:800;text-decoration:none}.lm-tabs{display:flex;gap:12px;overflow-x:auto;padding:8px 0}.lm-tab{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;font-weight:600;padding:8px 12px;white-space:nowrap}.lm-tab-active{background:#e9f2ff;border-color:#cfe0ff;color:#0d6efd}.lm-title-row{align-items:center;display:flex;justify-content:space-between;margin:10px 0}.lm-page-title{font-size:22px;font-weight:800}.lm-right{align-items:center;display:flex;gap:8px}.lm-search-wrap{position:relative}.lm-search{min-width:220px;padding:10px 12px}.lm-filter,.lm-search{border:1px solid #e2e8f0;border-radius:8px}.lm-filter{background:#fff;cursor:pointer;font-weight:600;padding:8px 10px}.lm-table{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;width:100%}.lm-row{grid-gap:0;align-items:center;border-bottom:1px solid #f1f5f9;display:grid;gap:0;grid-template-columns:36px 1.3fr 100px 120px 160px 1fr 180px 1.5fr;padding:10px 12px}.lm-head{background:#f8fafc;color:#334155;font-weight:700}.lm-col-checkbox{display:flex;justify-content:center}.lm-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lm-badge{background:#eef2ff;border-radius:999px;color:#6366f1;font-size:12px;font-weight:700;padding:4px 8px}.lm-actions-cell{align-items:center;display:flex;position:relative}.lm-more{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:4px 8px}.lm-menu{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #00000014;left:0;min-width:180px;overflow:hidden;position:absolute;top:36px;z-index:20}.lm-menu-item{background:#fff;border:none;color:#334155;cursor:pointer;font-weight:600;padding:10px 12px;text-align:left;width:100%}.lm-menu-item:hover{background:#f8fafc}.lm-footer{align-items:center;color:#64748b;display:flex;justify-content:space-between;padding:10px 4px}.lm-muted{font-size:13px}.lm-pagination{display:flex;gap:6px}.lm-page-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:4px 10px}.lm-page-btn.lm-active{background:#0d6efd;border-color:#0d6efd;color:#fff}.mono{font-family:monospace}.ld-wrap{display:flex;justify-content:center;padding:24px}.ld-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.ld-container{margin:0 auto;max-width:100%;padding:16px 20px}.ld-top{justify-content:space-between;margin-bottom:12px}.ld-left,.ld-top{align-items:center;display:flex}.ld-left{gap:10px}.ld-avatar{align-items:center;background:#0d6efd;border-radius:999px;color:#fff;display:inline-flex;font-weight:800;height:36px;justify-content:center;width:36px}.ld-leadname{font-size:18px;font-weight:800}.ld-stage{background:#eef2ff;border-radius:999px;color:#6366f1;font-size:12px;font-weight:700;padding:4px 8px}.ld-actions{display:flex;gap:8px}.ld-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-weight:600;padding:8px 10px}.ld-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:360px 1fr}.ld-card-title{font-weight:800;margin-bottom:8px}.ld-prop{border-bottom:1px dashed #f1f5f9;display:grid;grid-template-columns:180px 1fr;padding:6px 0}.ld-prop span:first-child{color:#64748b}.ld-col{min-height:300px}.ld-tabs{display:flex;gap:8px;margin-bottom:10px}.ld-tab{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-weight:700;padding:6px 10px}.ld-active{background:#e9f2ff;border-color:#cfe0ff;color:#0d6efd}.ld-timeline{border-left:2px solid #e5e7eb;padding-left:16px}.ld-tl-row{align-items:flex-start;display:flex;gap:10px;padding:8px 0}.ld-tl-icon{align-items:center;background:#0d6efd;border-radius:999px;color:#fff;display:inline-flex;font-size:12px;height:24px;justify-content:center;width:24px}.ld-tl-title{font-weight:800}.ld-tl-sub{color:#64748b;font-size:13px}.ld-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin:12px 0}.ld-stat{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px}.ld-stat-key{color:#64748b;font-size:12px;font-weight:700}.ld-stat-val{font-size:16px;font-weight:800}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f7f6;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;min-width:1200px}body,html{min-width:1200px;overflow-x:auto}#root,body,html{margin:0;padding:0;width:100%}.student-dashboard-container,.teacher-dashboard-container{box-sizing:border-box;min-width:1200px!important;overflow-x:auto;width:100%!important}.student-dashboard-container .container-fluid,.teacher-dashboard-container .container-fluid{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.student-dashboard-container .main-content-area,.teacher-dashboard-container .dashboard-content{flex:none!important;margin-left:0!important;padding:0!important}.student-dashboard-container .sidebar,.teacher-dashboard-container .sidebar{position:static!important;width:auto!important}.App{text-align:left}.navbar{align-items:center;background-color:#fff;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;padding:15px 30px}.navbar-brand a{color:#007bff;font-size:1.8em;font-weight:700;text-decoration:none}.navbar-nav{display:flex;list-style:none;margin:0;padding:0}.nav-item{margin-left:25px}.nav-item a{color:#555;font-size:1.1em;text-decoration:none;transition:color .3s ease}.nav-item a:hover{color:#007bff}.homepage .hero-section{background:#fff;border-bottom-left-radius:50% 20%;border-bottom-right-radius:50% 20%;color:#000;margin-bottom:50px;padding:80px 20px;text-align:center}.hero-section{background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;border-bottom-left-radius:0;border-bottom-right-radius:0;color:inherit;margin-bottom:0;padding:initial;text-align:inherit}.hero-section h1{font-size:3.5em;font-weight:700;margin-bottom:15px}.hero-section p{font-size:1.5em;margin-bottom:30px;opacity:.9}.cta-button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2em;padding:15px 30px;transition:background-color .3s ease}.cta-button:hover{background-color:#218838}.features-section{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #00000014;margin:0 5%;padding:50px 20px}.features-section h2{color:#007bff;font-size:2.5em;margin-bottom:40px}.features-grid{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-around}.feature-item{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000000d;flex-basis:calc(33% - 40px);padding:30px;text-align:center;transition:transform .3s ease}.feature-item:hover{transform:translateY(-5px)}.feature-item h3{color:#0056b3;font-size:1.8em;margin-bottom:10px}.feature-item p{color:#666;font-size:1.1em}.testimonials-section{background-color:#e9ecef;margin-top:50px;padding:50px 20px}.testimonials-section h2{color:#007bff;font-size:2.5em;margin-bottom:40px}.testimonial-item{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #00000014;margin:0 auto;max-width:800px;padding:30px}.testimonial-item p{color:#444;font-size:1.2em;font-style:italic;line-height:1.6}.testimonial-item h4{color:#0056b3;margin-top:20px}.course-list-container{padding:40px 20px}.course-list-container h1{color:#007bff;font-size:2.5em;margin-bottom:40px}.course-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px}.course-card{border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:15px;text-align:left;transition:transform .3s ease;width:300px}.course-card:hover{transform:translateY(-5px)}.course-card h2{color:#007bff;font-size:1.5em;margin-bottom:10px}.course-card p{color:#666;font-size:1em}
/*# sourceMappingURL=main.3f9a60b1.css.map*/