.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#1a1a2e;box-shadow:0 2px 10px #0003;height:70px}.nav-container{max-width:1400px;margin:0 auto;padding:0 20px;height:100%}.nav-wrapper{display:flex;align-items:center;justify-content:space-between;height:100%;position:relative}.logo{text-decoration:none;font-size:24px;font-weight:700;color:#fff;letter-spacing:1px}.right-section{display:flex;align-items:center;gap:30px}.desktop-nav-links{display:flex;gap:30px}.desktop-login-button{background-color:#337ab7;color:#fff;border:none;padding:8px 20px;border-radius:5px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s ease;white-space:nowrap}.nav-link{text-decoration:none;color:#fff;font-size:16px;font-weight:500;transition:color .3s ease;padding:8px 0;cursor:pointer}.hamburger-button{display:none;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:5px;border-radius:5px;transition:background-color .3s ease}.mobile-menu{position:fixed;top:70px;left:0;right:0;background-color:#1a1a2e;padding:20px;display:none;flex-direction:column;gap:15px;z-index:999;box-shadow:0 4px 10px #0003;animation:slideDown .3s ease;align-items:center}.mobile-nav-link{text-decoration:none;color:#fff;font-size:18px;font-weight:500;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1);transition:color .3s ease;width:100%;text-align:center}.mobile-login-button{background-color:#337ab7;color:#fff;border:none;padding:12px;border-radius:5px;font-size:18px;font-weight:500;cursor:pointer;transition:background-color .3s ease;width:100%;margin-top:10px;text-align:center}.user-section{display:flex;align-items:center;gap:20px;position:relative}.user-info{display:flex;align-items:center;gap:8px;cursor:pointer;padding:5px 10px;border-radius:6px}.user-avatar{width:36px;height:36px;background-color:#337ab7;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid white}.user-name{font-weight:500;color:#fff;font-size:16px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;background-color:#fff;border-radius:8px;box-shadow:0 6px 16px #00000026;min-width:200px;z-index:1001;overflow:hidden}.dropdown-item{width:100%;padding:12px 16px;border:none;background:none;display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#333;transition:background .2s ease;text-align:left}.logout-item{width:100%;padding:12px 16px;border:none;background:none;display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#dc3545;transition:background .2s ease;text-align:left}.dropdown-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}.main-content{min-height:calc(100vh - 70px);background-color:#f8f9fa;margin-top:70px;padding:20px;display:flex;align-items:center;justify-content:center;text-align:center}.hero-container{max-width:900px;width:100%;margin:0 auto;padding:40px 20px}.hero-content{max-width:800px;margin:0 auto}.hero-title{font-size:48px;font-weight:700;color:#1a1a2e;margin-bottom:20px;line-height:1.2}.hero-description{font-size:18px;color:#4a5568;margin-bottom:40px;line-height:1.8;max-width:700px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.hero-button-primary{background-color:#337ab7;color:#fff;border:none;padding:18px 36px;border-radius:50px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #337ab74d;min-width:160px}.hero-button-secondary{background-color:transparent;color:#337ab7;border:2px solid #337ab7;padding:18px 36px;border-radius:50px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:160px}.categories-section{background-color:#fff;padding:80px 20px;border-top:1px solid #e2e8f0}.categories-container{max-width:1200px;margin:0 auto}.categories-header{text-align:center;margin-bottom:20px}.categories-title{font-size:42px;font-weight:700;color:#1a1a2e;margin-bottom:20px;text-align:center}.categories-description{font-size:16px;color:#6b7280;line-height:1.8;max-width:800px;margin:0 auto 30px;padding:0 20px;text-align:center;font-weight:400}.uncategorized-wrapper{text-align:center;margin-bottom:40px}.uncategorized-title{font-size:24px;font-weight:600;color:#1a1a2e;margin-bottom:10px;display:flex;align-items:center;justify-content:flex-start;gap:10px}.uncategorized-icon{color:#337ab7}.uncategorized-link{display:inline-flex;align-items:center;gap:8px;color:#337ab7;text-decoration:none;font-size:16px;font-weight:500;padding:8px 20px;background-color:#f0f7ff;border-radius:30px;transition:all .3s ease;margin-top:5px}.category-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}.category-card{background-color:#f8f9fa;border-radius:16px;padding:30px 20px;transition:all .3s ease;cursor:pointer;border:1px solid #e2e8f0;position:relative;overflow:hidden;text-align:left}.category-icon{font-size:40px;margin-bottom:15px}.category-card-title{font-size:20px;font-weight:600;color:#1a1a2e;margin-bottom:8px}.trainer-name{font-size:14px;color:#6b7280;margin-bottom:15px;display:flex;align-items:center;gap:5px}.explore-link{font-size:14px;color:#337ab7;font-weight:500;display:flex;align-items:center;gap:5px;margin-top:10px}.loading-categories,.no-categories-text{text-align:center;color:#718096;font-size:16px;padding:40px 20px;grid-column:1 / -1}.follow-us-section{background-color:#f8f9fa;padding:80px 20px;border-top:1px solid #e2e8f0}.follow-us-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.follow-us-left{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.follow-us-title{font-size:36px;font-weight:700;color:#1a1a2e;margin-bottom:20px;position:relative}.follow-us-description{font-size:16px;color:#4a5568;line-height:1.8;margin-bottom:30px;max-width:450px;margin-left:auto;margin-right:auto}.social-icons{display:flex;gap:15px;margin-top:20px}.social-icon{width:40px;height:40px;border-radius:50%;background-color:#337ab7;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:18px;text-decoration:none}.follow-us-right{background-color:#fff;padding:40px;border-radius:16px;box-shadow:0 10px 30px #0000001a}.form-title{font-size:26px;font-weight:600;color:#1a1a2e;margin-bottom:30px;text-align:center}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.form-group{margin-bottom:15px}.form-label{display:block;font-size:14px;font-weight:500;color:#4a5568;margin-bottom:5px}.form-input{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;outline:none;transition:border-color .3s ease;background-color:#f8f9fa}.form-textarea{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;outline:none;transition:border-color .3s ease;background-color:#f8f9fa;min-height:120px;resize:vertical;font-family:inherit}.phone-input{display:flex;align-items:center;gap:10px}.country-code{width:70px;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;outline:none;background-color:#f8f9fa;color:#4a5568}.submit-button{background-color:#337ab7;color:#fff;border:none;padding:14px 30px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;margin-top:20px;box-shadow:0 4px 15px #337ab74d}.footer-link-title{font-size:15px;text-decoration:none;font-weight:500;color:#fff;margin:0;letter-spacing:.3px}.login-drawer{position:fixed;top:0;right:-100%;width:400px;max-width:450px;height:100vh;background-color:#fff;box-shadow:-5px 0 20px #0003;z-index:2001;transition:right .3s ease-in-out;overflow-y:auto;padding:40px;display:flex;flex-direction:column}.drawer-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.title-container{display:flex;flex-direction:column;gap:4px}.drawer-title{font-size:28px;color:#1a202c;font-weight:700;margin:0}.create-account-small{font-size:14px;color:#718096;margin:0}.back-to-login-button,.back-button{background:none;border:none;color:#337ab7;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:5px;margin-bottom:15px;padding:5px 0}.form{display:flex;flex-direction:column;gap:20px;flex:1}.input-group{display:flex;flex-direction:column;gap:8px}.label{font-size:14px;font-weight:500;color:#4a5568}.input-container{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:12px;color:#a0aec0;font-size:18px}.input{width:100%;padding:14px 12px 14px 45px;border:1px solid #e2e8f0;border-radius:10px;font-size:15px;outline:none;transition:border-color .3s ease}.helper-text{font-size:12px;color:#718096;margin-top:4px}.error-text{font-size:12px;color:#dc3545;margin-top:4px;display:flex;align-items:center;gap:4px}.otp-container{display:flex;gap:10px;justify-content:center;margin-bottom:10px}.otp-input{width:50px;height:55px;border:1px solid #e2e8f0;border-radius:8px;font-size:22px;font-weight:600;text-align:center;outline:none;transition:border-color .3s ease,box-shadow .3s ease}.otp-input-expired{border-color:#dc3545;background-color:#fff5f5}.resend-container{text-align:center;margin-top:-10px}.timer-text{color:#718096;font-size:14px}.timer-expired-text{color:#dc3545;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:4px}.resend-button{background:none;border:none;color:#337ab7;font-size:14px;font-weight:500;cursor:pointer;text-decoration:underline}.resend-button-disabled{opacity:.5;cursor:not-allowed;text-decoration:none}.password-validation-container{background-color:#f8f9fa;border-radius:8px;padding:15px;margin-top:10px;border:1px solid #e2e8f0}.validation-item{display:flex;align-items:center;gap:10px;padding:5px 0;font-size:14px}.password-match-container{margin-top:10px;padding:10px;border-radius:8px;transition:background-color .3s ease}.password-match-text{display:flex;align-items:center;gap:8px;font-size:14px}.account-type-container{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.pending-approval-box{background-color:#fff8e7;border:1px solid #ffd700;border-radius:8px;padding:15px;margin-bottom:20px;display:flex;align-items:center;gap:10px}.input-focus:focus{border-color:#337ab7!important;box-shadow:0 0 0 3px #337ab71a}.otp-input:focus{border-color:#337ab7;box-shadow:0 0 0 3px #337ab71a}.button-hover:hover{background:#286090!important}.desktop-login-button:hover{background-color:#286090}.hero-button-primary:hover{background-color:#1e4b7a;transform:translateY(-2px);box-shadow:0 8px 25px #1e4b7a80}.hero-button-secondary:hover{background-color:#337ab7;color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #337ab766;border-color:#337ab7}.category-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a;border-color:#337ab7}.uncategorized-link:hover{background-color:#337ab7;color:#fff}.submit-button:hover{background-color:#286090;transform:translateY(-2px);box-shadow:0 8px 25px #1e4b7a80}.nav-link:hover,.mobile-nav-link:hover{color:#337ab7;background-color:transparent!important;background:none!important;box-shadow:none!important}.hamburger-button:hover{background-color:#ffffff1a}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@media (max-width: 768px){.desktop-nav-links,.desktop-login-button{display:none}.hamburger-button,.mobile-menu{display:flex}.right-section{gap:15px}.user-section{gap:10px}.user-avatar{width:32px;height:32px}.user-name{font-size:14px;max-width:100px}.dropdown-menu{min-width:180px}.dropdown-item,.logout-item{padding:10px 14px;font-size:13px}.hero-container{padding:20px}.hero-title{font-size:36px}.hero-description{font-size:16px}.hero-button-primary,.hero-button-secondary{padding:16px 32px;font-size:16px;min-width:160px}.categories-section{padding:60px 20px}.categories-title{font-size:36px}.categories-description{font-size:15px}.category-cards{grid-template-columns:repeat(2,1fr);gap:20px}.follow-us-container{grid-template-columns:1fr;gap:40px}.follow-us-title{font-size:32px}.form-title{font-size:24px}.color-full-box{height:100px}.footer-section{padding:15px 20px}.footer-links{gap:20px}.login-drawer{width:85%;padding:30px 20px}.drawer-title{font-size:24px}.account-type-container{gap:10px}.account-type-card{padding:20px 10px}.account-type-icon{width:40px;height:40px}.account-type-icon svg{width:20px;height:20px}.account-type-title{font-size:16px}}@media (max-width: 450px){.hero-title{font-size:32px}.hero-description{font-size:14px}.hero-button-primary,.hero-button-secondary{padding:14px 28px;font-size:15px;min-width:140px}.categories-title{font-size:32px}.categories-description{font-size:14px}.category-cards{grid-template-columns:1fr}.follow-us-title{font-size:28px}.form-title{font-size:22px}.form-row{grid-template-columns:1fr}.login-drawer{width:100%;padding:30px 20px}.drawer-title{font-size:26px}.create-account-small{font-size:14px}.otp-container{gap:6px}.otp-input{width:40px;height:45px;font-size:18px}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.setup-container{padding:30px 20px;width:85%}.setup-title{font-size:20px}.setup-status{font-size:14px}.setup-icon svg{width:36px;height:36px}}@media (max-width: 480px){.setup-container{padding:25px 15px;width:90%}.setup-title{font-size:18px}.setup-status{font-size:12px}.setup-icon svg{width:32px;height:32px}}.uncategorized-wrapper{margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:12px;transition:all .3s ease}.uncategorized-title{display:flex;align-items:center;gap:10px;font-size:1.5rem;margin-bottom:15px;color:#2c3e50}.uncategorized-courses-preview{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-bottom:10px}.uncategorized-course-item{padding:8px 16px;background:white;border-radius:20px;cursor:pointer;transition:all .3s ease;border:1px solid #e0e0e0;font-size:14px}.uncategorized-course-item:hover{background:#337ab7;color:#fff;border-color:#337ab7;transform:translateY(-2px)}.view-all-link{padding:8px 16px;color:#337ab7;text-decoration:none;font-weight:500;transition:color .3s ease;cursor:pointer}.view-all-link:hover{color:#235a8c;text-decoration:underline}.no-uncategorized-text{color:#6c757d;font-style:italic;padding:10px 0}.uncategorized-description{color:#6c757d;font-size:.9rem;margin-top:10px;padding-top:10px;border-top:1px solid #e0e0e0}@media (max-width: 768px){.uncategorized-wrapper{padding:15px}.uncategorized-title{font-size:1.2rem}.uncategorized-icon{font-size:1.4rem}.uncategorized-course-item{padding:6px 12px;font-size:12px}}@media (max-width: 480px){.uncategorized-courses-preview{flex-direction:column;align-items:flex-start}.uncategorized-course-item{width:100%;text-align:center}}.course-count{font-size:13px;color:#6b7280;margin-bottom:12px;display:flex;align-items:center;gap:5px}.category-description{font-size:13px;color:#6b7280;line-height:1.5;margin-bottom:15px}.uncategorized-wrapper{margin-bottom:40px;padding:24px;background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);border-radius:16px;border:1px solid #e2e8f0;transition:all .3s ease}.uncategorized-title{display:flex;align-items:center;gap:12px;font-size:1.4rem;margin-bottom:20px;color:#2c3e50;font-weight:600}.uncategorized-icon{font-size:1.8rem}.uncategorized-courses-preview{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:15px}.uncategorized-course-item{padding:8px 18px;background:white;border-radius:25px;cursor:pointer;transition:all .3s ease;border:1px solid #e0e0e0;font-size:14px;font-weight:500;color:#4a5568}.uncategorized-course-item:hover{background:#337ab7;color:#fff;border-color:#337ab7;transform:translateY(-2px);box-shadow:0 4px 12px #337ab733}.view-all-link{padding:8px 18px;color:#337ab7;text-decoration:none;font-weight:500;transition:all .3s ease;cursor:pointer;border-radius:25px;background:#f0f7ff}.view-all-link:hover{background:#337ab7;color:#fff;text-decoration:none}.uncategorized-description{color:#6c757d;font-size:.85rem;margin-top:15px;padding-top:12px;border-top:1px dashed #e0e0e0}.no-uncategorized-text{color:#6c757d;font-style:italic;padding:20px;text-align:center;background:#f8f9fa;border-radius:12px}.spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #337ab7;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}.category-badge{display:inline-block;background:#337ab7;color:#fff;font-size:11px;padding:2px 8px;border-radius:12px;margin-left:10px;vertical-align:middle;font-weight:400}.category-courses-preview{margin-top:12px;padding-top:8px;border-top:1px solid #e2e8f0}.preview-course-item{padding:6px 0;font-size:13px;color:#4a5568;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-course-title{display:block;overflow:hidden;text-overflow:ellipsis}.more-courses{display:inline-block;font-size:12px;color:#337ab7;margin-top:4px;cursor:pointer}.courses-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.courses-modal{background:white;border-radius:16px;width:90%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .3s ease;box-shadow:0 20px 60px #0000004d}.courses-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.courses-modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#1a202c;display:flex;align-items:center;gap:10px}.modal-category-icon{font-size:1.8rem}.modal-close{background:none;border:none;cursor:pointer;color:#718096;transition:color .2s;padding:4px;border-radius:8px}.modal-close:hover{color:#ef4444;background:#fef2f2}.courses-modal-body{flex:1;overflow-y:auto;padding:20px 24px}.courses-list{display:flex;flex-direction:column;gap:16px}.modal-course-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f8fafc;border-radius:12px;cursor:pointer;transition:all .2s ease;border:1px solid #e2e8f0}.modal-course-item:hover{background:#f1f5f9;transform:translate(4px);border-color:#337ab7}.modal-course-image{width:80px;height:80px;flex-shrink:0;border-radius:8px;overflow:hidden;background:#e2e8f0}.modal-course-image img{width:100%;height:100%;object-fit:cover}.modal-course-icon{width:80px;height:80px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#e2e8f0;border-radius:8px;color:#4a5568}.modal-course-info{flex:1}.modal-course-info h3{margin:0 0 8px;font-size:1.1rem;font-weight:600;color:#1a202c}.modal-course-description{margin:0 0 12px;font-size:.85rem;color:#4a5568;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.modal-course-meta{display:flex;gap:12px;align-items:center}.course-level{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600;color:#fff}.course-duration{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#64748b}.modal-course-action{flex-shrink:0;color:#337ab7;opacity:0;transition:opacity .2s}.modal-course-item:hover .modal-course-action{opacity:1}.loading-courses-modal{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px}.no-courses-modal{text-align:center;padding:60px;color:#718096}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.courses-modal{width:95%;max-height:85vh}.courses-modal-header h2{font-size:1.2rem}.modal-course-item{flex-direction:column;text-align:center}.modal-course-image,.modal-course-icon{width:100%;height:auto;min-height:120px}.modal-course-meta{justify-content:center}.modal-course-action{opacity:1}}.featured-courses-section{background-color:#f8f9fa;padding:80px 20px}.featured-courses-container{max-width:1200px;margin:0 auto}.featured-courses-header{text-align:center;margin-bottom:50px}.featured-courses-title{font-size:42px;font-weight:700;color:#1a1a2e;margin-bottom:20px}.featured-courses-description{font-size:18px;color:#4a5568;line-height:1.6;max-width:800px;margin:0 auto}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;margin-bottom:40px}.course-card-icon{width:100%;height:200px;background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%);display:flex;align-items:center;justify-content:center;color:#337ab7}.course-description{font-size:14px;color:#6b7280;line-height:1.6;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.course-meta{display:flex;gap:12px;margin-bottom:15px;flex-wrap:wrap;align-items:center}.course-level{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff}.course-duration{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:#6b7280}.course-footer{margin-top:auto;padding-top:15px;border-top:1px solid #e2e8f0}.course-enroll-btn{background:#337ab7;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;width:100%;justify-content:center}.loading-courses,.loading-categories{text-align:center;padding:60px 20px}.loading-courses .spinner,.loading-categories .spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top:3px solid #337ab7;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.no-courses-message{text-align:center;padding:60px;background:white;border-radius:16px;color:#718096}.see-more-btn{background:linear-gradient(135deg,#337ab7 0%,#286090 100%);color:#fff;border:none;padding:14px 40px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 15px #337ab74d}.see-more-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #337ab766}@media (max-width: 768px){.featured-courses-title{font-size:32px}.featured-courses-description{font-size:16px}.courses-grid{grid-template-columns:1fr;gap:20px}.course-title{font-size:18px}}@media (max-width: 480px){.featured-courses-section{padding:50px 15px}.featured-courses-title{font-size:28px}.see-more-btn{padding:12px 30px;font-size:14px}}.drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:2000;display:none;animation:fadeIn .3s ease}.login-drawer{position:fixed;top:0;right:-100%;width:400px;max-width:450px;height:100vh;background-color:#fff;box-shadow:-5px 0 20px #0003;z-index:2001;transition:right .3s ease-in-out;overflow-y:auto;display:flex;flex-direction:column}.login-drawer>*{padding-left:0;margin-left:0}.drawer-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;width:100%}.title-container{display:flex;flex-direction:column;gap:4px;text-align:left}.drawer-title{font-size:28px;color:#1a202c;font-weight:700;margin:0;text-align:left}.create-account-small{font-size:14px;color:#718096;margin:0;text-align:left}.create-account-link{color:#337ab7;text-decoration:none;font-weight:500;cursor:pointer}.create-account-link:hover{text-decoration:underline}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;padding:5px;border-radius:50%;transition:all .3s ease}.close-button:hover{background-color:#f0f0f0;color:#333}.back-to-login-button,.back-button{background:none;border:none;color:#337ab7;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:5px;margin-bottom:15px;padding:5px 0;width:fit-content}.back-to-login-button:hover,.back-button:hover{text-decoration:underline}.single-line{width:100%;height:1px;background-color:#e2e8f0;margin:20px 0}.form{display:flex;flex-direction:column;gap:20px;flex:1;width:100%}.input-group{display:flex;flex-direction:column;gap:8px;width:100%;text-align:left}.label{font-size:14px;font-weight:500;color:#4a5568;text-align:left;display:block}.input-container{position:relative;display:flex;align-items:center;width:100%}.input-icon{position:absolute;left:12px;color:#a0aec0;font-size:18px;pointer-events:none}.input{width:100%;padding:14px 12px 14px 45px;border:1px solid #e2e8f0;border-radius:10px;font-size:15px;outline:none;transition:border-color .3s ease;box-sizing:border-box;text-align:left}.input:focus{border-color:#337ab7;box-shadow:0 0 0 3px #337ab71a}.input::placeholder{text-align:left;color:#a0aec0}.password-toggle{position:absolute;right:12px;background:none;border:none;color:#a0aec0;cursor:pointer;font-size:14px;padding:4px 8px}.password-toggle:hover{color:#337ab7}.continue-button,.sign-in-button,.send-otp-button,.verify-otp-button,.reset-password-button{background:#337ab7;color:#fff;border:none;padding:14px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .3s ease;width:100%}.continue-button:hover,.sign-in-button:hover,.send-otp-button:hover,.verify-otp-button:hover,.reset-password-button:hover{background:#286090}.button-disabled{opacity:.7;cursor:not-allowed}.terms-text{color:#718096;font-size:12px;text-align:center;margin-top:20px;line-height:1.5;padding:0 10px}.terms-link{color:#337ab7;text-decoration:none;font-weight:500}.terms-link:hover{text-decoration:underline}.forgot-password{text-align:right;margin-top:5px}.forgot-link{color:#337ab7;text-decoration:none;font-size:14px;font-weight:500;cursor:pointer}.forgot-link:hover{text-decoration:underline}.password-section{margin-top:20px;animation:slideDown .3s ease}.helper-text{font-size:12px;color:#718096;margin-top:4px;text-align:left}.error-text{font-size:12px;color:#dc3545;margin-top:4px;display:flex;align-items:center;gap:4px;text-align:left}.password-validation-container{background-color:#f8f9fa;border-radius:8px;padding:15px;margin-top:10px;border:1px solid #e2e8f0;text-align:left}.validation-item{display:flex;align-items:center;gap:10px;padding:5px 0;font-size:14px;text-align:left}.valid-icon{color:#10b981;font-size:16px;flex-shrink:0}.invalid-icon{color:#ef4444;font-size:16px;flex-shrink:0}.validation-text{color:#4a5568}.password-match-container{margin-top:10px;padding:10px;border-radius:8px;transition:background-color .3s ease;text-align:left}.password-match-text{display:flex;align-items:center;gap:8px;font-size:14px;text-align:left}.password-strength-bar{width:100%;height:4px;background-color:#e2e8f0;border-radius:2px;margin-top:10px;overflow:hidden}.password-strength-fill{height:100%;transition:width .3s ease,background-color .3s ease}.account-type-container{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px;width:100%}.account-type-card{padding:25px 15px;border:2px solid #e2e8f0;border-radius:12px;text-align:center;cursor:pointer;transition:all .3s ease}.account-type-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.account-type-icon{width:50px;height:50px;background-color:#ebf8ff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;color:#337ab7}.account-type-title{font-size:18px;font-weight:600;color:#1a202c;margin-bottom:5px}.account-type-desc{font-size:12px;color:#718096}.pending-approval-box{background-color:#fff8e7;border:1px solid #ffd700;border-radius:8px;padding:15px;margin-bottom:20px;display:flex;align-items:center;gap:10px;text-align:left}.contact-admin-container{text-align:center;padding:20px}.contact-admin-icon{margin-bottom:20px;color:#f59e0b}.contact-admin-title{font-size:20px;font-weight:600;color:#1f2937;margin-bottom:20px}.contact-admin-message{display:flex;align-items:center;gap:10px;background-color:#fee2e2;border-left:4px solid #ef4444;padding:12px 16px;border-radius:8px;margin:16px 0;text-align:left}.contact-admin-message svg{color:#ef4444;flex-shrink:0}.contact-admin-message p{margin:0;color:#991b1b;font-size:14px}.contact-admin-details{background-color:#f3f4f6;padding:16px;border-radius:8px;margin:16px 0;text-align:left}.contact-admin-details p{margin:8px 0;font-size:14px;color:#4b5563}.contact-admin-support{margin-top:12px!important;padding-top:12px;border-top:1px solid #e5e7eb}.contact-admin-support a{color:#337ab7;text-decoration:none}.contact-admin-support a:hover{text-decoration:underline}.back-to-login-button-main{width:100%;padding:12px;background-color:#337ab7;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:16px}.back-to-login-button-main:hover{background-color:#286090;transform:translateY(-1px)}.setup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.setup-container{background:rgba(255,255,255,.95);border-radius:20px;padding:40px;max-width:500px;width:90%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:slideUp .5s ease-out}.setup-content{display:flex;flex-direction:column;align-items:center;gap:20px}.setup-icon{color:#337ab7}.spinning-icon{animation:spin 1s linear infinite}.setup-progress-text{font-size:14px;font-weight:600;color:#337ab7;margin-top:10px}.setup-title{font-size:24px;font-weight:600;color:#1a202c;margin:0}.setup-status{font-size:16px;color:#4a5568;margin:0;min-height:24px}.setup-progress-bar{width:100%;height:8px;background-color:#e2e8f0;border-radius:10px;overflow:hidden;margin-top:10px}.setup-progress-fill{height:100%;background:linear-gradient(90deg,#337ab7,#5a9bd5);border-radius:10px;transition:width .3s ease-out;position:relative;overflow:hidden}.setup-progress-fill:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1s infinite}.spinner{width:20px;height:20px;border:2px solid white;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite;display:inline-block}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.login-drawer{padding:40px}.login-drawer .drawer-header,.login-drawer .form,.login-drawer .input-group,.login-drawer .terms-text{width:100%}.input-group .label{display:block;margin-bottom:4px}.continue-button,.sign-in-button{text-align:center}@media (max-width: 768px){.login-drawer{width:85%;padding:30px 20px}.drawer-title{font-size:24px}.account-type-container{gap:10px}.account-type-card{padding:20px 10px}.account-type-icon{width:40px;height:40px}.account-type-icon svg{width:20px;height:20px}.account-type-title{font-size:16px}}@media (max-width: 480px){.login-drawer{width:100%;padding:30px 20px}.drawer-title{font-size:26px}.create-account-small{font-size:14px}.setup-container{padding:25px 15px;width:90%}.setup-title{font-size:18px}.setup-status{font-size:12px}.setup-icon svg{width:32px;height:32px}}.contact-main-content{min-height:calc(100vh - 320px);background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);margin-top:70px;padding:60px 20px;display:flex;align-items:center;justify-content:center}.contact-container{max-width:1200px;width:100%;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.contact-left-content{text-align:left}.contact-title{font-size:48px;font-weight:700;color:#1a1a2e;margin-bottom:20px;line-height:1.2}.contact-title .highlight{color:#337ab7;position:relative;display:inline-block}.contact-description{font-size:16px;color:#4a5568;line-height:1.8;margin-bottom:30px}.contact-form-wrapper{background:white;border-radius:20px;padding:40px;box-shadow:0 20px 40px #0000001a;animation:fadeInUp .5s ease}.contact-form-title{font-size:26px;font-weight:600;color:#1a1a2e;margin-bottom:30px;text-align:center}.contact-form{display:flex;flex-direction:column;gap:20px}.contact-form-group{width:100%}.contact-input-wrapper{position:relative;width:100%}.contact-input-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#a0aec0;font-size:18px;z-index:1}.contact-input,.contact-textarea{width:100%;padding:14px 16px 14px 45px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;color:#1a1a2e;transition:all .3s ease;font-family:inherit;background-color:#f8f9fa}.contact-textarea{padding:14px 16px 14px 45px;resize:vertical;min-height:120px;line-height:1.5}.contact-textarea+.contact-input-icon{top:20px;transform:none}.contact-input:focus,.contact-textarea:focus{outline:none;border-color:#337ab7;box-shadow:0 0 0 3px #337ab71a;background-color:#fff}.contact-input:hover:not(:disabled),.contact-textarea:hover:not(:disabled){border-color:#337ab7}.contact-submit-button{background:linear-gradient(135deg,#337ab7 0%,#286090 100%);color:#fff;border:none;padding:14px 30px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;margin-top:10px;box-shadow:0 4px 15px #337ab74d;width:100%}.contact-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #337ab766;background:linear-gradient(135deg,#286090 0%,#1e4b7a 100%)}.button-disabled{opacity:.7;cursor:not-allowed;transform:none!important}.spinner{width:20px;height:20px;border:2px solid white;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.color-full-box{width:100%;height:150px;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 25%,#0f3460 50%,#533483 75%,#337ab7 100%);box-shadow:0 4px 20px #0003}.footer-section{width:100%;background-color:#1a1a2e;padding:20px;border-top:1px solid rgba(255,255,255,.1)}.footer-container{max-width:1200px;margin:0 auto}.footer-links{display:flex;gap:30px;align-items:center;margin-bottom:10px}.footer-link-item{cursor:pointer;transition:color .3s ease,transform .3s ease;display:flex;align-items:center}.footer-link-title{font-size:15px;text-decoration:none;font-weight:500;color:#fff;margin:0;letter-spacing:.3px;transition:color .3s ease}.footer-link-title:hover{color:#337ab7}.footer-copyright{text-align:left;font-size:13px;color:#ffffff80;padding-top:10px;border-top:1px solid rgba(255,255,255,.1);letter-spacing:.2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.contact-container{grid-template-columns:1fr;gap:40px}.contact-left-content{text-align:center}.contact-title{font-size:36px}.contact-description{font-size:16px}.contact-info{align-items:center}.info-item{width:100%;max-width:300px}.contact-form-wrapper{padding:30px 25px}.contact-form-title{font-size:24px}.color-full-box{height:100px}.footer-section{padding:15px 20px}.footer-links{gap:20px}}@media (max-width: 450px){.contact-title{font-size:28px}.contact-description{font-size:14px}.contact-form-wrapper{padding:25px 20px}.contact-form-title{font-size:22px}.contact-input,.contact-textarea{padding:12px 14px 12px 40px;font-size:14px}.contact-input-icon{left:12px;font-size:16px}.contact-submit-button{padding:12px 25px;font-size:14px}.footer-link-title{font-size:13px}.footer-copyright{font-size:11px}}.desktop-login-button{text-decoration:none}.courses-hero-title .highlight{position:relative;display:inline-block}.courses-hero-title .highlight:after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:3px;background:linear-gradient(90deg,#fff,#ffd700);border-radius:2px}.courses-results-title{font-size:28px;font-weight:600;color:#1a1a2e;margin-bottom:30px;text-align:center}.course-card{background:white;border-radius:16px;overflow:hidden;box-shadow:0 4px 15px #00000014;transition:all .3s ease;cursor:pointer}.course-card-image{width:100%;height:200px;overflow:hidden;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.course-card-content{padding:20px}.course-title{font-size:20px;font-weight:600;color:#1a1a2e;margin-bottom:10px;line-height:1.4}.course-description{font-size:14px;color:#6b7280;line-height:1.6;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-meta{display:flex;gap:15px;margin-bottom:15px;flex-wrap:wrap}.course-meta-item{display:flex;align-items:center;gap:5px;font-size:12px;color:#6b7280}.course-footer{display:flex;align-items:center;justify-content:space-between;padding-top:15px;border-top:1px solid #e2e8f0}.course-price{font-size:24px;font-weight:700;color:#337ab7}.course-enroll-btn{background:#337ab7;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.courses-loading .spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top:3px solid #337ab7;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.courses-empty{text-align:center;padding:60px 20px}.courses-empty h3{font-size:24px;color:#1a1a2e;margin:20px 0 10px}@media (max-width: 768px){.courses-hero-section{padding:60px 20px}.courses-hero-title{font-size:40px}.courses-hero-description{font-size:16px}.courses-search-wrapper{flex-direction:column;background:transparent;box-shadow:none}.courses-search-icon{display:none}.courses-search-input{width:100%;padding:14px 20px;border-radius:50px;background:white;margin-bottom:10px;box-shadow:0 4px 15px #0000001a}.courses-search-button{width:100%;padding:12px}.courses-grid{grid-template-columns:1fr;gap:20px}.courses-results-title{font-size:24px}}@media (max-width: 450px){.courses-hero-title{font-size:32px}.courses-hero-description{font-size:14px}.course-title{font-size:18px}.course-price{font-size:20px}}.courses-hero-section{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);margin-top:70px;padding:80px 20px;position:relative;overflow:hidden}.courses-hero-section:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:40px 40px;animation:moveBackground 20s linear infinite}@keyframes moveBackground{0%{transform:translate(0)}to{transform:translate(40px,40px)}}.courses-hero-container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.courses-hero-content{max-width:800px;margin:0 auto;text-align:center}.courses-hero-title{font-size:56px;font-weight:700;color:#fff;margin-bottom:20px;line-height:1.2}.courses-hero-description{font-size:18px;color:#fffffff2;line-height:1.8;margin-bottom:40px}.courses-search-form{max-width:600px;margin:0 auto}.courses-search-wrapper{position:relative;display:flex;align-items:center;background:white;border-radius:50px;box-shadow:0 10px 30px #0003;transition:all .3s ease}.courses-search-wrapper:hover{box-shadow:0 15px 40px #00000040;transform:translateY(-2px)}.courses-search-icon{position:absolute;left:20px;color:#a0aec0;font-size:20px}.courses-search-input{flex:1;padding:16px 20px 16px 55px;border:none;border-radius:50px;font-size:16px;outline:none;background:transparent}.courses-search-button{background:linear-gradient(135deg,#337ab7 0%,#286090 100%);color:#fff;border:none;padding:12px 30px;margin:5px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.courses-search-button:hover{background:linear-gradient(135deg,#286090 0%,#1e4b7a 100%);transform:scale(1.02)}.courses-grid-section{background-color:#f8f9fa;padding:60px 20px;min-height:400px}.courses-container{max-width:1200px;margin:0 auto}.courses-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.courses-title{font-size:28px;font-weight:600;color:#1a1a2e;margin:0}.clear-search-btn{background:#6c757d;color:#fff;border:none;padding:8px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.clear-search-btn:hover{background:#5a6268;transform:translateY(-1px)}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px}.course-card{background:white;border-radius:16px;overflow:hidden;box-shadow:0 4px 15px #00000014;transition:all .3s ease;cursor:pointer;height:100%;display:flex;flex-direction:column}.course-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001a}.course-card-image{position:relative;width:100%;height:200px;overflow:hidden;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.course-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.course-card:hover .course-card-image img{transform:scale(1.05)}.course-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%);color:#337ab7}.course-difficulty-badge{position:absolute;top:12px;right:12px;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.course-card-content{padding:20px;flex:1;display:flex;flex-direction:column}.course-title{font-size:18px;font-weight:600;color:#1a1a2e;margin-bottom:10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-teacher{display:flex;align-items:center;gap:6px;font-size:13px;color:#6b7280;margin-bottom:12px}.course-teacher svg{color:#337ab7}.course-description{font-size:14px;color:#6b7280;line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.course-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px;padding:12px 0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.course-meta-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#718096}.course-meta-item svg{color:#337ab7;flex-shrink:0}.course-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px}.course-price-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.course-price{font-size:22px;font-weight:700;color:#337ab7}.course-original-price{font-size:14px;color:#a0aec0;text-decoration:line-through}.course-discount{font-size:12px;font-weight:600;color:#28a745;background:#e8f5e9;padding:2px 8px;border-radius:12px}.course-enroll-btn{background:#337ab7;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s ease;white-space:nowrap}.course-enroll-btn:hover{background:#286090;transform:translate(3px)}.courses-loading{text-align:center;padding:60px 20px}.courses-loading .spinner{width:50px;height:50px;border:3px solid #e2e8f0;border-top:3px solid #337ab7;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.courses-empty{text-align:center;padding:60px 20px;background:white;border-radius:16px}.courses-empty h3{font-size:20px;color:#1a1a2e;margin:20px 0 10px}.courses-empty p{color:#6b7280;margin-bottom:20px}.courses-clear-btn{background:#337ab7;color:#fff;border:none;padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.courses-clear-btn:hover{background:#286090;transform:translateY(-2px)}@media (max-width: 768px){.courses-hero-section{padding:60px 20px}.courses-hero-title{font-size:40px}.courses-hero-description{font-size:16px}.courses-search-wrapper{flex-direction:column;background:transparent;box-shadow:none}.courses-search-icon{display:none}.courses-search-input{width:100%;padding:14px 20px;border-radius:50px;background:white;margin-bottom:10px;box-shadow:0 4px 15px #0000001a}.courses-search-button{width:100%;padding:12px}.courses-grid{grid-template-columns:1fr;gap:20px}.courses-title{font-size:24px}.course-meta-grid{grid-template-columns:1fr;gap:8px}.course-footer{flex-direction:column;gap:12px;align-items:flex-start}.course-enroll-btn{width:100%;justify-content:center}}@media (max-width: 480px){.courses-hero-title{font-size:32px}.courses-hero-description{font-size:14px}.course-title{font-size:16px}.course-price{font-size:20px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.schedule-modal{width:420px;max-width:90%;max-height:90vh;background:white;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;overflow:hidden;animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%);color:#fff;border-radius:12px 12px 0 0;flex-shrink:0}.modal-header h3{margin:0;font-size:16px;font-weight:600}.close-btn{background:none;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.close-btn:hover{background:rgba(255,255,255,.2);transform:scale(1.05)}.schedule-modal form{padding:16px;overflow-y:auto;flex:1;min-height:0}.schedule-modal form::-webkit-scrollbar{width:6px}.schedule-modal form::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.schedule-modal form::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.schedule-modal form::-webkit-scrollbar-thumb:hover{background:#94a3b8}.form-group{margin-bottom:12px}.form-group label{display:block;margin-bottom:4px;font-weight:500;color:#1e293b;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.form-group input:not([type=checkbox]),.form-group select,.form-group textarea{width:100%;padding:8px 10px;border:1px solid #cbd5e1;border-radius:8px;font-size:13px;box-sizing:border-box;background:white;transition:all .2s}.form-group input:not([type=checkbox]):focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#1e3c72;box-shadow:0 0 0 3px #1e3c721a}.form-group textarea{min-height:60px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.time-selectors{display:flex;gap:6px}.time-selectors select{flex:1;padding:8px 4px;font-size:12px;text-align:center}.recurring-toggle{margin:12px 0;padding:8px 12px;background:linear-gradient(135deg,#eff6ff 0%,#e0e7ff 100%);border-radius:10px;display:flex;align-items:center;gap:10px}.recurring-toggle input{width:16px;height:16px;cursor:pointer;accent-color:#1e3c72}.recurring-toggle label{font-size:12px;font-weight:500;color:#1e3c72;display:flex;align-items:center;gap:6px;cursor:pointer;margin:0;text-transform:none}.recurrence-options{margin:12px 0;padding:12px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0;max-height:280px;overflow-y:auto}.recurrence-options::-webkit-scrollbar{width:4px}.recurrence-options::-webkit-scrollbar-track{background:#e2e8f0;border-radius:2px}.recurrence-options::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:2px}.weekday-checkboxes{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.weekday-label{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:white;border-radius:20px;border:1px solid #cbd5e1;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s}.weekday-label input{width:12px;height:12px;margin:0;cursor:pointer;accent-color:#1e3c72}.weekday-label:has(input:checked){background:#1e3c72;border-color:#1e3c72;color:#fff}.total-info{display:block;margin-top:8px;font-size:10px;text-align:center;color:#1e3c72;font-weight:500}.batch-dropdown-button{width:100%;padding:8px 10px;border:1px solid #cbd5e1;border-radius:8px;background:white;display:flex;justify-content:space-between;align-items:center;font-size:13px;cursor:pointer;transition:all .2s}.batch-dropdown-button:hover{border-color:#1e3c72;background:#f8fafc}.batch-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid #cbd5e1;border-radius:8px;max-height:200px;overflow-y:auto;z-index:1000;margin-top:4px;box-shadow:0 4px 6px -1px #0000001a}.batch-dropdown-menu::-webkit-scrollbar{width:4px}.batch-dropdown-menu::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.batch-dropdown-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.batch-dropdown-item{padding:10px 12px;font-size:13px;cursor:pointer;transition:all .2s;border-bottom:1px solid #f1f5f9}.batch-dropdown-item:last-child{border-bottom:none}.batch-dropdown-item:hover{background:#eff6ff}.batch-dropdown-item.selected{background:#1e3c72;color:#fff}.no-batches{padding:12px;text-align:center;color:#64748b;font-size:12px}.selected-batches{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.batch-tag{display:inline-flex;align-items:center;gap:6px;background:#eff6ff;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:500;color:#1e3c72}.batch-tag button{background:none;border:none;color:#1e3c72;cursor:pointer;font-size:16px;padding:0;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;transition:all .2s}.batch-tag button:hover{background:rgba(0,0,0,.1);transform:scale(1.1)}.submit-btn{width:100%;background:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%);color:#fff;border:none;padding:10px;border-radius:10px;font-size:13px;font-weight:600;margin-top:12px;cursor:pointer;transition:all .2s}.submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #1e3c724d}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.alert-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.alert-modal{width:300px;background:white;border-radius:12px;overflow:hidden;animation:modalFadeIn .2s ease-out;box-shadow:0 20px 25px -5px #0003}.alert-header{padding:14px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #e2e8f0}.alert-header span{font-size:20px}.alert-header h4{margin:0;font-size:14px;font-weight:600;color:#1e293b}.alert-header.alert-error{background:#fef2f2}.alert-header.alert-info{background:#eff6ff}.alert-header.alert-success{background:#f0fdf4}.alert-body{padding:16px}.alert-body p{margin:0;font-size:13px;color:#334155;line-height:1.5}.alert-footer{padding:12px 16px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #e2e8f0;background:#f8fafc}.alert-btn{padding:6px 14px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.alert-btn.ok{background:#1e3c72;color:#fff}.alert-btn.ok:hover{background:#2a5298}.alert-btn.cancel{background:#e2e8f0;color:#334155}.alert-btn.cancel:hover{background:#cbd5e1}.alert-btn.confirm{background:#dc2626;color:#fff}.alert-btn.confirm:hover{background:#b91c1c}@media (max-width: 480px){.schedule-modal{width:95%;max-height:85vh}.form-row{gap:8px}.time-selectors{gap:4px}.modal-header,.schedule-modal form{padding:12px}}.hr-dashboard{min-height:100vh;background-color:#f8f9fa}.dashboard-content{flex:1;padding:40px;transition:margin-left .3s ease;width:100%}.content-wrapper{max-width:1400px;margin:0 auto}.dashboard-header h1{font-size:32px;color:#1a202c;font-weight:700;margin:0 0 8px}.dashboard-header p{font-size:16px;color:#4a5568;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-bottom:40px}.stat-card{background:white;border-radius:16px;padding:25px;box-shadow:0 4px 12px #00000014;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #edf2f7}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001f}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:15px}.stat-value{font-size:32px;font-weight:700;color:#1a202c;margin-bottom:5px}.stat-label{font-size:14px;color:#718096;text-transform:uppercase;letter-spacing:.5px}.chart-container{background:white;border-radius:16px;padding:25px;box-shadow:0 4px 12px #00000014;margin-bottom:40px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.chart-title{font-size:20px;font-weight:600;color:#1a202c;margin:0}.year-selector{display:flex;gap:10px;align-items:center}select{background-position:right 3px center!important;background-size:12px!important}.year-selector select{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;cursor:pointer;background-color:#fff}.total-count{font-size:14px;color:#4a5568;background-color:#f0f0f0;padding:8px 16px;border-radius:20px}.total-count span{font-weight:700;color:#337ab7;font-size:18px}.today-classes-section{background:white;border-radius:16px;padding:25px;box-shadow:0 4px 12px #00000014;margin-bottom:40px}.classes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:nowrap;gap:15px;overflow-x:auto}.title-container{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important}.classes-title{font-size:15px;font-weight:600;color:#1a202c;margin:0;white-space:nowrap;display:inline-block}.date-navigation{display:flex;align-items:center;gap:15px;background:#f8f9fa;padding:8px 16px;border-radius:8px}.nav-btn{background:white;border:1px solid #ddd;border-radius:6px;padding:8px 12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#4a5568;font-size:14px;font-weight:500;gap:5px}.nav-btn:hover:not(:disabled){background:#337ab7;color:#fff;border-color:#337ab7}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.current-date{font-size:16px;font-weight:500;color:#1a202c;min-width:250px;text-align:center}.action-buttons{display:flex;gap:10px}.schedule-btn{background:#337ab7;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .3s ease}.schedule-btn:hover{background:#286090}.holiday-btn{background:#ff9800;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .3s ease}.holiday-btn:hover{background:#e68900}.holiday-alert{background:#fff3cd;border-left:4px solid #ffc107;padding:15px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:10px}.holiday-alert svg{color:#ffc107}.classes-list{display:flex;flex-direction:column;gap:15px;min-height:200px;position:relative}.class-card{background:#f8f9fa;border-radius:12px;padding:20px;display:flex;justify-content:space-between;align-items:center;transition:transform .2s ease;border-left:4px solid #337ab7}.class-card:hover{transform:translate(5px);box-shadow:0 2px 8px #0000001a}.class-info{flex:1}.class-title{font-size:18px;font-weight:600;color:#1a202c;margin-bottom:8px}.class-details{display:flex;gap:20px;flex-wrap:wrap}.class-time{display:flex;align-items:center;gap:5px;font-size:14px;color:#4a5568}.class-status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-upcoming{background:#e3f2fd;color:#1976d2}.status-ongoing{background:#e8f5e9;color:#388e3c;animation:pulse 2s infinite}.status-completed{background:#f5f5f5;color:#757575}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;border-radius:12px;z-index:10}.no-classes{text-align:center;padding:40px;color:#718096}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.schedule-modal,.holiday-modal{max-width:600px;width:90%;background:white;border-radius:16px;padding:30px;max-height:90vh;overflow-y:auto;margin-top:6rem}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h3{margin:0;font-size:24px;color:#1a202c}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#718096}.full-width{grid-column:1 / -1}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#1a202c}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px}.time-group{margin-bottom:20px}.time-group label{display:block;margin-bottom:8px;font-weight:500;color:#1a202c}.time-selectors{display:flex;align-items:center;gap:10px}.time-selectors select{flex:1;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;cursor:pointer}.time-selectors span{font-size:18px;font-weight:700}.batch-selector{position:relative;width:100%}.batch-dropdown-button{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;background-color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.batch-dropdown-button:hover{border-color:#337ab7}.batch-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid #ddd;border-radius:6px;margin-top:4px;max-height:250px;overflow-y:auto;z-index:10;box-shadow:0 4px 12px #00000026}.batch-dropdown-item{padding:10px;cursor:pointer;transition:background .2s ease;border-bottom:1px solid #f0f0f0}.batch-dropdown-item:hover{background:#f0f7ff}.batch-dropdown-item.selected{background:#e3f2fd}.batch-item-content{display:flex;justify-content:space-between;align-items:center}.batch-name{font-weight:500;color:#1a202c}.batch-student-count{font-size:12px;color:#718096}.selected-batch-tag{display:inline-flex;align-items:center;gap:8px;background:#e3f2fd;padding:4px 10px;border-radius:20px;font-size:13px;margin:4px 8px 4px 0}.remove-batch{cursor:pointer;color:#718096;display:inline-flex;align-items:center}.remove-batch:hover{color:#e53e3e}.selected-batches-container{margin-top:10px;display:flex;flex-wrap:wrap}.info-note{display:flex;align-items:center;gap:8px;padding:12px;background:#fff3e0;border-radius:8px;margin:20px 0;font-size:13px;color:#e65100}.loading-batches,.no-batches{text-align:center;padding:20px;color:#718096}.submit-btn{width:100%;background:#337ab7;color:#fff;border:none;padding:12px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer}.submit-btn:hover{background:#286090}.submit-btn.holiday{background:#ff9800}.submit-btn.holiday:hover{background:#e68900}.section-title{font-size:20px;font-weight:600;color:#1a202c;margin-bottom:20px}.recent-list{background:white;border-radius:16px;padding:20px;box-shadow:0 4px 12px #00000014}.recent-item{display:flex;align-items:center;padding:15px;border-bottom:1px solid #edf2f7;transition:background-color .3s ease}.recent-item:last-child{border-bottom:none}.recent-item:hover{background-color:#f8f9fa}.recent-avatar{width:45px;height:45px;border-radius:50%;background-color:#ebf4ff;display:flex;align-items:center;justify-content:center;margin-right:15px;color:#337ab7;font-weight:600;font-size:18px}.recent-info{flex:1}.recent-name{font-weight:600;color:#1a202c;margin-bottom:4px}.recent-detail{font-size:13px;color:#718096}.recent-date{font-size:12px;color:#a0aec0}.spinner{width:50px;height:50px;border:3px solid #f3f3f3;border-top:3px solid #337ab7;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.small-spinner{width:30px;height:30px;border:3px solid #f3f3f3;border-top:3px solid #337ab7;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.dashboard-content{padding:20px}.stats-grid{grid-template-columns:1fr}.chart-header{flex-direction:column;align-items:flex-start}.classes-header{flex-direction:column}.title-container{min-width:auto}.classes-title{white-space:normal}.date-navigation,.action-buttons{width:100%;justify-content:space-between}.current-date{min-width:auto;font-size:14px}.class-card{flex-direction:column;align-items:flex-start;gap:10px}.form-row{grid-template-columns:1fr;gap:15px}.time-selectors{flex-wrap:wrap}}.class-card{background:#f8f9fa;border-radius:12px;padding:20px;display:flex;justify-content:space-between;align-items:center;transition:transform .2s ease;border-left:4px solid #337ab7;flex-wrap:wrap;gap:15px}.meeting-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.meeting-btn.btn-success{background:#28a745;color:#fff}.meeting-btn.btn-success:hover{background:#218838;transform:translateY(-1px)}.meeting-btn.btn-primary{background:#007bff;color:#fff}.meeting-btn.btn-primary:hover{background:#0056b3;transform:translateY(-1px)}.meeting-btn.btn-warning{background:#ffc107;color:#333}.meeting-btn.btn-warning:hover{background:#e0a800}.meeting-btn.btn-outline{background:transparent;border:1px solid #007bff;color:#007bff}.meeting-btn.btn-outline:hover{background:#007bff;color:#fff}.meeting-btn.btn-secondary{background:#6c757d;color:#fff;cursor:not-allowed}.meeting-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.class-card{flex-direction:column;align-items:flex-start}.meeting-btn{width:100%;justify-content:center}}.delete-class-btn{background:none;border:none;color:#e53e3e;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;transition:all .2s ease}.delete-class-btn:hover:not(:disabled){background:#fed7d7;color:#c53030;transform:scale(1.05)}.delete-class-btn:disabled{opacity:.5;cursor:not-allowed}.small-spinner{width:16px;height:16px;border:2px solid #e2e8f0;border-top:2px solid #e53e3e;border-radius:50%;animation:spin .8s linear infinite}.delete-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.delete-modal{background:white;border-radius:20px;width:90%;max-width:450px;box-shadow:0 20px 60px #0000004d;animation:slideIn .3s ease;overflow:hidden}.delete-modal-header{display:flex;align-items:center;gap:12px;padding:20px 24px;background:linear-gradient(135deg,#fff5f5 0%,#ffffff 100%);border-bottom:1px solid #fee2e2}.warning-icon-circle{width:40px;height:40px;background:#fee2e2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#e53e3e}.delete-modal-header h3{margin:0;font-size:20px;font-weight:600;color:#e53e3e;flex:1}.delete-modal-close{background:none;border:none;cursor:pointer;color:#718096;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.delete-modal-close:hover{background:#f7fafc;color:#e53e3e}.delete-modal-body{padding:24px;text-align:center}.delete-modal-body p{margin:12px 0;font-size:16px;color:#4a5568}.delete-modal-body .warning-text{color:#e65100;font-weight:500;background:#fff3e0;padding:10px;border-radius:10px;margin:15px 0}.delete-modal-body .danger-text{color:#e53e3e;font-weight:600;font-size:14px;margin-top:10px}.delete-modal-footer{display:flex;gap:12px;padding:20px 24px;background:#f7fafc;border-top:1px solid #e2e8f0}.cancel-btn{flex:1;padding:12px;background:white;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;color:#4a5568}.cancel-btn:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.confirm-delete-btn{flex:1;padding:12px;background:#e53e3e;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.confirm-delete-btn:hover:not(:disabled){background:#c53030;transform:translateY(-1px);box-shadow:0 4px 12px #e53e3e4d}.confirm-delete-btn:disabled,.cancel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin .8s linear infinite}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.form-row-three-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}.form-row-inline{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.full-width-batches{grid-column:1 / -1}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.time-group{margin-bottom:0}@media (max-width: 992px){.form-row-three-columns{grid-template-columns:repeat(2,1fr)}.full-width-batches{grid-column:1 / -1}}@media (max-width: 768px){.form-row-three-columns,.form-row-inline,.form-row{grid-template-columns:1fr}}@media (max-width: 992px){.classes-header{flex-wrap:nowrap;gap:10px}.date-navigation,.action-buttons{flex-shrink:0}.current-date{min-width:auto;font-size:12px;white-space:nowrap}.nav-btn{padding:6px 10px;font-size:12px}.schedule-btn,.holiday-btn{padding:8px 12px;font-size:12px;white-space:nowrap}}@media (max-width: 768px){.classes-header{gap:8px}.title-container h2{font-size:16px;white-space:nowrap}.nav-btn span:first-child{display:none}.nav-btn{padding:6px 8px}.nav-btn svg{margin:0}.date-navigation{padding:4px 8px;gap:8px}.current-date{font-size:11px;min-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.settings-page{min-height:100vh;background-color:#f8f9fa}.settings-main-content{flex:1;transition:margin-left .3s ease;padding:40px}.settings-container{max-width:1400px;margin:0 auto}.settings-header{margin-bottom:30px}.settings-header h1{font-size:32px;color:#1a202c;font-weight:700;margin:0 0 8px;display:flex;align-items:center;gap:12px}.settings-header p{font-size:16px;color:#4a5568;margin:0}.settings-layout{display:flex;gap:30px;background:white;border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden}.settings-sidebar{width:260px;background:#f8f9fa;border-right:1px solid #e2e8f0;padding:20px 0}.settings-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 24px;background:transparent;border:none;cursor:pointer;font-size:14px;font-weight:500;color:#4a5568;transition:all .2s ease;text-align:left}.settings-menu-item:hover{background:#edf2f7;color:#337ab7}.settings-menu-item.active{background:#337ab7;color:#fff}.settings-menu-item svg{flex-shrink:0}.settings-content-area{flex:1;padding:30px;min-height:500px}.profile-tab{max-width:800px}.profile-header{display:flex;align-items:center;gap:24px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e2e8f0}.profile-avatar{position:relative}.avatar-large{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:600;color:#fff}.profile-title h2{font-size:24px;color:#1a202c;margin:0 0 4px}.profile-role{font-size:14px;color:#337ab7;font-weight:500;margin:0 0 2px}.profile-department{font-size:13px;color:#718096;margin:0}.edit-profile-btn{margin-left:auto;padding:8px 20px;background:white;border:1px solid #337ab7;border-radius:8px;color:#337ab7;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.edit-profile-btn:hover{background:#337ab7;color:#fff}.profile-form{margin-top:20px}.form-section{margin-bottom:32px}.form-section h3{font-size:18px;color:#1a202c;margin-bottom:20px;padding-bottom:8px;border-bottom:2px solid #e2e8f0}.form-group label{font-size:13px;font-weight:600;color:#4a5568;margin-bottom:6px}.form-group input,.form-group textarea,.form-group select{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .2s;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#337ab7;box-shadow:0 0 0 3px #337ab71a}.form-group input:disabled,.form-group textarea:disabled{background:#f8f9fa;color:#4a5568}.readonly-input{background:#f8f9fa;cursor:not-allowed}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding-top:20px;border-top:1px solid #e2e8f0}.btn-cancel{padding:10px 24px;background:#f0f0f0;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#4a5568;transition:all .2s}.btn-save{padding:10px 28px;background:#337ab7;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-save:hover{background:#286090;transform:translateY(-1px)}.password-tab{max-width:600px}.password-security-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;padding:40px;text-align:center;color:#fff;margin-bottom:30px}.security-icon{width:80px;height:80px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.password-security-card h2{font-size:24px;margin-bottom:12px}.password-security-card p{font-size:14px;opacity:.9;margin-bottom:24px}.password-info{background:rgba(255,255,255,.1);border-radius:12px;padding:16px;margin-bottom:24px}.info-item{display:flex;align-items:center;gap:10px;font-size:13px;margin-bottom:8px}.info-item:last-child{margin-bottom:0}.change-password-btn{background:white;color:#667eea;border:none;padding:12px 24px;border-radius:40px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s}.change-password-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.security-tips{background:#f8f9fa;border-radius:16px;padding:24px}.security-tips h3{font-size:16px;color:#1a202c;margin-bottom:16px}.security-tips ul{margin:0;padding-left:20px}.security-tips li{font-size:13px;color:#4a5568;margin-bottom:8px}.change-password-modal{background:white;border-radius:20px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease;margin-top:6rem}.modal-header h2{font-size:20px;margin:0;color:#1a202c}.close-modal{background:none;border:none;cursor:pointer;color:#718096;transition:color .2s;padding:4px}.close-modal:hover{color:#dc3545}.modal-body{padding:24px}.user-info{display:flex;align-items:center;gap:12px;padding:16px;background:#f8f9fa;border-radius:12px;margin-bottom:24px}.user-avatar-sm{width:48px;height:48px;border-radius:50%;background:#337ab7;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:#fff}.user-name{font-weight:600;color:#1a202c;margin-bottom:4px}.user-email{font-size:12px;color:#718096}.password-input-wrapper{position:relative}.password-input-wrapper input{width:100%;padding:10px 40px 10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px}.password-input-wrapper input.error{border-color:#dc3545}.toggle-password{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#718096;padding:4px}.error-message{font-size:11px;color:#dc3545;margin-top:6px;display:block}.password-strength-indicator{margin-top:12px;margin-bottom:16px}.strength-fill{height:100%;transition:width .3s ease}.strength-text{font-size:11px;font-weight:500}.password-requirements{background:#f8f9fa;border-radius:12px;padding:16px;margin:20px 0}.requirements-title{font-size:12px;font-weight:600;color:#4a5568;margin-bottom:12px}.requirements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.requirement{font-size:11px;padding:4px 8px;border-radius:4px}.password-hint{display:flex;align-items:center;gap:8px;font-size:11px;color:#718096;padding:12px;background:#f8f9fa;border-radius:8px}.modal-footer{padding:16px 24px;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.settings-loading{text-align:center;padding:60px}.coming-soon-text{text-align:center;padding:60px;color:#718096;font-size:16px}@media (max-width: 768px){.settings-main-content{padding:20px}.settings-layout{flex-direction:column}.settings-sidebar{width:100%;border-right:none;border-bottom:1px solid #e2e8f0;padding:12px;display:flex;overflow-x:auto}.settings-menu-item{white-space:nowrap;width:auto;padding:10px 16px}.settings-content-area{padding:20px}.profile-header{flex-direction:column;text-align:center}.edit-profile-btn{margin-left:0}.form-row{grid-template-columns:1fr;gap:15px}.requirements-grid{grid-template-columns:1fr}}@media (max-width: 480px){.modal-body{padding:16px}.requirements-grid{gap:6px}}.basic-details-section{padding:24px;background:#ffffff;border-radius:12px;box-shadow:0 2px 8px #0000000d}.basic-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.full-width{grid-column:span 2}.form-group{display:flex;flex-direction:column;margin-bottom:20px}.form-group label{font-size:13px;font-weight:600;color:#1e293b;margin-bottom:6px}.required{color:#ef4444;margin-left:2px}.form-group input,.form-group textarea,.form-group select{height:40px;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;background:#fff;transition:.2s}.form-group textarea{height:auto;min-height:100px;resize:vertical}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#337ab7;box-shadow:0 0 0 2px #337ab726}.timed-row{display:flex;align-items:center;gap:16px;margin-bottom:20px}.timed-row .main-label{margin-bottom:0;font-size:13px;font-weight:600;color:#1e293b}.timed-checkbox{width:16px;height:16px;cursor:pointer;margin:0}.timed-text{font-size:13px;font-weight:500;color:#1e293b;margin:0}.duration-inputs{display:flex;gap:12px;margin-top:8px}.duration-field input{width:70px;text-align:center;height:40px}.duration-field span{font-size:14px;color:#64748b;font-weight:500}.checkbox-label{display:flex;flex-direction:column;cursor:pointer;padding:0}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;margin-right:8px;display:inline-block}.checkbox-label span{font-size:14px;font-weight:500;color:#1e293b}.checkbox-label small{font-size:12px;color:#64748b;font-weight:400;margin-top:4px;margin-left:24px;line-height:1.4;display:block}.prerequisite-row{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.prerequisite-row .main-label{min-width:140px;margin-bottom:0;padding-top:2px;flex-shrink:0;font-size:13px;font-weight:600;color:#1e293b}.prerequisite-row .checkbox-content{flex:1}.prerequisite-row .checkbox-label{display:flex;align-items:center;gap:10px;flex-direction:row;margin-bottom:6px}.prerequisite-row .checkbox-label input[type=checkbox]{width:16px;height:16px;margin:0}.prerequisite-row .short-text{font-weight:500;color:#1e293b;font-size:14px}.prerequisite-row .checkbox-description{display:block;font-size:12px;color:#64748b;margin-top:4px;margin-left:26px;line-height:1.4}.file-input-wrapper{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.file-input-wrapper .action-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;height:40px;background:#ffffff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;color:#337ab7;transition:all .2s ease}.file-input-wrapper .action-btn:hover{background:#f1f5f9;border-color:#337ab7}.file-input-wrapper .file-info{font-size:13px;color:#64748b;flex:1;word-break:break-all}.form-hint{display:block;font-size:12px;color:#64748b;margin-top:6px;line-height:1.4}.modal-buttons{margin-top:24px;display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid #e2e8f0}.btn-cancel{padding:10px 20px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;color:#64748b;transition:all .2s}.btn-submit{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:#337ab7;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-submit:hover:not(:disabled){background:#286090;transform:translateY(-1px)}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:14px;padding-right:36px}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}@media (max-width: 768px){.basic-details-section{padding:16px}.timed-row{flex-direction:column;align-items:flex-start;gap:8px}.timed-row .main-label{margin-bottom:0}.duration-inputs{flex-direction:column}.duration-field{width:100%}.duration-field input{flex:1}.prerequisite-row{flex-direction:column;gap:8px}.prerequisite-row .main-label{min-width:auto}.prerequisite-row .checkbox-description{margin-left:0}.file-input-wrapper{flex-direction:column;align-items:stretch}.file-input-wrapper .action-btn{justify-content:center}.modal-buttons{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%;justify-content:center}}input::placeholder,textarea::placeholder{color:#94a3b8;font-weight:400}.btn-cancel:focus-visible,.btn-submit:focus-visible,.file-input-wrapper .action-btn:focus-visible,.timed-exercise-label:focus-visible{outline:2px solid #337ab7;outline-offset:2px}.course-manage-page{min-height:100vh;background-color:#f8f9fa;display:flex}.course-manage-content{flex:1;padding:40px;transition:margin-left .3s ease;width:100%}.course-manage-wrapper{max-width:1400px;margin:0 auto}.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:24px;padding:12px 0;color:#4a5568;font-size:14px}.breadcrumb-link{display:flex;align-items:center;gap:4px;color:#337ab7;text-decoration:none;transition:color .2s}.breadcrumb-link:hover{color:#286090;text-decoration:underline}.breadcrumb-separator{color:#cbd5e0}.breadcrumb-current{color:#1a202c;font-weight:500}.course-manage-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;flex-wrap:wrap;gap:20px}.course-manage-header h1{font-size:28px;color:#1a202c;margin:0 0 8px}.course-manage-header p{color:#4a5568;margin:0}.header-actions{display:flex;gap:12px}.manage-tabs{display:flex;gap:8px;border-bottom:2px solid #e2e8f0;margin-bottom:30px}.tab-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:none;border:none;cursor:pointer;font-size:15px;font-weight:500;color:#718096;transition:all .2s;position:relative}.tab-btn:hover,.tab-btn.active{color:#337ab7}.tab-btn.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#337ab7}.curriculum-action-bar{display:flex;justify-content:space-between;align-items:center;background:white;padding:20px 24px;border-radius:12px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a;flex-wrap:wrap;gap:16px}.action-bar-left,.action-bar-right{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.vertical-separator{width:1px;height:35px;background:#e2e8f0;margin:0 12px;display:inline-block}.action-bar-right{margin-left:auto}.action-group{display:flex;align-items:center;gap:12px}.action-label{font-size:20px;font-weight:600;color:#4a5568}.action-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:white;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#4a5568;transition:all .2s}.action-btn:hover{border-color:#337ab7;color:#337ab7;background:#f8f9fa}.action-btn.primary{background:#337ab7;border-color:#337ab7;color:#fff}.action-btn.primary:hover{background:#286090;transform:translateY(-1px)}.action-btn.active{background:#337ab7;border-color:#337ab7;color:#fff}.action-bar-right .action-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.action-bar-right .action-btn{white-space:nowrap}.action-bar-right .action-btn.primary{background:#337ab7;border-color:#337ab7;color:#fff}.action-bar-left .action-group,.action-bar-right .action-group{gap:12px}@media (max-width: 1024px){.action-bar-right .action-group{flex-wrap:wrap;justify-content:flex-end}.action-bar-right .action-btn{white-space:normal;word-break:keep-all}}.dropdown-wrapper{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:100%;left:0;margin-top:8px;background:white;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100;min-width:200px;overflow:hidden;border:1px solid #e2e8f0}.dropdown-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;background:none;border:none;cursor:pointer;font-size:14px;color:#4a5568;transition:all .2s;text-align:left}.dropdown-menu button:hover{background:#f8f9fa;color:#337ab7}.curriculum-two-column{display:flex;gap:24px;min-height:600px}.sections-left-panel{width:320px;background:white;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;overflow:visible!important;position:relative;z-index:1}.sections-left-header{padding:20px;border-bottom:1px solid #e2e8f0}.sections-left-header h3{font-size:16px;font-weight:600;color:#2d3748;margin:0}.sections-left-list{flex:1;overflow-y:auto;overflow-x:visible!important;max-height:calc(100vh - 300px);position:relative}.section-left-item{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 16px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .2s;position:relative;gap:12px}.section-left-content-wrapper{flex:1;display:flex;flex-direction:column;gap:6px}.section-left-content{display:flex;align-items:center;gap:8px}.prerequisite-badge-under{margin-left:32px}.prerequisite-badge-small{font-size:10px;padding:2px 6px;background:#fef3c7;color:#d97706;border-radius:12px;font-weight:500;display:inline-block}.section-left-item.drag-over{background:#ebf8ff;border-left:3px solid #337ab7;border-top:2px dashed #337ab7;border-bottom:2px dashed #337ab7}.expand-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#718096;transition:color .2s}.section-left-name{font-size:14px;font-weight:500;color:#2d3748}.section-left-actions{display:flex;gap:4px;align-items:center;flex-shrink:0}.icon-btn-small{padding:4px;background:none;border:none;border-radius:4px;cursor:pointer;transition:all .2s}.icon-btn-small.edit{color:#337ab7}.icon-btn-small.edit:hover{background:#ebf8ff}.icon-btn-small.delete{color:#dc3545}.icon-btn-small.delete:hover{background:#fff5f5}.materials-right-panel{flex:1;background:white;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;overflow:visible!important;position:relative;z-index:1}.materials-right-panel{overflow:visible!important}.materials-header{padding:20px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.materials-header h3{font-size:18px;font-weight:600;color:#2d3748;margin:0 0 8px}.select-section-prompt{font-size:13px;color:#718096;margin:0}.materials-right-panel,.materials-content,.curriculum-two-column{overflow:visible!important}.materials-content{position:relative;flex:1;padding:20px;overflow-y:auto!important;overflow-x:visible!important;min-height:400px;z-index:1}.empty-materials{text-align:center;padding:60px 20px}.empty-icon{color:#cbd5e0;margin-bottom:20px}.empty-materials h4{font-size:18px;color:#2d3748;margin-bottom:10px}.empty-materials p{color:#718096;font-size:14px;margin-bottom:24px}.add-material-empty-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#337ab7;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.add-material-empty-btn:hover{background:#286090;transform:translateY(-1px)}.materials-list{display:flex;flex-direction:column;gap:12px;position:relative;overflow:visible!important}.material-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8f9fa;border-radius:8px;transition:all .2s;position:relative;overflow:visible!important;z-index:1;margin-bottom:0}.material-card:hover{background:#f1f5f9;transform:translate(2px);z-index:10}.material-number{font-size:14px;font-weight:600;color:#718096;min-width:28px}.material-icon{width:36px;height:36px;background:white;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#337ab7}.material-info{flex:1;min-width:0}.material-filename{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:12px;color:#6c757d;font-family:monospace;background-color:#f8f9fa;padding:2px 6px;border-radius:4px;width:fit-content}.material-filename svg{flex-shrink:0;color:#6c757d}.material-filename span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.material-name{font-weight:500;font-size:14px;color:#2c3e50;margin-bottom:4px;word-break:break-word}.material-meta{display:flex;gap:8px;margin-top:6px}.material-source{font-size:11px;color:#718096;text-transform:capitalize;background:#e2e8f0;padding:2px 8px;border-radius:12px}.badge{font-size:11px;padding:2px 6px;border-radius:12px;background-color:#e9ecef;color:#495057}.badge.prerequisite{background-color:#fff3e0;color:#e67e22}.badge.downloadable{background:#d1fae5;color:#059669}.file-type-badge{font-size:10px;padding:2px 4px;background-color:#e9ecef;border-radius:3px;color:#495057;margin-left:4px}.material-actions-dropdown{position:relative;z-index:1000;flex-shrink:0}.material-dropdown-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#718096;transition:all .2s}.material-dropdown-btn:hover{background:#e2e8f0;color:#337ab7;overflow:visible}.material-dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;background:white;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:9999!important;min-width:180px;overflow:hidden;border:1px solid #e2e8f0;pointer-events:auto}.material-dropdown-menu.dropdown-down{top:100%;bottom:auto;margin-top:8px;margin-bottom:0}.material-dropdown-menu.dropdown-up{top:auto;bottom:100%;margin-top:0;margin-bottom:8px}.material-dropdown-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:none;border:none;cursor:pointer;font-size:13px;color:#4a5568;transition:all .2s;text-align:left}.material-dropdown-menu button:hover{background:#f8f9fa;color:#337ab7}.material-dropdown-menu .delete-option:hover{color:#dc3545;background:#fff5f5}.section-card{background:white;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;transition:all .2s;cursor:default}.section-card.drag-over{border:2px dashed #337ab7;background:#f8f9fa}.section-card[draggable=true]{cursor:grab}.section-card[draggable=true]:active{cursor:grabbing}.section-title-wrapper{display:flex;align-items:center;gap:12px;flex:1}.drag-handle{cursor:grab;color:#a0aec0;transition:color .2s}.drag-handle:hover{color:#337ab7}.section-title-wrapper h3{font-size:18px;font-weight:600;color:#2d3748;margin:0}.section-type-badge{padding:4px 10px;background:#edf2f7;border-radius:20px;font-size:12px;color:#4a5568;text-transform:capitalize}.section-actions{display:flex;gap:8px}.section-description{color:#718096;font-size:14px;margin:0 0 16px;line-height:1.5}.content-list{margin:16px 0;border-top:1px solid #e2e8f0;padding-top:16px}.content-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f9fa;border-radius:8px;margin-bottom:8px;transition:background .2s}.content-item:hover{background:#f1f5f9}.content-icon{width:32px;height:32px;background:white;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#337ab7}.content-info{flex:1}.content-title{font-size:14px;font-weight:500;color:#2d3748;margin-bottom:4px}.content-type{font-size:11px;color:#718096;text-transform:capitalize}.delete-content-btn{padding:6px;background:none;border:none;border-radius:6px;cursor:pointer;color:#dc3545;opacity:0;transition:opacity .2s}.content-item:hover .delete-content-btn{opacity:1}.delete-content-btn:hover{background:#fff5f5}.add-content-wrapper{position:relative;margin-top:16px}.add-content-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:none;border:1px dashed #cbd5e0;border-radius:8px;cursor:pointer;font-size:13px;color:#337ab7;transition:all .2s}.add-content-btn:hover{border-color:#337ab7;background:#ebf8ff}.add-content-dropdown{position:absolute;top:100%;left:0;margin-top:8px;background:white;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:10;min-width:160px;overflow:hidden}.add-content-dropdown button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;background:none;border:none;cursor:pointer;font-size:14px;color:#4a5568;transition:background .2s}.add-content-dropdown button:hover{background:#f8f9fa;color:#337ab7}.add-section-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:white;border:2px dashed #cbd5e0;border-radius:12px;cursor:pointer;font-size:14px;font-weight:500;color:#337ab7;transition:all .2s;margin-top:20px}.add-section-btn:hover{border-color:#337ab7;background:#ebf8ff}.empty-sections,.empty-tests{text-align:center;padding:60px 20px;background:white;border-radius:12px}.empty-sections h3,.empty-tests h3{font-size:20px;color:#1a202c;margin-bottom:10px}.empty-sections p,.empty-tests p{color:#718096;margin-bottom:20px}.tests-container{min-height:400px}.tests-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.tests-header h2{font-size:20px;color:#2d3748;margin:0}.create-test-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#337ab7;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.create-test-btn:hover{background:#286090;transform:translateY(-1px)}.tests-list{display:flex;flex-direction:column;gap:16px}.test-card{background:white;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a}.test-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.test-header h3{font-size:18px;font-weight:600;color:#2d3748;margin:0}.test-actions{display:flex;gap:8px}.test-description{color:#718096;font-size:14px;margin:0 0 16px;line-height:1.5}.test-meta{display:flex;gap:20px;padding:12px 0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;margin-bottom:16px}.test-meta span{font-size:13px;color:#4a5568}.manage-questions-btn{padding:8px 16px;background:#f8f9fa;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:13px;color:#337ab7;transition:all .2s}.manage-questions-btn:hover{background:#ebf8ff;border-color:#337ab7}.icon-btn{padding:6px;background:none;border:none;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.icon-btn.edit{color:#337ab7}.icon-btn.edit:hover{background:#ebf8ff}.icon-btn.delete{color:#dc3545}.icon-btn.delete:hover{background:#fff5f5}.form-section{margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid #e2e8f0}.form-section h3{font-size:16px;font-weight:600;color:#2d3748;margin-bottom:16px}.disabled-input{background:#f8f9fa;cursor:not-allowed;color:#718096}.file-upload-area{border:1px dashed #cbd5e0;border-radius:8px;padding:16px;text-align:center;cursor:pointer;transition:all .2s}.file-upload-area:hover{border-color:#337ab7;background:#f8f9fa}.file-upload-area input{display:none}.file-upload-area span{font-size:13px;color:#718096}.radio-group{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.radio-option{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s}.radio-option:hover{background:#f8f9fa;border-color:#337ab7}.radio-option input[type=radio]{width:auto;margin-right:8px}.radio-option svg{color:#718096}.file-input-wrapper{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f9fa;border-radius:8px;border:1px solid #e2e8f0}.file-input-wrapper input[type=file]{flex:1;padding:0;border:none;background:none}.file-info{font-size:13px;color:#718096}.file-help-text{margin-top:8px;font-size:12px;color:#718096;line-height:1.5}.checkbox-group{margin:16px 0;background:transparent!important}.checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;background:transparent!important}.checkbox-label input[type=checkbox]{width:auto;margin-top:2px}.checkbox-update{background:transparent!important}.checkbox-label span{font-size:14px;color:#4a5568;line-height:1.4}.large-modal{max-width:800px}.modal{background:white;border-radius:20px;padding:30px;max-width:650px;width:100%;max-height:90vh;overflow-y:auto;margin-top:4rem}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e2e8f0}.modal-header h2{font-size:24px;color:#1a202c;margin:0}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;outline:none;transition:all .3s ease;font-family:inherit}.form-group textarea{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.modal-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:25px}.btn-cancel{padding:10px 20px;background:#f0f0f0;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#4a5568;transition:all .2s}.btn-submit:hover{background:#286090;transform:translateY(-1px)}.sections-left-list::-webkit-scrollbar,.materials-content::-webkit-scrollbar,.modal::-webkit-scrollbar{width:6px}.sections-left-list::-webkit-scrollbar-track,.materials-content::-webkit-scrollbar-track,.modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.sections-left-list::-webkit-scrollbar-thumb,.materials-content::-webkit-scrollbar-thumb,.modal::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.sections-left-list::-webkit-scrollbar-thumb:hover,.materials-content::-webkit-scrollbar-thumb:hover,.modal::-webkit-scrollbar-thumb:hover{background:#a0aec0}.selection-header{padding:12px 16px;background-color:#f7fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:12px;align-items:center}.btn-select-all,.btn-select-none{padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid #e2e8f0;background:white;color:#4a5568}.btn-select-all:hover,.btn-select-none:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.btn-select-all{background:#337ab7;border-color:#337ab7;color:#fff}.btn-select-all:hover{background:#286090;border-color:#286090}.btn-select-none{background:white;border-color:#e2e8f0;color:#4a5568}.btn-select-none:hover{background:#f8f9fa;border-color:#cbd5e0;color:#dc3545}.material-icon-exercise{color:#fd7e14}.material-icon-scorm{color:#20c997}.material-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0}.material-icon svg{width:18px;height:18px}.exercise-status-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8fafc;border-radius:8px;margin-bottom:24px}.status-badge{display:flex;align-items:center;gap:12px}.status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.status.published{background-color:#10b981;color:#fff}.status.draft{background-color:#f59e0b;color:#fff}.status-hint{font-size:12px;color:#64748b}.status-actions{display:flex;gap:12px}.btn-publish{padding:8px 16px;background-color:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;transition:all .2s}.btn-publish:hover:not(:disabled){background-color:#059669;transform:translateY(-1px)}.btn-publish:disabled{opacity:.5;cursor:not-allowed}.btn-unpublish{padding:8px 16px;background-color:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;transition:all .2s}.btn-unpublish:hover:not(:disabled){background-color:#dc2626;transform:translateY(-1px)}.exercise-tabs{display:flex;gap:8px;margin-top:24px;margin-bottom:24px;border-bottom:2px solid #e2e8f0}.exercise-tabs .tab-btn{padding:10px 20px;font-size:14px}.exercise-tabs .tab-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.exercise-tabs .tab-btn.disabled small{display:block;font-size:10px;color:#f59e0b}.part-section{margin-bottom:24px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.part-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.question-banks-list{margin-bottom:16px}.question-banks-list h4{font-size:14px;font-weight:500;color:#475569;margin-bottom:8px}.duration-inputs{display:flex;gap:12px;align-items:center}.duration-field{display:flex;align-items:center;gap:8px}.duration-field input{width:80px;padding:8px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;text-align:center}.duration-field span{font-size:14px;color:#64748b}.timed-row{display:flex;align-items:center;gap:16px}.timed-row .main-label{margin-bottom:0}.timed-exercise-label{display:flex;align-items:center;gap:8px;cursor:pointer;margin:0}.timed-checkbox{width:18px;height:18px;cursor:pointer}.timed-text{font-size:14px;font-weight:400;color:#1e293b}.prerequisite-row{display:flex;align-items:flex-start;gap:24px}.prerequisite-row .main-label{width:150px;margin-bottom:0;padding-top:4px}.checkbox-description{display:block;font-size:12px;color:#64748b;margin-top:4px;line-height:1.4}.short-text{font-weight:500}.question-card{background:#f8fafc;border-radius:12px;padding:20px;border:1px solid #e2e8f0}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.question-header h4{margin:0;font-size:16px;font-weight:600;color:#0f172a}.remove-question-btn{background:none;border:none;color:#ef4444;cursor:pointer;padding:4px;transition:all .2s}.remove-question-btn:hover{color:#dc2626;transform:scale(1.1)}.options-section{margin-top:16px}.option-radio,.option-checkbox{width:18px;height:18px;cursor:pointer}.option-text{flex:1;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px}.remove-option-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;transition:all .2s}.add-option-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:white;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;color:#3b82f6;cursor:pointer;margin-top:8px;transition:all .2s}.add-option-btn:hover{background:#eff6ff;border-color:#3b82f6}.truefalse-options{margin-top:16px}.truefalse-options label{margin-bottom:12px;font-weight:500}.radio-group{display:flex;gap:24px;margin-top:8px}.radio-option{display:flex;align-items:center;gap:8px;cursor:pointer}.descriptive-info{margin-top:16px;padding:12px;background:#f1f5f9;border-radius:8px}.descriptive-info small{font-size:12px;color:#475569}.empty-questions p{color:#64748b;font-size:14px;margin:0}.test-data-section{padding:0 10px}.test-data-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.test-data-header h3{margin:0;font-size:18px;font-weight:600;color:#0f172a}.parts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.parts-header h3{margin:0;font-size:18px;font-weight:600;color:#0f172a}.part-section{margin-bottom:20px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.part-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.part-header-left{display:flex;align-items:center;gap:12px;flex:1}.part-header h3{margin:0;font-size:16px;font-weight:600;color:#0f172a}.part-header-actions{display:flex;gap:8px}.expand-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#64748b;transition:color .2s}.expand-btn:hover{color:#337ab7}.question-banks-list{margin-top:16px;margin-bottom:16px}.question-banks-list h4{font-size:14px;font-weight:500;color:#475569;margin-bottom:12px}.question-bank-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:white;border-radius:6px;margin-bottom:8px;border:1px solid #e2e8f0}.bank-count{font-size:12px;color:#64748b}.remove-bank-btn{margin-left:auto;background:none;border:none;cursor:pointer;color:#ef4444;padding:4px;display:flex;align-items:center;transition:all .2s}.remove-bank-btn:hover{color:#dc2626;transform:scale(1.1)}.add-question-bank-container{margin-top:16px;text-align:center}.add-bank-btn{background-color:#f3f4f6;color:#1f2937;border:2px dashed #9ca3af;padding:12px 24px;border-radius:8px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.add-bank-btn:hover{background-color:#e5e7eb;border-color:#6b7280}.questions-container{margin-top:24px;padding-top:24px;border-top:2px solid #e2e8f0}.questions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.questions-header h3{margin:0;font-size:18px;font-weight:600;color:#0f172a}.question-bank-info{flex:1;display:flex;align-items:center;gap:8px}.question-bank-actions{display:flex;align-items:center;gap:8px}.manage-questions-btn-small{padding:4px 8px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;font-size:11px;color:#337ab7;cursor:pointer;transition:all .2s}.manage-questions-btn-small:hover{background:#ebf8ff;border-color:#337ab7}.question-bank-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:white;border-radius:6px;margin-bottom:8px;border:1px solid #e2e8f0}@media (max-width: 1024px){.curriculum-two-column{flex-direction:column}.sections-left-panel{width:100%;max-height:400px}.materials-right-panel{min-height:500px}}@media (max-width: 768px){.course-manage-content{padding:20px}.course-manage-header{flex-direction:column}.form-row{grid-template-columns:1fr}.modal{padding:20px}.test-meta{flex-direction:column;gap:8px}.curriculum-action-bar{flex-direction:column;align-items:stretch}.action-bar-left,.action-bar-right{justify-content:center}.action-buttons{flex-wrap:wrap}}.selected-section-badge{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;font-size:20px;font-weight:600;color:#4a5568;margin-left:8px}.selected-section-badge span{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-bar-right .dropdown-wrapper .action-btn.primary{background:#337ab7;border-color:#337ab7;color:#fff}.action-bar-right .dropdown-wrapper .action-btn.primary:hover{background:#286090;transform:translateY(-1px)}.dropdown-menu.right-aligned{left:auto;right:0}.curriculum-action-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.action-bar-left{display:flex;align-items:center;gap:24px;flex:1}.action-bar-right{display:flex;align-items:center;gap:12px}.clone-modal{max-width:500px;width:90%}.clone-modal .form-group{margin-bottom:20px}.clone-modal select{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background-color:#fff;transition:all .2s}.clone-modal select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.clone-modal select:disabled{background-color:#f7fafc;cursor:not-allowed;opacity:.6}.clone-modal .form-hint{display:block;font-size:12px;color:#718096;margin-top:5px}.clone-modal .required{color:#e53e3e;margin-left:2px}.modal-buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #e2e8f0}.btn-cancel{padding:8px 16px;background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;font-weight:500;color:#4a5568;cursor:pointer;transition:all .2s}.btn-cancel:hover{background-color:#edf2f7;border-color:#cbd5e0}.btn-submit{padding:8px 20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s}.btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.clone-material-modal{max-width:600px;width:90%;max-height:80vh;overflow-y:auto}.materials-selection-list{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.selection-header{padding:12px 16px;background-color:#f7fafc;border-bottom:1px solid #e2e8f0}.select-all{margin:0;font-weight:500;color:#2d3748}.selection-items{max-height:300px;overflow-y:auto}.material-item{display:flex;align-items:center;padding:10px 16px;margin:0;border-bottom:1px solid #e2e8f0;cursor:pointer;transition:background-color .2s}.material-item:hover{background-color:#f7fafc}.material-item:last-child{border-bottom:none}.material-item input[type=checkbox]{margin-right:12px;width:16px;height:16px;cursor:pointer}.material-item-content{display:flex;align-items:center;gap:12px;flex:1}.material-icon{display:flex;align-items:center;color:#718096}.material-name{flex:1;font-size:14px;font-weight:500;color:#2d3748}.material-type-badge{font-size:11px;padding:2px 8px;background-color:#edf2f7;border-radius:12px;color:#4a5568;text-transform:uppercase;font-weight:500}.no-materials-message{padding:20px;text-align:center;background-color:#f7fafc;border-radius:8px;color:#718096}.no-materials-message p{margin:0;font-size:14px}.step-indicator{display:flex;align-items:center;justify-content:center;margin:20px 0 30px}.step{display:flex;flex-direction:column;align-items:center;position:relative}.step-number{width:40px;height:40px;border-radius:50%;background:#e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center;font-weight:600;margin-bottom:8px}.step.active .step-number{background:#3b82f6;color:#fff}.step.completed .step-number{background:#10b981;color:#fff}.step-label{font-size:12px;color:#64748b}.step.active .step-label{color:#3b82f6;font-weight:500}.step-line{width:100px;height:2px;background:#e2e8f0;margin:0 15px}.exercise-modal{max-width:800px;width:90%;max-height:90vh;overflow-y:auto}.exercise-basic-details,.exercise-test-data{padding:0 10px}.test-data-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e2e8f0}.add-question-btn{background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px}.empty-questions{text-align:center;padding:60px 20px;color:#94a3b8}.questions-list{display:flex;flex-direction:column;gap:20px;max-height:500px;overflow-y:auto}.question-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e2e8f0}.question-header h4{margin:0;color:#1e293b}.remove-question-btn{background:none;border:none;color:#ef4444;cursor:pointer;padding:5px}.options-section{margin-top:15px}.option-item{margin-bottom:10px}.option-input-group{display:flex;align-items:center;gap:10px}.option-radio,.option-checkbox{margin:0}.option-text{flex:1;padding:8px 12px;border:1px solid #cbd5e1;border-radius:4px;font-size:14px}.remove-option-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:5px}.add-option-btn{background:none;border:1px dashed #cbd5e1;padding:8px 12px;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;color:#3b82f6;margin-top:10px}.truefalse-options{margin-top:15px}.partial-marking-info{margin-top:8px;padding:8px 12px;background:#fef3c7;border-radius:6px;color:#92400e;font-size:12px}.modal-buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:30px;padding-top:20px;border-top:1px solid #e2e8f0}.btn-back,.btn-next{padding:10px 20px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.btn-back{background:#f1f5f9;border:1px solid #cbd5e1;color:#475569}.btn-next{background:#3b82f6;border:none;color:#fff}.btn-next:disabled{background:#94a3b8;cursor:not-allowed}.btn-submit:disabled{background:#94a3b8;cursor:not-allowed}.radio-group{display:flex;gap:20px;margin-top:8px}.radio-option{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;background:white}.radio-option:hover{border-color:#3b82f6;background:#eff6ff}.radio-option.selected{border-color:#3b82f6;background:#eff6ff;box-shadow:0 0 0 2px #3b82f61a}.radio-option input[type=radio]{margin:0;width:16px;height:16px;cursor:pointer;accent-color:#3b82f6}.radio-option span{font-size:14px;color:#1e293b;cursor:pointer}.radio-option.selected span{color:#3b82f6;font-weight:500}.no-section-message{padding:8px 16px;background:#fef3c7;border-radius:6px;color:#92400e;font-size:13px;font-weight:500}.no-section-message .info-text{display:flex;align-items:center;gap:6px}.action-btn{transition:all .2s ease}.action-btn.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.section-left-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .2s;position:relative}.section-left-item:hover{background:#f8f9fa}.section-left-item.active{background:#ebf8ff;border-left:3px solid #337ab7}.section-left-actions{display:flex;gap:4px;opacity:1!important;visibility:visible!important}.section-left-item:hover .section-left-actions{opacity:1}.icon-btn-small{padding:4px;background:none;border:none;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.icon-btn-small.view{color:#337ab7}.icon-btn-small.view:hover{background:#ebf8ff}.icon-btn-small.dropdown{color:#718096}.icon-btn-small.dropdown:hover{background:#f0f0f0}.section-actions-dropdown{position:relative}.section-dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;background:white;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:180px;overflow:hidden;border:1px solid #e2e8f0}.section-dropdown-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:none;border:none;cursor:pointer;font-size:13px;color:#4a5568;transition:all .2s;text-align:left}.section-dropdown-menu button:hover{background:#f8f9fa;color:#337ab7}.section-dropdown-menu .delete-option:hover{color:#dc3545;background:#fff5f5}.dropdown-separator{height:1px;background:#e2e8f0;margin:4px 0}.section-details-overlay{position:absolute;top:100%;left:0;right:0;margin-top:4px;z-index:1000;background:white;border-radius:8px;box-shadow:0 4px 12px #00000026;border:1px solid #e2e8f0;overflow:hidden}.section-details-modal{padding:16px}.section-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.section-details-header h4{margin:0;font-size:14px;font-weight:600;color:#2d3748}.close-details{background:none;border:none;cursor:pointer;color:#718096;padding:4px;display:flex;align-items:center;justify-content:center}.close-details:hover{color:#ef4444}.section-details-content p{margin:0 0 16px;font-size:13px;color:#4a5568;line-height:1.5}.section-details-content .btn-cancel{padding:6px 16px;font-size:13px;width:100%;background:#f0f0f0;border:none;border-radius:6px;cursor:pointer}.section-details-content .btn-cancel:hover{background:#e2e8f0}.prerequisite-hint{font-size:12px;color:#718096;margin-top:4px;margin-left:24px}.section-details-form{padding:0}.section-details-form .form-group{margin-bottom:24px}.mapping-info{background:#f8f9fa;border-radius:8px;padding:16px;border-left:4px solid #337ab7}.info-message{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;color:#4a5568;line-height:1.5}.info-message svg{flex-shrink:0;color:#337ab7}.modal{background:white;border-radius:20px;padding:30px;max-width:650px;width:100%;max-height:90vh;overflow-y:auto;position:relative;z-index:2001}@media (max-width: 768px){.modal{padding:20px;margin:16px}.mapping-info{padding:12px}.info-message{font-size:13px}}.btn-delete{padding:10px 24px;background:#dc3545;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-delete:hover{background:#c82333;transform:translateY(-1px)}.mapping-info.warning-info{background:#fff3e0;border-left:4px solid #ff9800}.mapping-info.warning-info .info-message svg{color:#ff9800}.mapping-info.warning-info .info-message{color:#856404}.mapping-info.danger-info{background:#ffe6e6;border-left:4px solid #dc3545}.mapping-info.danger-info .info-message svg{color:#dc3545}.mapping-info.danger-info .info-message{color:#721c24}.section-number{font-size:14px;font-weight:600;color:#718096;min-width:24px}.section-left-content{display:flex;align-items:center;gap:8px;flex:1}.section-left-content .expand-btn{margin-left:0}.material-icon-video{color:#dc3545}.material-icon-image{color:#28a745}.material-icon-audio{color:#ffc107}.material-icon-link{color:#17a2b8}.material-icon-text{color:#6f42c1}.material-icon-file{color:#6c757d}.current-file-info{border:1px solid #e0e0e0;border-radius:8px;padding:1rem;background:#f9f9f9}.current-file-details{display:flex;align-items:center;gap:1rem;padding:.5rem;background:white;border-radius:6px;margin-bottom:1rem}.file-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f0f0f0;border-radius:8px;color:#4a5568}.file-info{flex:1}.file-name{font-weight:500;color:#2d3748;margin-bottom:.25rem;word-break:break-all}.view-link{font-size:.875rem;color:#3b82f6;text-decoration:none}.view-link:hover{text-decoration:underline}.file-upload-section{margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e0e0}.file-upload-label{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;color:#fff;border-radius:6px;cursor:pointer;font-size:.875rem;transition:background-color .2s}.file-input{display:none}.selected-file-info{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem;background:#e6f7e6;border-radius:6px;color:#2e7d32;font-size:.875rem}.clear-file-btn{background:none;border:none;cursor:pointer;color:#666;padding:2px;display:inline-flex;align-items:center;margin-left:auto}.clear-file-btn:hover{color:#f44336}.file-help-text{display:block;margin-top:.5rem;font-size:.75rem;color:#6b7280}.material-card{cursor:pointer;transition:all .2s ease}.material-card:hover{background-color:#f9fafb;transform:translate(2px);box-shadow:0 2px 4px #0000000d}.exercise-tabs{display:flex;gap:0;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;margin-bottom:24px}.exercise-tabs .tab-btn{padding:10px 20px;font-size:14px;font-weight:500;color:#64748b;background:none;border:none;cursor:pointer;position:relative;transition:all .2s;display:flex;align-items:center;gap:8px}.exercise-tabs .tab-btn:hover,.exercise-tabs .tab-btn.active{color:#337ab7}.exercise-tabs .tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:#337ab7}.material-badge-exercise{background-color:#10b98120;color:#10b981;font-size:11px;padding:2px 6px;border-radius:4px;margin-left:8px}.material-status-badge{font-size:10px;padding:2px 6px;border-radius:10px;margin-left:8px}.material-status-badge.draft{background-color:#f59e0b20;color:#f59e0b}.material-status-badge.published{background-color:#10b98120;color:#10b981}.parts-container{margin-bottom:32px}.parts-header{margin-bottom:16px}.parts-header h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#0f172a}.parts-grid{display:flex;flex-direction:column;gap:12px}.part-card{background:white;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s;overflow:hidden}.part-card:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.part-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;background:#fafbfc;border-bottom:1px solid transparent;transition:all .2s}.part-card.expanded .part-card-header{border-bottom-color:#e2e8f0;background:#f8fafc}.part-info{flex:1;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.part-name{font-size:16px;font-weight:600;color:#0f172a;margin-bottom:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.part-name span{font-size:14px;font-weight:500;color:#1e293b}.part-meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:12px;color:#64748b}.part-meta-item{display:flex;align-items:center;gap:6px;line-height:1}.part-meta-item svg{width:14px;height:14px;color:#94a3b8}.part-banks-badge{background:#eef2ff;color:#4f46e5;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.part-card-actions{display:flex;gap:8px;align-items:center}.edit-part-btn{padding:6px;background:none;border:none;border-radius:6px;cursor:pointer;color:#64748b;transition:all .2s;display:flex;align-items:center;justify-content:center}.edit-part-btn:hover{background:#e2e8f0;color:#337ab7}.expand-part-btn{padding:6px;background:none;border:none;border-radius:6px;cursor:pointer;color:#64748b;transition:all .2s;display:flex;align-items:center;justify-content:center}.expand-part-btn:hover{background:#e2e8f0;color:#337ab7}.part-card-content{padding:0 20px;max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .2s ease}.part-card.expanded .part-card-content{max-height:2000px;padding:20px;transition:max-height .5s ease-in,padding .2s ease}.question-banks-section{margin-bottom:20px}.section-header h5{font-size:14px;font-weight:600;color:#334155;margin:0}.add-bank-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;font-weight:500;color:#337ab7;cursor:pointer;transition:all .2s}.add-bank-btn:hover{background:#e2e8f0;border-color:#cbd5e1}.question-banks-list{display:flex;flex-direction:column;gap:8px}.bank-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s}.bank-item:hover{background:#f1f5f9;border-color:#cbd5e1}.bank-info{display:flex;align-items:center;gap:12px;flex:1}.bank-name{font-size:14px;font-weight:500;color:#0f172a}.bank-question-count{font-size:11px;padding:2px 6px;background:#e2e8f0;border-radius:10px;color:#475569}.bank-actions{display:flex;gap:6px}.action-btn.small{padding:4px 8px;font-size:12px}.empty-banks{text-align:center;padding:20px;background:#f8fafc;border-radius:8px;border:1px dashed #cbd5e1}.empty-banks p{margin:0;font-size:13px;color:#94a3b8}.part-details{background:#f8fafc;border-radius:8px;padding:12px;margin-bottom:20px;font-size:13px}.part-details p{margin:0 0 8px;color:#334155}.part-details p:last-child{margin-bottom:0}.part-details strong{color:#0f172a;font-weight:600}.edit-part-modal .modal{max-width:550px}.edit-part-modal .form-group{margin-bottom:20px}.edit-part-modal .checkbox-group{background:#f8fafc;padding:12px;border-radius:8px;margin-bottom:16px}.edit-part-modal .checkbox-description,.edit-part-modal .form-hint{font-size:12px;color:#64748b;margin-top:4px;display:block}.action-btn.small{padding:4px 8px;font-size:12px;gap:6px}.action-btn.small.manage-questions{background:#337ab7;border-color:#337ab7;color:#fff;transition:all .2s ease}.action-btn.small.manage-questions:hover{background:#286090;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.action-btn.small.manage-questions:active{transform:translateY(0)}.action-btn.primary.small{background:#337ab7;border-color:#337ab7;color:#fff}.action-btn.primary.small:hover{background:#286090;transform:translateY(-1px)}.action-btn.danger.small{background:#dc3545;border-color:#dc3545;color:#fff}.action-btn.danger.small:hover{background:#c82333;transform:translateY(-1px)}.action-btn.small svg{margin-right:4px}.manage-questions-modal .modal-body{padding:20px}.warning-note{background:#fff3e0;border-left:4px solid #ff9800;padding:12px 16px;margin-bottom:20px;border-radius:8px}.warning-note p{margin:0;font-size:13px;color:#856404}.question-bank-info-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8fafc;border-radius:8px;margin-bottom:20px;flex-wrap:wrap}.bank-name-display{font-weight:600;color:#0f172a;font-size:14px}.bank-hint{font-size:12px;color:#64748b;flex:1}.edit-settings-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:white;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;color:#337ab7;cursor:pointer;transition:all .2s}.edit-settings-btn:hover{background:#ebf8ff;border-color:#337ab7}.questions-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.questions-section-header h3{margin:0;font-size:16px;font-weight:600;color:#0f172a}.add-question-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#337ab7;border:none;border-radius:6px;font-size:13px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s}.add-question-btn:hover{background:#286090;transform:translateY(-1px)}.question-form-container{background:#f8fafc;border-radius:12px;padding:20px;margin-bottom:20px;border:1px solid #e2e8f0}.question-form-container.editing{background:white;border:2px solid #337ab7}.question-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.question-form-header h4{margin:0;font-size:16px;font-weight:600;color:#0f172a}.close-form-btn{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-form-btn:hover{color:#ef4444}.question-form-content .form-row{display:grid;gap:16px;margin-bottom:16px}.question-form-content .form-row.two-columns{grid-template-columns:1fr 1fr}.options-section{margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.options-section label{font-weight:600;margin-bottom:12px;display:block}.option-item{margin-bottom:12px}.option-input-group{display:flex;align-items:center;gap:12px}.option-correct-input{width:18px;height:18px;cursor:pointer}.option-text-input{flex:1;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px}.remove-option-btn{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.remove-option-btn:hover{color:#ef4444}.add-option-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:white;border:1px dashed #cbd5e1;border-radius:6px;font-size:12px;color:#337ab7;cursor:pointer;margin-top:8px;transition:all .2s}.add-option-btn:hover{background:#f8fafc;border-color:#337ab7}.truefalse-section{margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.truefalse-section label{font-weight:600;margin-bottom:12px;display:block}.radio-group{display:flex;gap:24px}.radio-option{display:flex;align-items:center;gap:8px;cursor:pointer;padding:6px 12px;border:1px solid #e2e8f0;border-radius:6px;transition:all .2s}.radio-option:hover{background:#f8fafc;border-color:#337ab7}.radio-option input{width:16px;height:16px;cursor:pointer}.questions-list-container{max-height:400px;overflow-y:auto;margin-top:20px}.question-item-card{background:white;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:12px;transition:all .2s}.question-item-card:hover{box-shadow:0 2px 8px #0000000d}.question-view{padding:16px;position:relative}.question-view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:12px}.header-left{display:flex;align-items:center;gap:12px;flex:1}.question-number{font-size:14px;font-weight:600;color:#337ab7}.question-actions,.header-buttons{display:flex;align-items:center;gap:8px}.edit-question-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s}.edit-question-btn:hover{background:#337ab7;border-color:#337ab7;color:#fff}.question-text-preview{font-size:14px;color:#1e293b;margin-bottom:12px;line-height:1.5}.question-meta-preview{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.meta-badge{font-size:11px;padding:2px 8px;background:#f1f5f9;border-radius:12px;color:#337ab7!important}.meta-badge.negative{background:#fee2e2;color:#dc2626;padding:2px 8px;font-size:11px}.delete-question-btn{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:6px 12px!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:6px!important;font-size:12px!important;font-weight:500!important;color:#dc2626!important;cursor:pointer!important;transition:all .2s!important}.delete-question-btn:hover{background:#fee2e2!important;border-color:#dc2626!important;color:#dc2626!important}.form-buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid #e2e8f0}.empty-questions{text-align:center;padding:60px 20px;background:#f8fafc;border-radius:12px}.empty-questions p{margin:0;color:#64748b;font-size:14px}@media (max-width: 768px){.question-form-content .form-row.two-columns{grid-template-columns:1fr}.question-bank-info-bar{flex-direction:column;align-items:flex-start}.bank-hint{width:100%}}.manage-questions-view{padding:20px}.view-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;padding-bottom:16px;flex-wrap:wrap}.view-header .warning-note{background:#fff3e0;border-left:4px solid #ff9800;padding:12px 16px;border-radius:8px;flex:1;margin:0;order:1;display:flex;align-items:center}.view-header .warning-note p{margin:0;font-size:13px;color:#856404;display:flex;align-items:center;gap:8px;line-height:1.4}.view-header .back-button{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s;white-space:nowrap;order:2;height:44px;box-sizing:border-box;margin:0}.view-header .back-button:hover{background:#e2e8f0;color:#0f172a}.question-management-component{margin-top:20px}.save-questions-footer{margin-top:24px;padding-top:20px;border-top:1px solid #e2e8f0;text-align:right}.btn-submit.large{padding:12px 24px;font-size:16px}.truefalse-section{margin-top:16px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.truefalse-options{display:flex;gap:24px;margin-top:12px}.truefalse-option{display:flex;align-items:center;gap:12px;padding:12px 24px;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;background:white;flex:1;justify-content:center}.truefalse-option:hover{border-color:#337ab7;background:#f8fafc}.truefalse-option.selected{border-color:#337ab7;background:#ebf8ff}.truefalse-option input[type=radio]{width:18px;height:18px;cursor:pointer;margin:0;accent-color:#337ab7}.truefalse-label{font-size:16px;font-weight:500;color:#1e293b}.truefalse-option.selected .truefalse-label{color:#337ab7}.transcription-section{margin-top:16px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.transcription-text-input{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;font-family:monospace;background:white;resize:vertical}.transcription-text-input:focus{outline:none;border-color:#337ab7;box-shadow:0 0 0 3px #337ab71a}.transcription-options{margin:16px 0;padding:12px;background:white;border-radius:6px;border:1px solid #e2e8f0}.transcription-options .checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;margin-bottom:8px}.transcription-options .checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#337ab7}.transcription-options .checkbox-label span{font-size:14px;font-weight:500;color:#1e293b}.transcription-options .checkbox-description{font-size:12px;color:#64748b;margin-left:26px;margin-top:2px;display:block}.fillblanks-section{margin-top:16px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.fillblanks-answer-input{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;font-family:monospace;background:white}.fillblanks-answer-input:focus{outline:none;border-color:#337ab7;box-shadow:0 0 0 3px #337ab71a}.preview-section{margin-top:16px;padding:12px;background:white;border-radius:6px;border:1px solid #e2e8f0}.preview-section label{font-weight:600;margin-bottom:8px;display:block;font-size:13px;color:#475569}.preview-text{font-size:14px;line-height:1.6;color:#1e293b;padding:8px;background:#f1f5f9;border-radius:6px}.blank-placeholder{display:inline-block;background:#fef3c7;color:#d97706;padding:2px 8px;border-radius:4px;font-weight:500;margin:0 2px;border:1px dashed #f59e0b}.form-hint{font-size:12px;color:#64748b;margin-top:6px;display:block}.action-btn.danger{background:#dc2626;color:#fff}.action-btn.danger:hover{background:#b91c1c}.action-btn.warning{background:#f59e0b;color:#fff}.action-btn.warning:hover{background:#d97706}.bank-actions{display:flex;gap:8px;align-items:center}.action-btn.small{padding:4px 8px;font-size:12px;border-radius:4px;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:4px}.edit-settings-modal .modal-body{max-height:70vh;overflow-y:auto;padding:20px;scroll-behavior:smooth}.edit-settings-modal .modal-body::-webkit-scrollbar{width:6px}.edit-settings-modal .modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.edit-settings-modal .modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.edit-settings-modal .modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.settings-bank-info{margin-bottom:20px}.settings-bank-info h3{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:8px}.settings-bank-info .bank-stats{font-size:14px;color:#64748b}.settings-divider{height:1px;background:#e2e8f0;margin:20px 0}.settings-section{margin-bottom:24px}.settings-label{display:block;font-size:14px;font-weight:600;color:#1e293b;margin-bottom:16px}.selection-option{border:2px solid #e2e8f0;border-radius:12px;padding:16px;margin-bottom:12px;cursor:pointer;transition:all .2s ease;background:white}.selection-option:hover{border-color:#3b82f6;background:#f8fafc}.selection-option.selected{border-color:#3b82f6;background:#eff6ff}.selection-option-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.selection-option-header input[type=radio]{width:18px;height:18px;cursor:pointer;margin:0}.selection-option-title{font-size:14px;font-weight:600;color:#1e293b}.selection-option-description{font-size:12px;color:#64748b;margin-left:30px;line-height:1.4}.checkbox-card{background:#f8fafc;border-radius:12px;padding:16px;border:1px solid #e2e8f0}.checkbox-label-large{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:14px;font-weight:500;color:#1e293b;margin-bottom:12px}.checkbox-label-large input{width:18px;height:18px;margin-top:2px;cursor:pointer}.checkbox-hint{font-size:12px;color:#64748b;margin-left:30px;line-height:1.5}.number-input-card{background:#f8fafc;border-radius:12px;padding:16px;border:1px solid #e2e8f0}.number-input-wrapper{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.number-input{width:120px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;font-weight:500;text-align:center}.number-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.number-input-hint{font-size:12px;color:#64748b}.input-hint{font-size:12px;color:#64748b;margin-top:8px;margin-left:0}.settings-preview{background:linear-gradient(135deg,#f0f9ff 0%,#e6f7ff 100%);border-radius:12px;padding:16px;margin-top:20px;border-left:4px solid #3b82f6}.preview-title{font-size:12px;font-weight:700;color:#3b82f6;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.preview-text{font-size:13px;color:#1e293b;line-height:1.6;white-space:pre-line}.modal-buttons{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e2e8f0;background:white;border-radius:0 0 12px 12px}.btn-cancel{padding:8px 20px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-cancel:hover{background:#e2e8f0;color:#475569}.btn-submit{padding:8px 24px;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-submit:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.custom-dropdown{position:relative;width:100%;cursor:pointer}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background:white;border:2px solid #e2e8f0;border-radius:12px;transition:all .2s ease}.dropdown-header:hover{border-color:#3b82f6;background:#f8fafc}.dropdown-selected{flex:1}.dropdown-selected-title{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:4px}.dropdown-selected-description{font-size:12px;color:#64748b}.dropdown-arrow{transition:transform .2s ease;color:#64748b}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:white;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #00000005;z-index:100;max-height:200px;overflow-y:auto}.dropdown-item{padding:14px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f1f5f9}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#f8fafc}.dropdown-item.selected{background:#eff6ff}.dropdown-item-title{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:4px}.dropdown-item-description{font-size:12px;color:#64748b}.dropdown-menu::-webkit-scrollbar{width:4px}.dropdown-menu::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.dropdown-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:#94a3b8}.manual-selection-container{background:#f8fafc;border-radius:12px;padding:16px}.selection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.selection-info{display:flex;align-items:center;gap:12px}.selection-count{font-size:14px;font-weight:600;color:#1e293b}.selection-limit-reached{font-size:12px;color:#10b981;background:#d1fae5;padding:2px 8px;border-radius:12px}.select-all-btn{padding:6px 12px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.select-all-btn:hover{background:#2563eb}.selection-filters{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.filter-group{flex:1;min-width:150px}.search-input{width:100%;padding:8px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.filter-select{width:100%;padding:8px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;background:white;cursor:pointer}.questions-selection-list{max-height:400px;overflow-y:auto;margin-bottom:16px}.question-selection-item{background:white;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:12px;transition:all .2s}.question-selection-item.selected{border-color:#3b82f6;background:#eff6ff}.question-selection-header{display:flex;align-items:flex-start;gap:12px;padding:14px;cursor:pointer}.question-checkbox{flex-shrink:0;padding-top:2px}.checkbox-btn{background:none;border:none;cursor:pointer;color:#94a3b8;transition:all .2s}.checkbox-btn.checked{color:#3b82f6}.checkbox-btn:hover:not(:disabled){color:#3b82f6}.checkbox-btn:disabled{cursor:not-allowed;opacity:.5}.question-info{flex:1}.question-title{display:flex;align-items:baseline;gap:8px;margin-bottom:6px;flex-wrap:wrap}.question-number{font-size:14px;font-weight:600;color:#1e293b}.question-id{font-size:11px;color:#94a3b8;font-family:monospace}.question-meta{display:flex;gap:8px;flex-wrap:wrap}.meta-badge{font-size:11px;padding:2px 8px;border-radius:12px;color:#fff}.meta-badge.difficulty{background:#10b981}.meta-badge.type{background:#64748b}.meta-badge.marks{background:#3b82f6}.expand-question-btn{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px}.expand-question-btn:hover{color:#3b82f6}.question-preview{padding:0 14px 14px 46px;border-top:1px solid #e2e8f0;margin-top:8px}.question-text-preview{font-size:13px;color:#1e293b;margin-bottom:12px;line-height:1.5}.options-preview{margin-top:8px}.option-preview{display:flex;align-items:center;gap:8px;font-size:12px;padding:4px 0;color:#475569}.option-letter{font-weight:600;color:#64748b;min-width:20px}.correct-badge{font-size:10px;color:#10b981;background:#d1fae5;padding:2px 6px;border-radius:10px;margin-left:8px}.truefalse-preview,.fillblanks-preview{margin-top:8px}.correct-answer{font-size:12px;color:#10b981;font-weight:500}.explanation-preview{margin-top:8px;font-size:12px;color:#64748b;padding:8px;background:#f1f5f9;border-radius:6px}.selection-summary{padding-top:12px;border-top:1px solid #e2e8f0}.summary-stats{display:flex;justify-content:space-between;font-size:12px;color:#64748b}.selected-badge{font-weight:600;color:#3b82f6}.no-questions-found{text-align:center;padding:40px;color:#94a3b8}.questions-selection-list::-webkit-scrollbar{width:6px}.questions-selection-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.questions-selection-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.test-data-layout{display:flex;gap:24px;margin-top:20px}.test-data-content{flex:1;min-width:0}.test-data-sidebar{width:280px;flex-shrink:0}.sidebar-actions{position:sticky;top:20px}.sidebar-actions h3{font-size:16px;font-weight:600;margin-bottom:16px;color:#1e293b}.action-card{background:white;border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin-bottom:16px;transition:all .2s}.action-card:hover{box-shadow:0 4px 12px #0000000d}.action-header{display:flex;align-items:center;gap:8px;font-weight:600;color:#1e293b;margin-bottom:12px}.action-toggle{display:flex;gap:8px;margin-bottom:8px}.toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:13px;transition:all .2s}.toggle-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.action-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.action-btn:disabled{opacity:.5;cursor:not-allowed}.preview-btn{background:#8b5cf6;color:#fff}.preview-btn:hover:not(:disabled){background:#7c3aed}.print-btn{background:#10b981;color:#fff}.print-btn:hover:not(:disabled){background:#059669}.print-solutions-btn{background:#f59e0b;color:#fff}.print-solutions-btn:hover:not(:disabled){background:#d97706}.action-hint{font-size:11px;color:#64748b;margin-top:8px}.stats-card{background:#f8fafc}.stats-content{margin-top:8px}.stat-item{display:flex;justify-content:space-between;padding:6px 0;font-size:13px;border-bottom:1px solid #e2e8f0}.stat-item:last-child{border-bottom:none}.stat-item strong{color:#1e293b}.preview-modal .modal-body{padding:20px}.preview-question{page-break-inside:avoid}@media (max-width: 900px){.test-data-layout{flex-direction:column}.test-data-sidebar{width:100%}.sidebar-actions{position:static}}.availability-modal .modal-body{text-align:center}.availability-btn{background:#f59e0b;color:#fff;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.availability-btn:hover{background:#d97706}.availability-status{background:#fef3c7;padding:12px;border-radius:8px;margin-bottom:24px;font-size:13px;color:#92400e}.availability-actions{display:flex;gap:12px;justify-content:center}.test-preview-overlay{background:rgba(0,0,0,.9);z-index:2000}.test-preview-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:white;overflow-y:auto;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.close-preview-btn{position:absolute;top:20px;right:20px;background:none;border:none;cursor:pointer;color:#64748b;transition:color .2s;z-index:10}.close-preview-btn:hover{color:#ef4444}.preview-header{text-align:center;padding:30px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.preview-header h1{margin:0;font-size:28px}.declaration-modal .declaration-content{max-width:800px;margin:40px auto;padding:40px;text-align:center}.declaration-content h2{color:#1e293b;margin-bottom:20px}.timer-info,.testing-info{display:flex;align-items:center;justify-content:center;gap:10px;margin:20px 0;padding:15px;background:#f8fafc;border-radius:12px;font-size:18px}.declaration-text{text-align:left;margin:30px 0;padding:20px;background:#fef3c7;border-radius:12px}.declaration-text h3{color:#92400e;margin-bottom:15px}.declaration-checkbox{display:flex;gap:12px;cursor:pointer;line-height:1.5;color:#1e293b}.declaration-checkbox input{margin-top:3px;width:18px;height:18px;cursor:pointer}.user-profile{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px;background:#e0f2fe;border-radius:12px;margin:20px 0}.ready-btn{background:#10b981;color:#fff;border:none;padding:14px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.ready-btn:hover{background:#059669;transform:translateY(-2px)}.sections-modal{padding:20px}.sections-table-container{max-width:1000px;margin:30px auto;overflow-x:auto}.sections-table{width:100%;border-collapse:collapse;background:white;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.sections-table th,.sections-table td{padding:15px;text-align:left;border-bottom:1px solid #e2e8f0}.sections-table th{background:#f8fafc;font-weight:600;color:#1e293b}.sections-table tr:hover{background:#f8fafc}.attempt-btn{display:flex;align-items:center;gap:6px;background:#3b82f6;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s}.attempt-btn:hover{background:#2563eb}.user-profile-footer{position:fixed;bottom:20px;right:20px;display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f1f5f9;border-radius:20px;font-size:14px}.test-taking-modal{padding:0}.test-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;position:sticky;top:0;z-index:10}.test-header h2{margin:0;font-size:20px}.test-timer{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.2);padding:8px 16px;border-radius:20px}.question-progress{background:#f1f5f9;padding:12px 20px;font-size:14px;color:#64748b}.question-text h3{margin:0 0 20px;font-size:18px;color:#1e293b}.options-container{display:flex;flex-direction:column;gap:12px;margin-top:20px}.option-label{display:flex;align-items:center;gap:12px;cursor:pointer;padding:10px;border-radius:8px;transition:background .2s}.option-label:hover{background:#f8fafc}.option-label input{width:18px;height:18px;cursor:pointer}.fill-blanks-container{margin-top:20px}.fill-blanks-input{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:8px;font-size:16px}.fill-blanks-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.test-navigation{display:flex;justify-content:space-between;padding:20px 30px;border-top:1px solid #e2e8f0;background:white}.nav-btn{padding:10px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.prev-btn{background:#f1f5f9;color:#64748b}.prev-btn:hover:not(:disabled){background:#e2e8f0}.next-btn{background:#3b82f6;color:#fff}.next-btn:hover{background:#2563eb}.question-palette{padding:20px 30px;border-top:1px solid #e2e8f0;background:#f8fafc}.question-palette p{margin:0 0 10px;font-size:14px;font-weight:500}.palette-btn{width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.palette-btn.answered{background:#10b981;color:#fff}.palette-btn.unanswered{background:#f1f5f9;color:#64748b}.palette-btn.current{border:2px solid #3b82f6;transform:scale(1.05)}@media (max-width: 768px){.view-header{flex-direction:column;align-items:stretch}.view-header .warning-note{order:1}.view-header .back-button{order:2;justify-content:center}}.bank-info-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0;background:#f8fafc;border-radius:8px;margin-bottom:20px;flex-wrap:wrap}.bank-title-section{display:flex;align-items:center;gap:12px}.bank-name{font-size:16px;font-weight:600;color:#0f172a}.question-count{font-size:13px;padding:4px 10px;background:#e2e8f0;border-radius:20px;color:#475569;font-weight:500}.bank-actions-section{display:flex;align-items:center;gap:12px}.edit-settings-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#337ab7;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s}.edit-settings-btn:hover{background:white;color:#337ab7;border-color:#337ab7;transform:translateY(-1px)}@media (max-width: 768px){.bank-info-header{flex-direction:column;align-items:flex-start}.bank-actions-section{width:100%;justify-content:flex-end}}.curriculum-action-bar{display:flex!important;justify-content:space-between!important;align-items:center!important;background:white!important;padding:16px 24px!important;border-radius:12px!important;margin-bottom:24px!important;box-shadow:0 1px 3px #0000001a!important;flex-wrap:wrap!important;gap:16px!important}.action-bar-left,.action-bar-right{display:flex!important;align-items:center!important;gap:24px!important;flex-wrap:wrap!important}.action-bar-right{margin-left:auto!important}.action-group{display:flex!important;align-items:center!important;gap:12px!important}.action-label{font-size:18px!important;font-weight:600!important;color:#4a5568!important;margin:0!important;line-height:1!important}.action-buttons{display:flex!important;align-items:center!important;gap:8px!important}.curriculum-action-bar .action-btn{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:8px 16px!important;background:white!important;border:1px solid #e2e8f0!important;border-radius:8px!important;cursor:pointer!important;font-size:14px!important;font-weight:500!important;color:#4a5568!important;transition:all .2s ease!important;text-decoration:none!important;box-shadow:none!important;outline:none!important;margin:0!important;line-height:1!important;height:auto!important;width:auto!important}.curriculum-action-bar .action-btn:hover{border-color:#337ab7!important;color:#337ab7!important;background:#f8f9fa!important;transform:translateY(-1px)!important;box-shadow:none!important}.curriculum-action-bar .action-btn.active{background:#337ab7!important;border-color:#337ab7!important;color:#fff!important}.curriculum-action-bar .action-btn.active:hover{background:#286090!important;transform:translateY(-1px)!important}.curriculum-action-bar .action-btn.primary{background:#337ab7!important;border-color:#337ab7!important;color:#fff!important}.curriculum-action-bar .action-btn.primary:hover{background:#286090!important;transform:translateY(-1px)!important}.action-bar-right .action-group{display:flex!important;align-items:center!important;gap:12px!important}.action-bar-right .action-btn{white-space:nowrap!important}.vertical-separator{width:1px!important;height:30px!important;background:#e2e8f0!important;margin:0 12px!important;display:inline-block!important}.dropdown-wrapper{position:relative!important;display:inline-block!important}.curriculum-action-bar .dropdown-menu{position:absolute!important;top:100%!important;left:0!important;margin-top:8px!important;background:white!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;z-index:1000!important;min-width:200px!important;overflow:hidden!important;border:1px solid #e2e8f0!important}.curriculum-action-bar .dropdown-menu.right-aligned{left:auto!important;right:0!important}.curriculum-action-bar .dropdown-menu button{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;padding:10px 16px!important;background:none!important;border:none!important;cursor:pointer!important;font-size:14px!important;font-weight:400!important;color:#4a5568!important;transition:all .2s!important;text-align:left!important;margin:0!important;line-height:1.4!important}.curriculum-action-bar .dropdown-menu button:hover{background:#f8f9fa!important;color:#337ab7!important}.curriculum-action-bar .dropdown-menu button.disabled-option,.curriculum-action-bar .dropdown-menu button:disabled{opacity:.5!important;cursor:not-allowed!important}.curriculum-action-bar .dropdown-menu button.disabled-option:hover,.curriculum-action-bar .dropdown-menu button:disabled:hover{background:none!important;color:#4a5568!important}.selected-section-badge{display:flex!important;align-items:center!important;gap:8px!important;padding:6px 12px!important;border-radius:20px!important;font-size:14px!important;font-weight:600!important;color:#4a5568!important;background:#f1f5f9!important;margin-left:8px!important}.selected-section-badge span{max-width:150px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}@media (max-width: 768px){.curriculum-action-bar{flex-direction:column!important;align-items:stretch!important}.action-bar-left,.action-bar-right{justify-content:center!important;margin-left:0!important}.action-buttons,.action-group{flex-wrap:wrap!important;justify-content:center!important}.vertical-separator{display:none!important}.selected-section-badge{margin-left:0!important}}.radio-group{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;width:100%}.radio-option{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;background:white;width:100%;box-sizing:border-box}.radio-option:hover{border-color:#337ab7;background:#f8f9fa;transform:translate(2px)}.radio-option.selected{border-color:#337ab7;background:#ebf8ff;box-shadow:0 2px 8px #337ab726;border-left-width:3px;border-left-color:#337ab7}.radio-option input[type=radio]{width:auto;margin-right:8px;margin-left:0;flex-shrink:0}.radio-option svg{color:#718096;flex-shrink:0;transition:color .2s ease}.radio-option.selected svg{color:#337ab7}.radio-option span{flex:1;font-size:14px;line-height:1.4}.file-input-wrapper{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f9fa;border-radius:8px;border:1px solid #e2e8f0;width:100%;box-sizing:border-box}.file-input-wrapper input[type=file]{flex:1;padding:0;border:none;background:none;width:100%;min-width:0}.large-modal{max-width:800px;width:90%}.modal{background:white;border-radius:20px;padding:30px;max-width:650px;width:100%;max-height:90vh;overflow-y:auto;position:relative;z-index:2001;box-sizing:border-box}@media (max-width: 768px){.radio-option{padding:10px 12px}.radio-option svg{width:14px;height:14px}.modal{padding:20px;width:95%}.large-modal{width:95%}}.material-badge-assignment{display:inline-flex;align-items:center;padding:2px 8px;background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);color:#fff;border-radius:12px;font-size:11px;font-weight:500;margin-left:8px;letter-spacing:.3px}.material-badge-exercise{display:inline-flex;align-items:center;padding:2px 8px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;border-radius:12px;font-size:11px;font-weight:500;margin-left:8px;letter-spacing:.3px}.material-icon-assignment{color:#8b5cf6}.material-icon-exercise{color:#10b981}.error-input{border:1px solid #dc2626!important;outline:none}.error-message{color:#dc2626;font-size:.75rem;margin-top:.25rem;margin-bottom:0}.file-selected{color:#059669;font-size:.75rem;margin-top:.25rem;margin-bottom:0}.modal-header.warning-header{background-color:#fff3cd;border-bottom:1px solid #ffeeba;color:#856404}.warning-icon{color:#ff9800}.error-info{background-color:#fff3cd;border-left:4px solid #ff9800;padding:16px;border-radius:8px}.error-message{color:#856404;font-weight:500}.error-text{color:#d32f2f;margin-top:12px;font-weight:500}.content-list{margin:10px 0;padding-left:20px;color:#666}.btn-ok{background-color:#2196f3;color:#fff;border:none;padding:10px 24px;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .2s}.btn-ok:hover{background-color:#1976d2}.delete-option.warning{color:#ff9800}.delete-option.warning:hover{background-color:#fff3cd}.content-badge{background-color:#ff9800;color:#fff;font-size:11px;padding:2px 6px;border-radius:12px;margin-left:8px}.section-left-item.has-content{border-left:3px solid #ff9800}.sync-btn{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff!important;border:none;padding:.5rem 1rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;font-weight:500;transition:all .3s ease}.sync-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #667eea66;background:linear-gradient(135deg,#5a6fd6 0%,#6a3fa0 100%)}.sync-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.sync-btn.syncing{opacity:.8}.sync-btn svg{color:#fff}.spinner-small{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.action-bar-right .action-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}@media (max-width: 768px){.sync-btn{padding:.4rem .8rem;font-size:.85rem}.sync-btn span{display:inline-block}}.add-students-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.add-students-modal-container{background:white;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;display:flex;flex-direction:column;width:90%;max-width:1400px;height:auto;max-height:70vh;min-height:500px;margin:20px auto}.add-students-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid #e2e8f0;background:white}.add-students-modal-header h2{font-size:18px;font-weight:600;color:#1a202c;margin:0;display:flex;align-items:center;gap:10px}.add-students-close-btn{background:none;border:none;cursor:pointer;color:#718096;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.add-students-close-btn:hover{background:#f0f0f0;color:#dc3545}.add-students-modal-body{padding:12px 20px;overflow-y:auto;flex:1}.batch-selection-section{margin-bottom:12px;padding:10px;background:#f8f9fa;border-radius:6px}.batch-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px}.batch-checkbox-label input{width:16px;height:16px;cursor:pointer}.batch-checkbox-label span{font-weight:500;color:#4a5568}.batch-select-wrapper{margin-top:8px}.batch-select{width:100%;padding:6px 10px;font-size:12px;border:1px solid #e2e8f0;border-radius:6px;background:white;cursor:pointer}.batch-select:focus{outline:none;border-color:#337ab7;box-shadow:0 0 0 2px #337ab71a}.students-list-container{max-height:calc(70vh - 180px);overflow-y:auto}.student-card{margin-bottom:12px;padding:12px;border:1px solid #e2e8f0;border-radius:8px;background:white;position:relative;transition:all .2s ease}.student-card:hover{box-shadow:0 2px 8px #0000000d}.student-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #e2e8f0}.student-card-header h3{font-size:14px;font-weight:600;color:#1a202c;margin:0}.remove-student-btn{background:none;border:none;color:#dc3545;cursor:pointer;padding:4px;display:flex;align-items:center;gap:4px;font-size:12px;border-radius:4px;transition:all .2s ease}.remove-student-btn:hover{background:#fff5f5}.form-row-4cols{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px}.form-row-2cols{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:10px}.form-group{display:flex;flex-direction:column}.form-group label{display:block;font-size:11px;font-weight:500;margin-bottom:4px;color:#4a5568}.form-group input{width:100%;padding:6px 8px;font-size:12px;border:1px solid #e2e8f0;border-radius:4px;transition:all .2s ease}.form-group input:focus{outline:none;border-color:#337ab7;box-shadow:0 0 0 2px #337ab71a}.form-group input:hover{border-color:#cbd5e0}.password-strength-wrapper{margin-top:4px}.password-strength-bar{height:4px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:4px}.password-strength-fill{height:100%;transition:width .3s ease}.password-strength-info{display:flex;justify-content:space-between;align-items:center;font-size:10px}.password-placeholder{font-size:10px;color:#718096;padding:4px 0}.password-requirements-compact{background:#f8f9fa;padding:6px 8px;border-radius:4px;margin-top:8px;display:flex;flex-wrap:wrap;gap:8px}.requirement-missing{font-size:9px;color:#dc3545;display:flex;align-items:center;gap:3px}.add-more-btn-wrapper{margin-top:12px;text-align:center}.add-more-btn{padding:8px 20px;background:white;border:2px dashed #337ab7;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;color:#337ab7;font-weight:500;font-size:12px;transition:all .2s ease}.add-more-btn:hover{background:#ebf4ff;transform:translateY(-1px)}.add-students-modal-footer{padding:12px 20px;border-top:1px solid #e2e8f0;display:flex;gap:10px;justify-content:flex-end}.cancel-btn{padding:6px 16px;font-size:12px;background:#f0f0f0;border:none;border-radius:6px;cursor:pointer;color:#4a5568;transition:all .2s ease}.submit-btn{padding:6px 20px;font-size:12px;background:#337ab7;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.students-list-container::-webkit-scrollbar,.add-students-modal-body::-webkit-scrollbar{width:6px;height:6px}.students-list-container::-webkit-scrollbar-track,.add-students-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.students-list-container::-webkit-scrollbar-thumb,.add-students-modal-body::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.students-list-container::-webkit-scrollbar-thumb:hover,.add-students-modal-body::-webkit-scrollbar-thumb:hover{background:#a0aec0}@media (max-width: 1024px){.form-row-4cols{grid-template-columns:repeat(2,1fr);gap:8px}}@media (max-width: 768px){.add-students-modal-container{width:95%;max-height:85vh;min-height:auto}.form-row-4cols,.form-row-2cols{grid-template-columns:1fr;gap:8px}.student-card{padding:10px}.add-students-modal-header h2{font-size:16px}}@media (orientation: landscape) and (max-height: 600px){.add-students-modal-container{max-height:85vh;min-height:auto}.students-list-container{max-height:calc(85vh - 160px)}.student-card{margin-bottom:8px;padding:8px}}.react-calendar{width:350px;max-width:100%;background:white;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.users-page{min-height:100vh;background-color:#f8f9fa}.main-content-wrapper{flex:1;transition:margin-left .3s ease;min-height:100vh}.inner-layout{display:flex;min-height:calc(100vh + -0px)}.left-sidebar{width:260px;background:white;border-right:1px solid #e2e8f0;transition:width .3s ease;display:flex;flex-direction:column;position:relative}.left-sidebar.collapsed{width:60px}.sidebar-header{padding:20px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.left-sidebar.collapsed .sidebar-header{justify-content:center;padding:20px 10px}.sidebar-header h3{margin:0;font-size:16px;font-weight:600;color:#1a202c}.collapse-btn{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;width:32px;height:32px;color:#4a5568}.left-sidebar.collapsed .collapse-btn{margin:0}.collapse-btn:hover{background:#f0f0f0}.sidebar-menu{flex:1;padding:20px 0}.menu-item{display:flex;align-items:center;gap:12px;padding:12px 20px;width:100%;border:none;background:transparent;cursor:pointer;transition:all .2s ease;color:#4a5568;font-size:14px;font-weight:500}.menu-item:hover{background:#f7fafc}.menu-item.active{background:#ebf4ff;color:#337ab7}.left-sidebar.collapsed .menu-item{justify-content:center;padding:12px}.left-sidebar.collapsed .menu-item span{display:none}.right-content-area{flex:1;padding:30px;overflow-x:auto}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:15px}.left-section,.right-section{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.filter-dropdown{position:relative;display:inline-block}.filter-dropdown-btn{padding:10px 16px;background:white;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#1a202c;transition:all .2s}.filter-dropdown-btn:hover{background:#f7fafc;border-color:#cbd5e0}.filter-dropdown-menu{position:absolute;top:100%;left:0;margin-top:5px;background:white;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:180px;z-index:100;overflow:hidden}.filter-dropdown-item{padding:10px 16px;cursor:pointer;transition:background .2s;font-size:14px;color:#4a5568}.filter-dropdown-item:hover{background:#f7fafc}.filter-dropdown-item.active{background:#ebf4ff;color:#337ab7;font-weight:500}.search-box{position:relative}.search-box .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#a0aec0}.search-box input{padding:10px 12px 10px 36px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;width:280px;transition:all .2s}.search-box input:focus{outline:none;border-color:#337ab7;box-shadow:0 0 0 3px #337ab71a}.clear-filters-btn{padding:10px 16px;background:none;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:6px;color:#337ab7;font-size:14px;transition:all .2s}.clear-filters-btn:hover{background:#337ab7;color:#e2e8f0;border:1px solid #e2e8f0}.action-btn-icon{padding:10px 16px;background:white;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s;color:#4a5568}.action-btn-icon:hover{background:#f7fafc}.action-btn-icon.active{background:#337ab7;color:#fff;border-color:#337ab7}.actions-dropdown{position:relative;display:inline-block}.actions-dropdown-btn{padding:10px 16px;background:#337ab7;color:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;transition:all .2s}.actions-dropdown-btn:hover:not(:disabled){background:#2c6a9e;transform:translateY(-1px)}.actions-dropdown-btn:disabled{opacity:.5;cursor:not-allowed}.actions-dropdown-menu{position:absolute;top:100%;right:0;margin-top:5px;background:white;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:220px;z-index:100;overflow:hidden}.actions-dropdown-item{padding:10px 16px;cursor:pointer;transition:background .2s;display:flex;align-items:center;gap:10px;font-size:14px;color:#4a5568}.actions-dropdown-item:hover{background:#f7fafc}.selected-count{font-size:14px;color:#337ab7;font-weight:500;background:#ebf4ff;padding:6px 12px;border-radius:20px}.data-table-container{background-color:var(--white);border-radius:var(--border-radius);overflow:visible!important;box-shadow:var(--shadow)}.data-table-wrapper{overflow-x:auto;position:relative}.data-table{width:100%;border-collapse:collapse;position:relative}.data-table thead{background-color:var(--primary-color)}.data-table th{background-color:var(--primary-color);color:var(--white);padding:12px;text-align:left;font-weight:500;font-size:14px}.data-table tbody tr:nth-child(2n){background-color:#308d9c0d}.data-table tbody tr:nth-child(odd){background-color:var(--white)}.data-table tbody tr:hover{background-color:#308d9c1a;transition:background-color .3s ease}.data-table td{padding:12px;border-bottom:1px solid var(--secondary-color);color:var(--text-dark);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary-color)}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.dropdown-menu{position:absolute;right:0;top:100%;background:white;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:150px;z-index:1000;overflow:hidden}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;border:none;background:none;text-align:left;cursor:pointer;font-size:14px;color:#4a5568;transition:background-color .2s ease}.dropdown-item:hover{background-color:#308d9c1a}.avatar{width:40px;height:40px;border-radius:50%;background:#ebf4ff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#337ab7}@media (max-width: 768px){.data-table{font-size:14px}.data-table th,.data-table td{padding:8px}}.menu-container{position:relative;display:inline-block}.menu-trigger{background:none;border:none;padding:8px;cursor:pointer;color:#718096;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.dropdown-menu{position:absolute;top:100%;right:0;left:auto;background:white;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:150px;z-index:1000;overflow:hidden;margin-top:5px}.data-table td:last-child .dropdown-menu{right:auto;left:-93px}.data-table-container,.data-table{overflow:visible!important}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.user-card{background:white;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:all .3s ease;border:1px solid #edf2f7}.user-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.empty-state{text-align:center;padding:60px;background:white;border-radius:16px;box-shadow:0 1px 3px #0000001a}.modal{background:white;border-radius:20px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid #e2e8f0}.modal-header h2{font-size:20px;color:#1a202c;margin:0}.modal-header button{background:none;border:none;font-size:24px;cursor:pointer;color:#718096;transition:color .2s}.modal-header button:hover{color:#dc3545}.submit-btn:hover{background:#2c6a9e}.filters-panel{background:white;border-radius:12px;padding:20px;margin-bottom:25px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;box-shadow:0 1px 3px #0000001a}.filter-group{display:flex;flex-direction:column}.filter-group label{display:block;font-size:12px;font-weight:600;color:#4a5568;margin-bottom:5px}.filter-select{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;background:white;transition:all .2s}.filter-select:focus{outline:none;border-color:#337ab7;box-shadow:0 0 0 3px #337ab71a}.export-total-section{display:flex;align-items:center;gap:15px}.total-students-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ebf4ff;border-radius:8px;color:#337ab7;font-weight:500;font-size:11px}.export-btn{padding:8px 20px;background:white;border:1px solid #337ab7;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;color:#337ab7;font-weight:500;transition:all .2s}.export-btn:hover{background:#337ab7;color:#fff}.filters-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px;flex-wrap:nowrap;gap:20px;background:white;padding:15px 20px;border-radius:12px;box-shadow:0 1px 3px #0000001a;position:relative;overflow:visible}.filters-group{display:flex;align-items:flex-end;gap:10px;flex-wrap:nowrap;flex:1;overflow:visible}.filter-item{display:flex;flex-direction:column;gap:6px;min-width:0;position:relative;overflow:visible}.filter-item label{font-size:11px;font-weight:600;color:#4a5568;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.filter-divider{color:#cbd5e0;font-size:16px;margin:0;display:flex;align-items:center;padding-bottom:8px}.filter-select{padding:6px 28px 6px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;background:white;min-width:140px;cursor:pointer;white-space:nowrap;position:relative;z-index:1}.filter-select:focus{outline:none;border-color:#337ab7}.date-filter-dropdown{position:relative;display:inline-block;overflow:visible}.date-filter-btn{padding:6px 28px 6px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;background:white;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:140px;white-space:nowrap;position:relative;z-index:1}.date-filter-btn:hover{background:#f7fafc}.date-filter-menu{position:absolute;top:100%;left:0;margin-top:5px;background:white;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:160px;z-index:1000;overflow:hidden;pointer-events:auto}.date-filter-item{padding:8px 14px;cursor:pointer;transition:background .2s;font-size:13px;color:#4a5568;white-space:nowrap}.date-filter-item:hover{background:#f7fafc}.date-filter-divider{height:1px;background:#e2e8f0;margin:4px 0}.custom-date{color:#337ab7;font-weight:500}.filter-item select{position:relative;z-index:1}.date-filter-dropdown:focus-within .date-filter-menu,.filter-item:focus-within .date-filter-menu{display:block}.custom-date-picker{position:absolute;top:100%;left:0;margin-top:8px;background:white;border-radius:12px;box-shadow:0 4px 20px #00000026;min-width:280px;z-index:1000;padding:16px;border:1px solid #e2e8f0}.custom-date-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.custom-date-picker-header span{font-weight:600;color:#1a202c;font-size:14px}.close-picker{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#718096;transition:color .2s}.close-picker:hover{color:#dc3545}.custom-date-inputs{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.custom-date-input{display:flex;flex-direction:column;gap:6px}.custom-date-input label{font-size:12px;font-weight:500;color:#4a5568}.custom-date-input input{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;transition:all .2s}.custom-date-input input:focus{outline:none;border-color:#337ab7;box-shadow:0 0 0 3px #337ab71a}.custom-date-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.cancel-date-btn{padding:6px 12px;background:#f0f0f0;border:none;border-radius:6px;cursor:pointer;font-size:12px;color:#4a5568;transition:background .2s}.cancel-date-btn:hover{background:#e2e8f0}.apply-date-btn{padding:6px 12px;background:#337ab7;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;transition:background .2s}.apply-date-btn:hover{background:#2c6a9e}.filter-item.date-filter{position:relative}@media (max-width: 768px){.custom-date-picker{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:320px}}@media (max-width: 1100px){.filters-row{overflow-x:auto;padding-bottom:200px;margin-bottom:200px}.filters-group{min-width:max-content}.date-filter-menu{position:fixed;top:auto;left:auto;transform:translateY(0);max-width:90vw}}@media (max-width: 768px){.filters-row{flex-direction:column;align-items:stretch;overflow-x:visible;padding-bottom:15px;margin-bottom:25px}.filters-group{flex-direction:column;align-items:stretch;width:100%}.filter-divider{display:none}.export-total-section{justify-content:space-between;margin-top:10px;align-self:stretch}.filter-select,.date-filter-btn{width:100%}.total-students-badge,.export-btn{height:auto}.date-filter-menu{position:absolute;left:0;right:auto;width:100%;min-width:auto}}.spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #337ab7;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@media (max-width: 768px){.filters-row,.filters-group{flex-direction:column;align-items:stretch}.filter-divider{display:none}.export-total-section{justify-content:space-between}.filter-select,.date-filter-btn{width:100%}.right-content-area{padding:20px}.left-sidebar{position:fixed;z-index:100;height:100vh;transform:translate(-100%);transition:transform .3s ease}.left-sidebar.open{transform:translate(0)}.search-box input{width:100%;min-width:200px}.top-bar{flex-direction:column;align-items:stretch}.left-section,.right-section{flex-wrap:wrap}.filter-dropdown-menu,.actions-dropdown-menu{position:fixed;left:auto;right:20px;max-width:calc(100% - 40px)}.users-grid{grid-template-columns:1fr}.data-table{font-size:13px}.data-table th,.data-table td{padding:8px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a0aec0}.modal{background:white;border-radius:20px;padding:30px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #e2e8f0}.modal-header h2{font-size:24px;color:#1a202c;margin:0;font-weight:600}.close-modal{background:none;border:none;font-size:24px;cursor:pointer;color:#718096;transition:all .2s ease;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:8px}.close-modal:hover{color:#dc3545;background:#fff5f5;transform:rotate(90deg)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{margin-bottom:0}.form-group label{display:block;font-size:14px;font-weight:600;color:#4a5568;margin-bottom:8px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;outline:none;transition:all .3s ease;font-family:inherit}.form-group input:hover,.form-group textarea:hover{border-color:#cbd5e0}.form-group textarea{resize:vertical;min-height:80px}.modal-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:25px;padding-top:20px;border-top:1px solid #e2e8f0}.btn-cancel{padding:10px 24px;background:#f0f0f0;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#4a5568;transition:all .2s ease}.btn-cancel:hover{background:#e2e8f0;transform:translateY(-1px)}.btn-submit{padding:10px 28px;background:#337ab7;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.btn-submit:hover:not(:disabled){background:#286090;transform:translateY(-1px);box-shadow:0 4px 12px #337ab74d}@media (max-width: 768px){.modal{padding:20px;max-width:95%}.form-row{grid-template-columns:1fr;gap:15px;margin-bottom:15px}.modal-header h2{font-size:20px}.btn-cancel,.btn-submit{padding:8px 20px}}@media (max-width: 480px){.modal{padding:15px}.modal-buttons{flex-direction:column-reverse;gap:10px}.btn-cancel,.btn-submit{width:100%}}.schedule-modal{max-width:1000px;width:90%}.schedule-container{display:flex;gap:20px;padding:10px;height:100%;overflow:hidden}.calendar-section{flex:0 1 500px;min-width:400px;max-width:600px;display:flex;flex-direction:column}.events-section{flex:1 1 auto;min-width:500px;display:flex;flex-direction:column}.calendar-section,.events-section{background:#fff;border-radius:10px}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 10px}.calendar-header h3{font-size:18px;font-weight:600;color:#1a202c;margin:0}.calendar-nav-btn{background:white;border:1px solid #e2e8f0;border-radius:8px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.calendar-nav-btn:hover{background:#337ab7;color:#fff;border-color:#337ab7}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:10px}.weekday{text-align:center;font-weight:600;font-size:14px;color:#4a5568;padding:10px}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:white;border-radius:8px;cursor:pointer;transition:all .2s;position:relative;padding:10px}.calendar-day:hover{background:#ebf8ff;transform:scale(1.05)}.calendar-day.has-events{background:#fff3e0;border:1px solid #ffc107}.calendar-day.today{background:#337ab7;color:#fff}.calendar-day.today .day-number{color:#fff}.day-number{font-size:14px;font-weight:500}.event-indicator{font-size:10px;background:#ffc107;color:#1a202c;padding:2px 6px;border-radius:10px;margin-top:5px}.events-section{background:white;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;display:flex;flex-direction:column}.events-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e2e8f0;background:#f8f9fa}.events-header h3{font-size:16px;font-weight:600;color:#1a202c;margin:0}.add-event-btn{background:#337ab7;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:13px;transition:all .2s}.add-event-btn:hover{background:#286090;transform:translateY(-1px)}.add-event-form{padding:20px;border-bottom:1px solid #e2e8f0;background:white}.event-input,.event-textarea{width:100%;padding:10px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;margin-bottom:10px;font-family:inherit}.event-input:focus,.event-textarea:focus{outline:none;border-color:#337ab7;box-shadow:0 0 0 3px #337ab71a}.form-buttons{display:flex;gap:10px;justify-content:flex-end}.btn-cancel-small{padding:6px 12px;background:#f0f0f0;border:none;border-radius:6px;cursor:pointer;font-size:12px}.btn-submit-small{padding:6px 12px;background:#337ab7;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px}.events-list{flex:1;overflow-y:auto}.event-card{background:#f8f9fa;border-radius:8px;padding:12px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:flex-start;transition:all .2s}.event-card:hover{background:#ebf8ff;transform:translate(2px)}.event-content{flex:1}.event-content h4{font-size:14px;font-weight:600;color:#1a202c;margin:0 0 4px}.event-content p{font-size:13px;color:#4a5568;margin:0 0 4px}.event-content small{font-size:11px;color:#718096}.delete-event-btn{background:none;border:none;cursor:pointer;color:#dc3545;padding:4px;border-radius:4px;transition:all .2s}.delete-event-btn:hover{background:#fff5f5;transform:scale(1.1)}.no-events{text-align:center;padding:40px 20px;color:#718096}.no-events p{margin:12px 0}.btn-add-event{background:none;border:1px dashed #cbd5e0;padding:8px 16px;border-radius:8px;cursor:pointer;color:#337ab7;font-size:13px;transition:all .2s}.btn-add-event:hover{background:#ebf8ff;border-color:#337ab7}@media (max-width: 768px){.schedule-container{grid-template-columns:1fr;gap:20px}.calendar-section,.events-section{max-height:none}}.notes-modal{max-width:900px;width:90%}.notes-container{display:flex;flex-direction:column;gap:16px;padding:16px 20px}.status-section.compact{background:#f8f9fa;border-radius:12px;padding:12px 16px}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.status-header h3{font-size:14px;font-weight:600;color:#1a202c;margin:0}.change-status-section{margin-top:0}.status-change-controls{display:flex;gap:8px;align-items:center}.status-select{flex:1;padding:6px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;background:white;cursor:pointer}.status-select:focus{outline:none;border-color:#337ab7;box-shadow:0 0 0 2px #337ab71a}.btn-update-status{padding:6px 16px;background:#337ab7;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s;white-space:nowrap}.btn-update-status:hover:not(:disabled){background:#286090}.btn-update-status:disabled{opacity:.5;cursor:not-allowed}.notes-modal-ultra{max-width:750px;width:90%;background:white;border-radius:16px;overflow:hidden}.notes-container-ultra{padding:16px 20px;display:flex;flex-direction:column;gap:16px}.status-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.current-status{display:flex;align-items:center;gap:8px}.status-label{font-size:12px;font-weight:500;color:#4a5568}.status-change{display:flex;gap:8px;align-items:center}.status-select-small{padding:4px 8px;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;background:white;cursor:pointer}.status-select-small:focus{outline:none;border-color:#337ab7}.btn-update-status-small{padding:4px 12px;background:#337ab7;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:11px;font-weight:500;transition:all .2s;white-space:nowrap}.btn-update-status-small:hover:not(:disabled){background:#286090}.btn-update-status-small:disabled{opacity:.5;cursor:not-allowed}.notes-section-ultra{background:#f8f9fa;border-radius:8px;overflow:hidden}.section-header-ultra{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f1f3f5;font-size:11px;font-weight:600;color:#4a5568;border-bottom:1px solid #e2e8f0}.notes-list-ultra{padding:8px;display:flex;flex-direction:column;gap:8px}.note-item-ultra{background:white;border-radius:6px;padding:8px 10px;border:1px solid #e2e8f0}.note-text-ultra{font-size:12px;color:#2d3748;margin-bottom:4px;line-height:1.4;word-break:break-word}.note-meta-ultra{display:flex;justify-content:space-between;align-items:center}.note-time-ultra{font-size:10px;color:#a0aec0;display:flex;align-items:center;gap:4px}.delete-note-ultra{background:none;border:none;cursor:pointer;color:#cbd5e0;padding:2px;border-radius:4px;transition:all .2s;display:flex;align-items:center}.delete-note-ultra:hover{color:#dc3545;background:#fff5f5}.add-note-ultra{display:flex;gap:8px;align-items:flex-start}.note-input-ultra{flex:1;padding:8px 10px;border:1px solid #e2e8f0;border-radius:8px;font-size:12px;font-family:inherit;resize:none;background:white}.note-input-ultra:focus{outline:none;border-color:#337ab7;box-shadow:0 0 0 2px #337ab71a}.btn-add-note-ultra{padding:8px 16px;background:#28a745;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s;white-space:nowrap}.btn-add-note-ultra:hover:not(:disabled){background:#218838}.btn-add-note-ultra:disabled{opacity:.5;cursor:not-allowed}.history-section-ultra{background:#f8f9fa;border-radius:8px;overflow:hidden}.history-list-ultra{padding:8px;display:flex;flex-direction:column;gap:8px}.history-item-ultra{background:white;border-radius:6px;padding:8px 10px;border:1px solid #e2e8f0}.history-action-ultra{font-size:11px;font-weight:500;color:#2d3748;margin-bottom:4px}.history-status-ultra{display:flex;align-items:center;gap:6px;font-size:10px;margin-bottom:4px}.history-status-ultra span{font-weight:500;padding:0 4px;border-radius:4px}.history-time-ultra{font-size:9px;color:#a0aec0}.more-history{text-align:center;padding:6px;font-size:10px;color:#337ab7;background:#f8f9fa;border-radius:4px;cursor:pointer}.more-history:hover{background:#ebf8ff}.modal-buttons-ultra{padding:12px 20px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end}.btn-close{padding:6px 20px;background:#f0f0f0;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;color:#4a5568;transition:all .2s}.btn-close:hover{background:#e2e8f0}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.modal-header h2{font-size:18px;font-weight:600;margin:0;display:flex;align-items:center}@media (max-width: 640px){.notes-container-ultra{padding:12px;gap:12px}.status-row{flex-direction:column;align-items:stretch;gap:10px}.status-change{width:100%}.status-select-small{flex:1}.add-note-ultra{flex-direction:column}.btn-add-note-ultra{width:100%}}.password-strength{margin-top:8px}.strength-bar{height:4px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:6px}.strength-fill{height:100%;transition:width .3s ease,background-color .3s ease}.strength-fill.weak{background:#dc3545}.strength-fill.medium{background:#ffc107}.strength-fill.strong{background:#28a745}.strength-text{font-size:11px;color:#4a5568}.password-requirements{background:#f8f9fa;border-radius:8px;padding:12px;margin:16px 0}.requirements-title{font-size:11px;font-weight:600;color:#4a5568;margin-bottom:8px}.requirements-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:6px}.requirement{display:flex;align-items:center;gap:6px;font-size:11px;transition:color .2s ease}.requirement svg{width:12px;height:12px;flex-shrink:0}.requirement.valid{color:#28a745}.requirement.valid svg:last-child{display:none}.requirement.invalid{color:#dc3545}.requirement.invalid svg:first-child{display:none}.requirement svg:first-child,.requirement svg:last-child{display:none}.requirement.valid svg:first-child{display:inline-block}.requirement.invalid svg:last-child{display:inline-block}.password-input{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s;background:white}.password-input:focus{outline:none;border-color:#337ab7;box-shadow:0 0 0 3px #337ab71a}.password-input.input-error{border-color:#dc3545!important}.password-input.input-error:focus{border-color:#dc3545!important;box-shadow:0 0 0 3px #dc35451a!important}.error-message{display:flex;align-items:center;gap:4px;font-size:11px;color:#dc3545;margin-top:6px}.password-hint{display:flex;align-items:center;gap:6px;font-size:11px;color:#718096;margin-top:12px;padding:8px;background:#f8f9fa;border-radius:6px}.password-hint svg{flex-shrink:0}.password-field{margin-bottom:16px}.password-field label{display:block;font-size:13px;font-weight:500;color:#4a5568;margin-bottom:6px}.student-name{text-align:center;font-size:16px;font-weight:600;color:#1a202c;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.reset-password-modal{max-width:500px;width:90%}.reset-password-content{padding:20px}.modal-buttons{display:flex;gap:12px;justify-content:flex-end;padding:20px 30px;border-top:1px solid #e2e8f0}.cancel-btn{padding:8px 20px;background:#f0f0f0;border:none;border-radius:6px;cursor:pointer;font-size:14px;color:#4a5568;transition:all .2s}.cancel-btn:hover{background:#e2e8f0}.submit-btn{padding:8px 20px;background:#337ab7;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.submit-btn:hover:not(:disabled){background:#2c6a9e;transform:translateY(-1px)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.reset-btn{background:#dc3545!important}.reset-btn:hover:not(:disabled){background:#c82333!important;transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}.schedule-modal{max-width:1800px!important;width:100%!important;height:75vh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;background:white;border-radius:12px}.schedule-container{display:flex;gap:20px;padding:20px;flex:1;min-height:0;overflow:hidden}.calendar-section{flex:0 0 45%;min-width:350px;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;background:#fff;border-radius:10px;padding:15px;border:1px solid #e2e8f0}.events-section{flex:1;display:flex;flex-direction:column;min-width:300px;background:#fff;border-radius:10px;border:1px solid #e2e8f0;overflow:hidden}.events-list{flex:1;overflow-y:auto;padding:15px;min-height:0}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;max-height:calc(100% - 100px);overflow-y:auto;padding:5px}.calendar-day{aspect-ratio:1;min-width:0;padding:5px}.day-number{font-size:12px}.event-indicator{font-size:8px;padding:1px 4px}@media (max-width: 1024px){.schedule-container{gap:15px;padding:15px}.calendar-section{flex:0 0 40%;min-width:300px}}@media (max-width: 768px){.schedule-modal{height:90vh!important}.schedule-container{flex-direction:column;gap:15px;overflow-y:auto}.calendar-section{flex:none;min-width:auto;max-height:400px}.events-section{min-height:300px}.calendar-days{grid-template-columns:repeat(7,minmax(40px,1fr))}.weekday{font-size:11px;padding:5px}}.events-list::-webkit-scrollbar,.calendar-days::-webkit-scrollbar{width:6px}.events-list::-webkit-scrollbar-track,.calendar-days::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.events-list::-webkit-scrollbar-thumb,.calendar-days::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.events-list::-webkit-scrollbar-thumb:hover,.calendar-days::-webkit-scrollbar-thumb:hover{background:#a0aec0}.notes-modal-ultra{max-height:80vh;display:flex;flex-direction:column}.notes-container-ultra{flex:1;overflow-y:auto;max-height:calc(80vh - 120px)}.spinner-small{display:inline-block;width:14px;height:14px;border:2px solid #fff;border-top:2px solid transparent;border-radius:50%;animation:spin .6s linear infinite}.notes-modal-ultra{max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.notes-container-ultra{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:16px}.notes-list-ultra::-webkit-scrollbar,.history-list-ultra::-webkit-scrollbar{width:6px}.notes-list-ultra::-webkit-scrollbar-track,.history-list-ultra::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.notes-list-ultra::-webkit-scrollbar-thumb,.history-list-ultra::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.notes-list-ultra::-webkit-scrollbar-thumb:hover,.history-list-ultra::-webkit-scrollbar-thumb:hover{background:#a0aec0}.notes-container-ultra{scroll-behavior:smooth}.history-item-ultra{transition:background-color .2s ease}.history-item-ultra:hover{background-color:#f8f9fa;transform:translate(2px)}.note-item-ultra{transition:all .2s ease}.note-item-ultra:hover{border-color:#cbd5e0;box-shadow:0 1px 3px #0000000d}.add-note-ultra{position:sticky;bottom:0;background:white;padding-top:8px;border-top:1px solid #e2e8f0;margin-top:8px}.spinner-small{display:inline-block;width:14px;height:14px;border:2px solid #fff;border-top:2px solid transparent;border-radius:50%;animation:spin .6s linear infinite;margin-right:8px;vertical-align:middle}.compact-calendar .react-calendar{width:100%;border:none;font-size:12px}.compact-calendar .react-calendar__tile{padding:8px 4px}.compact-calendar .react-calendar__navigation{margin-bottom:8px}.compact-calendar .react-calendar__navigation button{font-size:12px}.event-dot{width:4px;height:4px;background:#4f46e5;border-radius:50%;margin:2px auto 0}.holiday-dot{width:4px;height:4px;background:#ef4444;border-radius:50%;margin:2px auto 0}.holiday-date{color:#ef4444!important}.curriculum-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.header-title h1{font-size:32px;color:#1a202c;font-weight:700;margin:0 0 8px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.create-course-btn{background:#337ab7;color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;white-space:nowrap}.create-course-btn:hover{background:#286090;transform:translateY(-2px);box-shadow:0 4px 12px #337ab74d}.search-bar{margin-bottom:30px;width:100%}.search-container{position:relative;max-width:400px;width:100%}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#a0aec0}.search-input{width:100%;padding:12px 14px 12px 48px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;outline:none;background:white;transition:all .3s ease;box-sizing:border-box}.search-input:focus{border-color:#337ab7;box-shadow:0 0 0 3px #337ab71a}@media (max-width: 768px){.curriculum-header{flex-direction:column;align-items:flex-start}.header-title h1{font-size:24px}.create-course-btn{width:100%;justify-content:center;white-space:normal}.search-container{max-width:100%}}@media (max-width: 480px){.header-title h1{font-size:20px}.create-course-btn{padding:10px 16px;font-size:13px}}.courses-table-container{background:white;width:100%;overflow-x:auto;border-radius:12px;-webkit-overflow-scrolling:touch}.courses-table{width:100%;border-collapse:collapse;min-width:500px}.courses-table th{background-color:#308d9c;color:#fff;padding:12px;text-align:left;font-weight:500}.courses-table td{padding:16px;border-bottom:1px solid #e2e8f0;color:#2d3748;vertical-align:middle}.courses-table tr:hover{background-color:#f1f5f9;cursor:pointer;transition:background-color .2s ease}.course-info{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.course-image{width:60px;height:60px;flex-shrink:0}.course-thumbnail{width:60px;height:60px;border-radius:8px;object-fit:cover}.default-image{width:60px;height:60px;background:#f0f0f0;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#a0aec0}.course-details{flex:1;min-width:150px}.course-title{font-size:14px;font-weight:600;color:#2d3748;margin-bottom:4px;word-break:break-word}.course-short-desc{font-size:12px;color:#718096;margin:0;line-height:1.4;word-break:break-word}.actions-cell{width:280px;text-align:right;flex-shrink:0}.table-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.action-btn{padding:8px 12px;border:none;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;white-space:nowrap}.action-btn.manage{background:#e9ecef;color:#495057}.action-btn.manage:hover{background:#337ab7;color:#fff}.action-btn.edit{background:#ebf8ff;color:#337ab7}.action-btn.edit:hover{background:#337ab7;color:#fff}.action-btn.delete{background:#fff5f5;color:#dc3545}.action-btn.delete:hover{background:#dc3545;color:#fff}.pagination-single-line{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding:12px 0;flex-wrap:wrap;background:white;border-radius:8px}.pagination-left,.pagination-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-left:10px;padding-right:10px}.pagination-center{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.pagination-numbers{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.pagination-btn,.pagination-number{padding:6px 12px;border:1px solid #e2e8f0;background:white;color:#4a5568;cursor:pointer;border-radius:6px;transition:all .2s;min-width:36px;text-align:center}.pagination-btn:hover:not(:disabled),.pagination-number:hover:not(.active){background:#f7fafc;border-color:#337ab7;color:#337ab7}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-number.active{background:#337ab7;border-color:#337ab7;color:#fff}.pagination-ellipsis{padding:0 4px;color:#a0aec0}.per-page-selector{display:flex;align-items:center;gap:8px}.per-page-dropdown{padding:6px 10px;border:1px solid #e2e8f0;border-radius:6px;background:white;cursor:pointer;font-size:13px}.total-records,.pagination-range{font-size:14px;color:#4a5568}@media (max-width: 768px){.pagination-single-line{flex-direction:column;align-items:stretch;gap:15px}.pagination-left,.pagination-right{justify-content:center}.pagination-center{order:2}.pagination-btn,.pagination-number{padding:4px 8px;min-width:32px;font-size:12px}.action-btn{padding:6px 10px;font-size:12px}.action-btn span{display:none}.action-btn svg{margin:0}.actions-cell{width:auto}.course-info{gap:12px}.course-details{min-width:120px}}@media (max-width: 480px){.course-info{flex-direction:column;align-items:flex-start}.course-image,.course-thumbnail,.default-image{width:50px;height:50px}.table-actions{justify-content:flex-start;margin-top:10px}.courses-table td{padding:12px}.courses-table{min-width:400px}.per-page-selector{flex-direction:column;align-items:stretch;gap:5px}}.curriculum-page{min-height:100vh;background-color:#f8f9fa;overflow-x:hidden;width:100%}.curriculum-content{flex:1;padding:40px;transition:margin-left .3s ease;width:100%;max-width:100%;overflow-x:hidden}.curriculum-content.sidebar-open{margin-left:280px;width:calc(100% - 280px)}.curriculum-content.sidebar-closed{margin-left:80px;width:calc(100% - 80px)}.curriculum-wrapper{max-width:1400px;margin:0 auto;width:100%;overflow-x:hidden}body.modal-open{overflow:hidden}.course-card{transition:transform .3s ease,box-shadow .3s ease}.modal::-webkit-scrollbar{width:6px}.modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.modal::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.modal::-webkit-scrollbar-thumb:hover{background:#a0aec0}.loading-state{text-align:center;padding:60px}.spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #337ab7;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:80px 20px;background:white;border-radius:16px}.empty-state-icon{width:80px;height:80px;background:#f7fafc;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#a0aec0}.empty-state h3{font-size:20px;color:#1a202c;margin-bottom:10px}.empty-state p{color:#718096;margin-bottom:20px}.modal{background:white;border-radius:20px;padding:20px!important;max-width:550px!important;width:100%;max-height:85vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px!important;padding-bottom:10px!important;border-bottom:1px solid #e2e8f0}.modal-header h2{font-size:20px!important;color:#1a202c;margin:0}.close-modal{background:none;border:none;font-size:24px;cursor:pointer;color:#718096;transition:color .2s}.close-modal:hover{color:#1a202c}.form-group{margin-bottom:12px!important}.form-group label{display:block;font-size:13px!important;margin-bottom:5px!important;font-weight:600;color:#4a5568}.form-group input,.form-group textarea,.form-group select{width:100%;border:1px solid #e2e8f0;border-radius:8px;padding:8px 10px!important;font-size:13px!important;outline:none;transition:all .3s ease;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#337ab7;box-shadow:0 0 0 3px #337ab71a}.form-group textarea{resize:vertical;min-height:60px!important}.input-error{border-color:#ef4444!important}.error-message{color:#ef4444;font-size:11px!important;margin-top:3px!important;display:block}.char-counter{font-size:11px!important;color:#718096;text-align:right;margin-top:3px!important}.radio-group{display:flex;gap:12px!important;margin-top:5px!important;flex-wrap:wrap}.radio-option{display:flex;align-items:center;gap:8px;cursor:pointer;padding:5px 12px!important;font-size:13px!important;border-radius:8px;background:#f8f9fa;transition:all .3s ease}.radio-option.active{background:#ebf8ff;color:#337ab7}.radio-option input{display:none}.radio-custom{width:16px!important;height:16px!important;border:2px solid #cbd5e0;border-radius:50%;display:inline-block;position:relative;transition:all .2s ease}.radio-option input:checked+.radio-custom{border-color:#337ab7}.radio-option input:checked+.radio-custom:after{content:"";width:10px;height:10px;background:#337ab7;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.image-upload-area{border:2px dashed #e2e8f0;border-radius:12px;padding:12px!important;max-width:200px;margin:0 auto;text-align:center;cursor:pointer;aspect-ratio:1 / 1;transition:all .3s ease;background:#f8f9fa;overflow:hidden}.image-upload-area:hover{border-color:#337ab7;background:#f0f7ff}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px!important}.upload-placeholder svg{color:#a0aec0;margin-bottom:6px!important;font-size:24px}.upload-placeholder p{color:#4a5568;font-size:11px!important;margin:3px 0!important}.upload-hint{color:#718096;font-size:9px!important}.image-preview-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-preview{width:100%;height:100%;object-fit:contain;border-radius:8px}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .3s ease;cursor:pointer}.image-preview-container:hover .image-overlay{opacity:1}.image-overlay span{font-size:12px!important}.upload-progress{margin-top:10px;background:#e2e8f0;border-radius:20px;overflow:hidden;position:relative;height:30px}.progress-bar{height:100%;background:#337ab7;transition:width .3s ease;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:500}.modal-buttons{display:flex;gap:10px!important;justify-content:flex-end;margin-top:15px!important;flex-wrap:wrap}.btn-cancel{padding:6px 16px!important;background:#f0f0f0;border:none;border-radius:8px;cursor:pointer;font-size:13px!important;font-weight:500;color:#4a5568;transition:all .2s}.btn-cancel:hover{background:#e2e8f0}.btn-submit{padding:10px 24px;background:#337ab7;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-submit:hover{background:#286090}.btn-danger{background:#dc3545}.btn-danger:hover{background:#c82333}@media (max-width: 1024px){.curriculum-content{padding:30px}.curriculum-content.sidebar-open,.curriculum-content.sidebar-closed{margin-left:0;width:100%}}@media (max-width: 768px){.curriculum-content{padding:20px}.curriculum-content.sidebar-open,.curriculum-content.sidebar-closed{margin-left:0;width:100%}.modal{padding:20px;max-width:95%!important;margin:10px}.header-title h1{font-size:24px}.header-title h1 svg{width:24px;height:24px}.create-course-btn{padding:8px 16px;font-size:13px}.radio-group{gap:8px}.radio-option{padding:4px 10px!important;font-size:12px!important}}@media (max-width: 480px){.curriculum-header{flex-direction:column;align-items:flex-start}.header-title h1{font-size:20px}.create-course-btn{width:100%;justify-content:center}.search-container{max-width:100%}.modal-buttons{flex-direction:column}.modal-buttons button{width:100%}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.delete-assignment-modal{background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);border-radius:20px;width:90%;max-width:480px;box-shadow:0 25px 50px -12px #00000040;animation:slideIn .3s cubic-bezier(.34,1.2,.64,1);overflow:hidden}.modal-header{display:flex;align-items:center;gap:14px;padding:24px 28px;background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border-bottom:2px solid #fecaca}.modal-icon{display:flex;align-items:center;justify-content:center;animation:shakeIcon .5s ease}.modal-header h2{margin:0;font-size:22px;font-weight:700;color:#991b1b;letter-spacing:-.3px}.modal-body{padding:28px}.modal-body p{margin:0 0 12px;color:#374151;font-size:15px;line-height:1.6}.modal-body p strong{color:#dc2626;font-weight:600}.warning-text{color:#dc2626!important;font-weight:600;margin-top:20px!important;margin-bottom:12px!important;background:#fef2f2;padding:10px 14px;border-radius:12px;display:inline-block;width:100%;box-sizing:border-box}.modal-body ul{margin:12px 0 0;padding:0;list-style:none}.modal-body li{color:#6b7280;font-size:14px;margin:10px 0;padding:6px 12px;background:#f9fafb;border-radius:10px;display:flex;align-items:center;gap:10px;transition:all .2s}.modal-body li:hover{background:#f3f4f6;transform:translate(4px)}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 28px;background:#f9fafb;border-top:1px solid #e5e7eb}.btn-cancel{padding:10px 24px;background:white;border:1.5px solid #e5e7eb;border-radius:12px;font-size:14px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.btn-cancel:active{transform:translateY(0)}.btn-delete{display:flex;align-items:center;gap:8px;padding:10px 24px;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:12px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #dc262633}.btn-delete:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-2px);box-shadow:0 6px 12px #dc26264d}.btn-delete:active{transform:translateY(0);box-shadow:0 2px 4px #dc262633}@keyframes slideIn{0%{transform:translateY(-30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes shakeIcon{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@media (max-width: 640px){.delete-assignment-modal{width:95%;max-width:95%;margin:16px}.modal-header{padding:20px}.modal-header h2{font-size:18px}.modal-body{padding:20px}.modal-footer{padding:16px 20px}.btn-cancel,.btn-delete{padding:8px 18px;font-size:13px}}.material-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;z-index:9999;display:flex;align-items:center;justify-content:center}.material-viewer-modal{background:white;border-radius:12px;width:95%;height:95%;max-width:1400px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease-out}.material-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;background:white;flex-shrink:0}.material-viewer-title{flex:1}.material-viewer-title h2{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.material-viewer-actions{display:flex;align-items:center;gap:.5rem}.action-btn{background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#6b7280}.action-btn:hover{background:#f3f4f6;color:#111827}.close-btn:hover{background:#fee2e2;color:#dc2626}.material-viewer-content{flex:1;overflow:auto;background:#f9fafb;position:relative}.material-viewer-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem}.spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.video-player-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:black}.video-player{max-width:100%;max-height:100%;width:auto;height:auto}.image-viewer-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#111827}.image-viewer{max-width:100%;max-height:100%;object-fit:contain}.audio-player-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;height:100%;padding:2rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.audio-player{width:100%;max-width:500px}.pdf-viewer-container{width:100%;height:100%;position:relative}.pdf-viewer{width:100%;height:100%;border:none}.embed-container{width:100%;height:100%}.embed-player{width:100%;height:100%;border:none}.external-url-container{display:flex;align-items:center;justify-content:center;height:100%;background:#f3f4f6}.url-info{text-align:center;padding:2rem}.url-info p{margin:0 0 1rem;color:#6b7280;font-size:1rem}.open-link-btn{display:inline-block;padding:.75rem 1.5rem;background:#3b82f6;color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:background .2s}.open-link-btn:hover{background:#2563eb}.html-content-container{width:100%;height:100%;overflow:auto;padding:2rem;background:white}.html-content{max-width:800px;margin:0 auto;line-height:1.6}.file-info-container{display:flex;align-items:center;justify-content:center;height:100%;background:#f3f4f6}.file-info-card{text-align:center;padding:2.5rem;background:white;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;max-width:400px}.file-info-card h3{margin:0 0 .5rem;color:#111827}.file-type,.file-name{color:#6b7280;font-size:.875rem;margin:.5rem 0}.no-content-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;color:#6b7280}.material-viewer-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;color:#dc2626}.retry-btn{padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer}@media (max-width: 768px){.material-viewer-modal{width:100%;height:100%;border-radius:0}.material-viewer-header{padding:1rem}.material-viewer-title h2{font-size:1rem}}.inner-sidebar{width:260px;background:white;border-radius:16px;border:1px solid #e2e8f0;padding:16px 0;flex-shrink:0;height:fit-content;position:sticky;top:24px}.sidebar-menu{display:flex;flex-direction:column;gap:4px;padding:0 12px}.menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:transparent;border-radius:12px;font-size:15px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.menu-item:hover{background:#f1f5f9;color:#1e293b}.menu-item.active{background:#eef2ff;color:#337ab7}@media (max-width: 768px){.inner-sidebar{width:100%;position:static}.sidebar-menu{flex-direction:row;flex-wrap:wrap}.menu-item{flex:1;min-width:140px;justify-content:center}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.modal-container{background:white;border-radius:24px;width:90%;max-width:700px;max-height:85vh;overflow-y:auto;animation:slideUp .3s ease;margin-top:6rem}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.modal-header h2{font-size:20px;font-weight:600;margin:0;color:#0f172a}.close-btn{background:none;border:none;cursor:pointer;color:#94a3b8;transition:color .2s;padding:4px;display:flex;align-items:center}.close-btn:hover{color:#475569}.modal-form{padding:24px}.form-group label{display:block;font-weight:600;margin-bottom:8px;color:#1e293b;font-size:14px}.form-group input[type=text],.form-group input[type=url],.form-group input[type=date],.form-group select,.form-group textarea{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;transition:all .2s;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#337ab7;box-shadow:0 0 0 3px #337ab71a}.form-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.checkbox-group{margin-bottom:20px}.checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.checkbox-label input{margin-top:2px;width:16px;height:16px;cursor:pointer}.checkbox-text{font-weight:500;color:#1e293b;font-size:14px}.checkbox-group-container{max-height:200px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:8px;padding:12px;background:#f9fafb}.helper-text{margin-top:6px;font-size:12px;color:#64748b;line-height:1.4}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:12px;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s}.radio-label:hover{background:#f8fafc;border-color:#cbd5e1}.radio-label input{margin-top:2px;width:16px;height:16px;cursor:pointer}.radio-content{display:flex;flex-direction:column;gap:4px;flex:1}.radio-content strong{font-size:14px;color:#0f172a}.radio-desc{font-size:12px;color:#64748b;line-height:1.3}.required{color:#ef4444}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e2e8f0}.cancel-btn{padding:10px 24px;background:white;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn:hover{background:#f8fafc;border-color:#cbd5e1}.submit-btn{padding:10px 28px;background:#337ab7;color:#fff;border:none;border-radius:10px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s}.submit-btn:hover:not(:disabled){background:#286090}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.existing-courses-section{margin-top:16px;margin-bottom:20px;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-label{font-weight:600;font-size:14px;color:#1e293b;margin:0}.toggle-courses-btn{padding:6px 12px;background:white;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s;color:#4f46e5}.toggle-courses-btn:hover{background:#f1f5f9;border-color:#4f46e5}.course-search-container{margin-bottom:20px}.search-input-wrapper{position:relative;margin-bottom:12px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:16px}.search-input{width:100%;padding:10px 12px 10px 36px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;transition:all .2s}.courses-list{max-height:300px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:10px;background:white}.course-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #e2e8f0;transition:background .2s}.course-item:hover{background:#f8fafc}.course-item:last-child{border-bottom:none}.course-info{flex:1}.course-info strong{display:block;font-size:14px;color:#0f172a;margin-bottom:4px}.course-details{font-size:12px;color:#64748b}.add-course-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#4f46e5;color:#fff;border:none;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.add-course-btn:hover:not(:disabled){background:#4338ca;transform:translateY(-1px)}.add-course-btn:disabled{background:#cbd5e1;cursor:not-allowed}.loading-courses,.no-courses{text-align:center;padding:40px;color:#94a3b8;font-size:14px}.selected-courses-section{margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.selected-courses-section .section-label{margin-bottom:12px;display:block}.selected-courses-list{max-height:200px;overflow-y:auto}.selected-course-number{font-weight:600;color:#4f46e5;min-width:30px}.selected-course-type{font-size:10px;color:#64748b;background:#f1f5f9;padding:2px 6px;border-radius:4px}.remove-course-btn{padding:6px;background:#fee2e2;color:#dc2626;border:none;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.remove-course-btn:hover{background:#dc2626;color:#fff;transform:scale(1.05)}.reorder-buttons{display:flex;gap:6px;align-items:center}.move-up-btn,.move-down-btn{width:28px;height:28px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;border:1px solid #e2e8f0;background:white;color:#4f46e5}.move-up-btn:hover:not(:disabled),.move-down-btn:hover:not(:disabled){background:#4f46e5;color:#fff;border-color:#4f46e5}.move-up-btn:disabled,.move-down-btn:disabled{opacity:.3;cursor:not-allowed}.remove-course-btn{width:28px;height:28px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;border:1px solid #fee2e2;background:#fee2e2;color:#dc2626}.remove-course-btn:hover{background:#dc2626;color:#fff;border-color:#dc2626;transform:scale(1.05)}.selected-course-item{display:flex;align-items:center;gap:12px;padding:10px;background:white;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:8px;transition:all .2s}.selected-course-item:hover{background:#fefce8;border-color:#fde047}.selected-course-number{font-weight:600;color:#4f46e5;min-width:30px;font-size:13px}.selected-course-info{flex:1}.selected-course-info strong{display:block;font-size:13px;color:#0f172a;margin-bottom:2px}.selected-course-type{font-size:10px;color:#64748b;background:#f1f5f9;padding:2px 6px;border-radius:4px;display:inline-block}@media (max-width: 768px){.modal-container{max-width:95%;max-height:90vh}.modal-form{padding:20px}.form-two-columns{grid-template-columns:1fr;gap:16px}.form-actions{flex-direction:column-reverse}.cancel-btn,.submit-btn{width:100%}}.courses-and-content-page{background:#f8fafc;min-height:100vh}.main-content-wrapper{background:#f8fafc;min-height:100vh;transition:margin-left .3s ease}.main-content-wrapper.sidebar-open{margin-left:280px}.main-content-wrapper.sidebar-closed{margin-left:80px}.mobile-menu-btn{position:fixed;top:20px;left:20px;z-index:100;background:#337ab7;border:none;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;box-shadow:0 2px 8px #0000001a}.inner-layout{display:flex;padding:24px 32px;gap:24px}.right-content-area{flex:1;background:white;border-radius:16px;border:1px solid #e2e8f0;padding:24px;min-height:calc(100vh - 120px)}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.header-left h2{font-size:20px;font-weight:600;color:#0f172a;margin:0 0 4px}.total-count{font-size:13px;color:#64748b}.header-right{display:flex;gap:16px;align-items:center}.search-wrapper{position:relative}.search-wrapper .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8}.search-input{padding:8px 12px 8px 38px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;width:260px;transition:all .2s}.search-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.create-btn{display:flex;align-items:center;gap:8px;padding:8px 18px;background:#337ab7;color:#fff;border:none;border-radius:10px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s}.create-btn:hover{background:#286090}.data-table-container{overflow-x:auto;background:white;border-radius:12px;border:1px solid #e2e8f0;width:100%}.data-table{width:100%;border-collapse:collapse;min-width:600px}.data-table thead{background:#337ab7}.data-table th{padding:12px 16px;text-align:left;font-weight:600;font-size:14px;color:#fff}.data-table td{padding:12px 16px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.data-table tbody tr:hover{background:#fafbff}.course-info{display:flex;align-items:center;gap:12px}.course-title{font-weight:500;font-size:15px;color:#1e293b}.course-description{font-size:12px;color:#718096;margin-top:4px}.action-buttons{display:flex;gap:8px}.edit-btn,.delete-btn{padding:6px 10px;border-radius:6px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:4px;border:none}.edit-btn,.edit-btn:hover{background:#e6f7ff;color:#1890ff}.delete-btn,.delete-btn:hover{background:#fee2e2;color:#dc2626}.status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.active{background:#dcfce7;color:#15803d}.status-badge.inactive{background:#fee2e2;color:#dc2626}.difficulty-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.difficulty-beginner{background:#dcfce7;color:#15803d}.difficulty-intermediate{background:#fef9c3;color:#854d0e}.difficulty-advanced{background:#fee2e2;color:#dc2626}.category-badge,.subcategory-badge{display:inline-block;padding:4px 8px;background:#e6f7ff;color:#1890ff;border-radius:4px;font-size:11px;font-weight:500;margin:2px 4px 2px 0}.subcategories-list{display:flex;flex-wrap:wrap;gap:4px}.pagination{display:flex;justify-content:center;gap:8px;margin-top:24px}.page-btn,.page-number{padding:6px 12px;border:1px solid #e2e8f0;background:white;border-radius:6px;cursor:pointer;transition:all .2s;font-size:14px}.page-btn:hover:not(:disabled),.page-number:hover:not(.active){background:#f1f5f9;border-color:#337ab7}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-number.active{background:#337ab7;color:#fff;border-color:#337ab7}.empty-state{text-align:center;padding:60px 20px;color:#64748b}.empty-state svg{color:#cbd5e1;margin-bottom:16px}.empty-state h3{font-size:18px;margin:0 0 8px;color:#1e293b}.empty-state p{font-size:14px;margin:0}.loading-state{text-align:center;padding:60px 20px}.spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#337ab7;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.course-details{flex:1}.course-title{font-weight:500;font-size:15px;color:#1e293b;margin-bottom:4px}.course-title.clickable{cursor:pointer;color:#337ab7;transition:all .2s;display:inline-block}.course-description{font-size:12px;color:#64748b;line-height:1.4;margin-top:4px}.course-info{display:flex;align-items:flex-start;gap:12px}.action-buttons{display:flex;gap:8px;align-items:center}.edit-btn,.delete-btn{width:32px;height:32px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;border:none;padding:0;margin:0}.edit-btn{background:#eef2ff;color:#4f46e5}.edit-btn svg{color:#4f46e5}.edit-btn:hover{background:#4f46e5}.edit-btn:hover svg{color:#fff}.delete-btn{background:#fee2e2;color:#dc2626}.delete-btn svg{color:#dc2626}.delete-btn:hover{background:#dc2626}.delete-btn:hover svg{color:#fff}.index-cell{position:relative}.index-dropdown-container{position:relative;display:inline-block}.index-button{display:flex;align-items:center;gap:6px;padding:6px 10px;background:white;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;color:#1e293b;transition:all .2s}.index-button:hover{background:#f8fafc;border-color:#337ab7}.dropdown-menu{position:fixed;margin-top:0;background:white;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:9999;width:150px;max-height:300px;overflow-y:auto}.dropdown-header{padding:8px 12px;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:12px;font-weight:500;color:#64748b}.dropdown-list{padding:4px 0;width:100%}.dropdown-item{display:block;width:100%;padding:8px 10px;text-align:left;background:white;border:none;cursor:pointer;font-size:10px;color:#1e293b;transition:all .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-item:hover{background:#f1f5f9}.dropdown-item.active{background:#eef2ff;color:#4f46e5;font-weight:500}.dropdown-list::-webkit-scrollbar{width:6px}.dropdown-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.dropdown-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.dropdown-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 1024px){.inner-layout{padding:20px}.search-input{width:200px}}@media (max-width: 768px){.main-content-wrapper.sidebar-open,.main-content-wrapper.sidebar-closed{margin-left:0}.inner-layout{flex-direction:column;padding:16px}.right-content-area{padding:16px}.content-header{flex-direction:column;align-items:stretch}.header-right{flex-direction:column}.search-input{width:100%}.create-btn{width:100%;justify-content:center}.data-table{min-width:500px}.action-buttons{flex-direction:column;gap:4px}}.live-badge{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff4d4d 0%,#cc0000 100%);color:#fff;font-size:10px;font-weight:600;padding:2px 8px;border-radius:12px;margin-left:8px;vertical-align:middle;text-transform:uppercase;letter-spacing:.5px;animation:pulse 2s infinite;line-height:1.2;height:18px;position:relative;top:-1px}.course-title{font-weight:500;font-size:15px;color:#1e293b;margin-bottom:4px;display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px}.course-title.clickable{cursor:pointer;color:#337ab7;transition:all .2s;display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px}.course-title.clickable:hover{color:#286090}@keyframes pulse{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:.8;transform:scale(1)}}@media (prefers-color-scheme: dark){.live-badge{background:linear-gradient(135deg,#ff6666 0%,#ff0000 100%)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.delete-modal{background:white;border-radius:12px;width:90%;max-width:450px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:#111827}.modal-close{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background-color .2s}.modal-close:hover{background-color:#f3f4f6}.modal-body{padding:24px;text-align:center}.warning-icon{margin-bottom:16px}.warning-text{font-size:16px;color:#111827;margin:0 0 8px}.warning-text strong{color:#dc3545}.warning-subtext{font-size:14px;color:#6b7280;margin:0}.modal-footer{display:flex;gap:12px;padding:16px 24px 24px;border-top:1px solid #e5e7eb}.btn-cancel,.btn-delete{flex:1;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-cancel{background-color:#f3f4f6;color:#374151}.btn-cancel:hover{background-color:#e5e7eb}.btn-delete{background-color:#dc3545;color:#fff}.btn-delete:hover{background-color:#c82333}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.live-recordings-content{width:100%;overflow-x:auto}.live-recordings-content .data-table-container{overflow-x:auto;border-radius:12px}.live-recordings-content .data-table{width:100%;border-collapse:collapse;min-width:800px}.live-recordings-content .data-table th{padding:12px;font-size:13px;white-space:nowrap}.live-recordings-content .data-table td{padding:12px;font-size:13px;vertical-align:middle;max-width:200px}.live-recordings-content .course-info{display:flex;flex-direction:column;gap:4px;min-width:0}.live-recordings-content .course-title{font-weight:500;font-size:13px;color:#1e293b;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px;display:block}.live-recordings-content .meeting-id{font-size:10px;color:#64748b;font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.live-recordings-content .date-info{display:flex;flex-direction:column;gap:4px}.live-recordings-content .date-text,.live-recordings-content .duration-text{display:flex;align-items:center;gap:4px;font-size:11px;color:#475569}.live-recordings-content .batch-info{display:flex;flex-direction:column;gap:4px}.live-recordings-content .batch-name{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:#1e293b}.live-recordings-content .batch-tutor{font-size:10px;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.live-recordings-content .type-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#f1f5f9;border-radius:6px;font-size:11px;color:#475569;white-space:nowrap}.live-recordings-content .type-badge.screen-share{background:#eef2ff;color:#4f46e5}.live-recordings-content .status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:20px;font-size:11px;font-weight:500;white-space:nowrap}.live-recordings-content .status-badge.downloaded{background:#dcfce7;color:#15803d}.live-recordings-content .status-badge.not-downloaded{background:#fee2e2;color:#dc2626}.live-recordings-content .action-buttons{display:flex;gap:6px;flex-wrap:nowrap}.live-recordings-content .btn-download,.live-recordings-content .btn-view,.live-recordings-content .btn-delete{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px 10px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;border:none;white-space:nowrap}.live-recordings-content .btn-download{background:#337ab7;color:#fff}.live-recordings-content .btn-download:hover:not(:disabled){background:#286090;transform:translateY(-1px)}.live-recordings-content .btn-download:disabled{opacity:.6;cursor:not-allowed}.live-recordings-content .btn-view{background:#eef2ff;color:#4f46e5}.live-recordings-content .btn-view:hover{background:#4f46e5;color:#fff;transform:translateY(-1px)}.live-recordings-content .btn-delete{background:#fee2e2;color:#dc2626}.live-recordings-content .btn-delete:hover{background:#dc2626;color:#fff;transform:translateY(-1px)}@media (max-width: 1200px){.live-recordings-content .data-table{min-width:750px}.live-recordings-content .course-title{max-width:150px}.live-recordings-content .btn-download,.live-recordings-content .btn-view,.live-recordings-content .btn-delete{padding:5px 8px;font-size:11px}.live-recordings-content .btn-download svg,.live-recordings-content .btn-view svg,.live-recordings-content .btn-delete svg{width:12px;height:12px}}@media (max-width: 768px){.live-recordings-content .data-table{min-width:auto}.live-recordings-content .data-table thead{display:none}.live-recordings-content .data-table tbody tr{display:block;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;padding:16px;background:white}.live-recordings-content .data-table td{display:flex;align-items:flex-start;gap:12px;padding:8px 0;border-bottom:1px solid #f1f5f9;max-width:100%}.live-recordings-content .data-table td:last-child{border-bottom:none}.live-recordings-content .data-table td:before{content:attr(data-label);font-weight:600;min-width:100px;font-size:12px;color:#64748b}.live-recordings-content .data-table td[data-label="#"]:before{content:"S.No"}.live-recordings-content .data-table td[data-label="Session Name"]:before{content:"Session Name"}.live-recordings-content .data-table td[data-label="Date & Time"]:before{content:"Date & Time"}.live-recordings-content .data-table td[data-label=Batch]:before{content:"Batch"}.live-recordings-content .data-table td[data-label=Type]:before{content:"Type"}.live-recordings-content .data-table td[data-label=Status]:before{content:"Status"}.live-recordings-content .data-table td[data-label=Actions]:before{content:"Actions"}.live-recordings-content .course-title,.live-recordings-content .meeting-id,.live-recordings-content .batch-tutor{max-width:none;white-space:normal}.live-recordings-content .action-buttons{flex-wrap:wrap}}@media (max-width: 480px){.live-recordings-content .data-table td:before{min-width:85px}.live-recordings-content .btn-download,.live-recordings-content .btn-view,.live-recordings-content .btn-delete{padding:4px 8px;font-size:10px}}._batchesPage_1tw0t_1{background:#f8fafc;min-height:100vh}._batchesContent_1tw0t_6{background:#f8fafc;min-height:100vh;transition:margin-left .3s ease}._batchesLayout_1tw0t_12{display:flex;padding:24px 32px;gap:24px}._batchesMainContent_1tw0t_18{flex:1;background:white;border-radius:16px;border:1px solid #e2e8f0;padding:24px}._batchTableWrapper_1tw0t_27{overflow-x:auto}._batchTable_1tw0t_27{width:100%;border-collapse:collapse}._batchTable_1tw0t_27 th{text-align:left;padding:12px 16px;background:#f8fafc;font-weight:600;font-size:13px;color:#475569;border-bottom:1px solid #e2e8f0}._batchTable_1tw0t_27 td{padding:16px;border-bottom:1px solid #e2e8f0;vertical-align:middle}._batchNameCell_1tw0t_53 strong{display:block;font-size:14px;color:#0f172a;margin-bottom:4px}._batchNameCell_1tw0t_53 small{font-size:12px;color:#64748b}._batchInstructorCell_1tw0t_65 ._courseName_1tw0t_65{font-weight:500;font-size:14px;margin-bottom:4px}._batchInstructorCell_1tw0t_65 ._instructorName_1tw0t_71{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b}._progressCell_1tw0t_79{min-width:120px}._dateCell_1tw0t_83 div{font-size:13px}._dateEnd_1tw0t_87{font-size:11px;color:#64748b;margin-top:2px}._statusBadge_1tw0t_94{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}._statusActive_1tw0t_102{background:#dcfce7;color:#15803d}._statusCompleted_1tw0t_107{background:#dbeafe;color:#1e40af}._statusArchived_1tw0t_112{background:#f1f5f9;color:#475569}._actionBtn_1tw0t_123{padding:6px;border:none;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}._actionBtn_1tw0t_123:hover{transform:scale(1.05)}._actionView_1tw0t_138{background:#eef2ff;color:#4f46e5}._actionEdit_1tw0t_143{background:#fef9c3;color:#854d0e}._actionDelete_1tw0t_148{background:#fee2e2;color:#dc2626}._modalOverlay_1tw0t_154{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}._modalContainer_1tw0t_167{background:white;border-radius:24px;width:90%;max-width:1000px;max-height:85vh;overflow-y:auto;animation:_slideUp_1tw0t_1 .3s ease;margin-top:5rem}._modalContainerSmall_1tw0t_178{max-width:550px}._modalHeader_1tw0t_182 h2{font-size:20px;font-weight:600;margin:0}._closeBtn_1tw0t_196{background:none;border:none;cursor:pointer;color:#94a3b8;font-size:20px}._formGroup_1tw0t_205{margin-bottom:16px}._formGroup_1tw0t_205 label{display:block;font-weight:500;margin-bottom:8px;font-size:14px;color:#1e293b}._formGroup_1tw0t_205 input,._formGroup_1tw0t_205 select,._formGroup_1tw0t_205 textarea{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px}._formGroup_1tw0t_205 input:focus,._formGroup_1tw0t_205 select:focus,._formGroup_1tw0t_205 textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}._formRow_1tw0t_235{display:grid;grid-template-columns:1fr 1fr;gap:16px}._required_1tw0t_241{color:#ef4444}._sectionCard_1tw0t_246{background:#fff;padding:16px;border-radius:10px;margin-bottom:18px;border:1px solid #eee}._sectionTitle_1tw0t_254{font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:8px;font-size:14px}._curriculumGrid_1tw0t_264{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}._curriculumItem_1tw0t_270{background:#f7f7f7;padding:8px;border-radius:6px;display:flex;align-items:center;gap:8px;font-size:13px}._badge_1tw0t_280{background:#ddd;padding:2px 6px;border-radius:4px;font-size:12px}._radioCardGroup_1tw0t_288{display:flex;gap:12px}._radioCard_1tw0t_288{border:1px solid #ddd;padding:12px;border-radius:8px;cursor:pointer;flex:1;display:flex;gap:10px;align-items:center}._radioCard_1tw0t_288._active_1tw0t_304{border:2px solid #4f46e5;background:#f5f7ff}._radioCard_1tw0t_288 input{width:auto}._formActions_1tw0t_314{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e2e8f0}._cancelBtn_1tw0t_322{padding:10px 20px;background:white;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer}._submitBtn_1tw0t_330{padding:10px 28px;background:#4f46e5;color:#fff;border:none;border-radius:10px;cursor:pointer}._deleteConfirmBtn_1tw0t_339{padding:10px 24px;background:#dc2626;color:#fff;border:none;border-radius:10px;cursor:pointer}._loadingState_1tw0t_349,._emptyState_1tw0t_350{text-align:center;padding:60px 20px;color:#64748b}._spinner_1tw0t_356{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;animation:_spin_1tw0t_356 1s linear infinite;margin:0 auto 16px}._childCoursesSection_1tw0t_367{margin-top:16px;padding:12px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}._childCoursesSection_1tw0t_367 label{display:block;font-weight:500;margin-bottom:8px;font-size:13px;color:#1e293b}._addChildContainer_1tw0t_383{display:flex;gap:12px;margin-bottom:12px}._childCourseSelect_1tw0t_389{flex:1;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background:white}._addChildBtn_1tw0t_398{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#4f46e5;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:13px;transition:all .2s}._addChildBtn_1tw0t_398:hover:not(:disabled){background:#4338ca}._addChildBtn_1tw0t_398:disabled{opacity:.5;cursor:not-allowed}._childCoursesList_1tw0t_421{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}._childCourseItem_1tw0t_428{display:flex;align-items:center;gap:8px;padding:6px 12px;background:white;border:1px solid #e2e8f0;border-radius:8px;font-size:13px}._removeChildBtn_1tw0t_439{background:none;border:none;cursor:pointer;color:#dc2626;padding:2px;display:flex;align-items:center;justify-content:center;transition:all .2s}._removeChildBtn_1tw0t_439:hover{transform:scale(1.1)}._attachedCoursesSection_1tw0t_463{margin-top:24px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}._sectionHeader_1tw0t_471{margin-bottom:20px}._sectionLabel_1tw0t_475{display:block;font-weight:600;font-size:16px;color:#1e293b;margin-bottom:12px}._addCourseRow_1tw0t_483{display:flex;gap:12px;align-items:center}._courseSelect_1tw0t_489{flex:1;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background:white}._addCourseBtn_1tw0t_498{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#4f46e5;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}._addCourseBtn_1tw0t_498:hover:not(:disabled){background:#4338ca;transform:translateY(-1px)}._addCourseBtn_1tw0t_498:disabled{opacity:.5;cursor:not-allowed}._coursesTableContainer_1tw0t_524{overflow-x:auto;margin-top:16px}._coursesTable_1tw0t_524{width:100%;border-collapse:collapse;background:white;border-radius:10px;overflow:hidden;box-shadow:0 1px 2px #0000000d}._coursesTable_1tw0t_524 th{text-align:left;padding:12px 16px;background:#f1f5f9;font-weight:600;font-size:13px;color:#475569;border-bottom:1px solid #e2e8f0}._coursesTable_1tw0t_524 td{padding:12px 16px;border-bottom:1px solid #e2e8f0;vertical-align:middle}._parentCourseRow_1tw0t_554{background:#fefce8}._parentCourseRow_1tw0t_554:hover{background:#fef9c3}._childCourseRow_1tw0t_562:hover{background:#f8fafc}._courseBadge_1tw0t_566{display:inline-block;width:28px;height:28px;line-height:28px;text-align:center;background:#e2e8f0;border-radius:50%;font-size:12px;font-weight:600;color:#475569}._courseTypeBadge_1tw0t_579{display:inline-block;margin-left:8px;padding:2px 8px;background:#e2e8f0;border-radius:12px;font-size:10px;font-weight:500;color:#475569}._parentCourseRow_1tw0t_554 ._courseTypeBadge_1tw0t_579{background:#fde047;color:#854d0e}._notAssigned_1tw0t_595{color:#94a3b8;font-style:italic;font-size:12px}._sequenceNumber_1tw0t_601{display:inline-block;padding:4px 8px;background:#f1f5f9;border-radius:6px;font-size:12px;font-weight:500;color:#475569}._editBtn_1tw0t_617,._removeBtn_1tw0t_618,._saveBtn_1tw0t_619,._cancelBtnSmall_1tw0t_620{padding:6px;border:none;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;width:28px;height:28px}._editBtn_1tw0t_617:hover{background:#4f46e5;color:#fff;transform:scale(1.05)}._removeBtn_1tw0t_618:hover{background:#dc2626;color:#fff;transform:scale(1.05)}._saveBtn_1tw0t_619{background:#10b981;color:#fff;font-weight:700;font-size:16px}._saveBtn_1tw0t_619:hover{background:#059669;transform:scale(1.05)}._cancelBtnSmall_1tw0t_620{background:#f1f5f9;color:#64748b;font-weight:700;font-size:16px}._cancelBtnSmall_1tw0t_620:hover{background:#e2e8f0;transform:scale(1.05)}._editTutorBtn_1tw0t_679{padding:6px 10px;background:#eef2ff;color:#4f46e5;border:none;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:12px}._editTutorBtn_1tw0t_679:hover{background:#4f46e5;color:#fff}._emptyCoursesMessage_1tw0t_714{text-align:center;padding:40px 20px;color:#94a3b8;background:white;border-radius:8px;margin-top:16px}._helperText_1tw0t_455{font-size:11px;color:#64748b;margin-top:4px;display:block}._emptyTableRow_1tw0t_737{text-align:center;padding:40px!important}._emptyCoursesMessage_1tw0t_714{text-align:center;padding:20px;color:#94a3b8}._emptyCoursesMessage_1tw0t_714 p{margin:0;font-size:14px}._editTutorContainer_1tw0t_754{display:flex;gap:6px;align-items:center}._saveTutorBtn_1tw0t_760,._cancelTutorBtn_1tw0t_761{padding:4px 8px;border:none;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;font-size:12px}._saveTutorBtn_1tw0t_760{background:#10b981;color:#fff}._cancelTutorBtn_1tw0t_761{background:#ef4444;color:#fff}._editTutorIcon_1tw0t_782{margin-left:8px;background:none;border:none;cursor:pointer;color:#4f46e5;opacity:.6;transition:opacity .2s}._editTutorIcon_1tw0t_782:hover{opacity:1}._noActionText_1tw0t_796{color:#94a3b8;font-size:12px}._childCurriculumCard_1tw0t_802{margin-bottom:24px;padding:16px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}._childCurriculumHeader_1tw0t_810{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}._childCurriculumHeader_1tw0t_810 h4{margin:0;color:#4f46e5;font-size:16px}._sequenceBadge_1tw0t_825{display:inline-block;padding:4px 10px;background:#e2e8f0;border-radius:20px;font-size:12px;color:#475569}._noCurriculum_1tw0t_834{color:#94a3b8;font-style:italic;padding:12px;text-align:center}._actionButtons_1tw0t_118{display:flex;gap:8px}._editBtn_1tw0t_617,._removeBtn_1tw0t_618,._saveBtn_1tw0t_619,._cancelBtnSmall_1tw0t_620{padding:6px;border:none;border-radius:6px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px}._editBtn_1tw0t_617{background:#eef2ff;color:#4f46e5}._editBtn_1tw0t_617:hover{background:#4f46e5;color:#fff}._removeBtn_1tw0t_618{background:#fee2e2;color:#dc2626}._removeBtn_1tw0t_618:hover{background:#dc2626;color:#fff}._saveBtn_1tw0t_619{background:#10b981;color:#fff}._saveBtn_1tw0t_619:hover{background:#059669}._cancelBtnSmall_1tw0t_620{background:#f1f5f9;color:#64748b}._cancelBtnSmall_1tw0t_620:hover{background:#e2e8f0}._editTutorInput_1tw0t_697{padding:6px 10px;border:1px solid #4f46e5;border-radius:6px;font-size:13px;width:150px}._editSequenceInput_1tw0t_705{padding:6px 8px;border:1px solid #4f46e5;border-radius:6px;font-size:13px;width:70px;text-align:center}@keyframes _spin_1tw0t_356{to{transform:rotate(360deg)}}@keyframes _slideUp_1tw0t_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){._batchesLayout_1tw0t_12{padding:20px}}@media (max-width: 768px){._batchesLayout_1tw0t_12{padding:16px}._formRow_1tw0t_235,._curriculumGrid_1tw0t_264{grid-template-columns:1fr}._radioCardGroup_1tw0t_288{flex-direction:column}}._container_1tw0t_964{display:flex;min-height:100vh;background-color:#f8f9fa}._mainContent_1tw0t_970{flex:1;transition:margin-left .3s ease}._mainContentWithSidebar_1tw0t_975{margin-left:280px}._mainContentWithCollapsedSidebar_1tw0t_979{margin-left:80px}._mainContentMobile_1tw0t_983{margin-left:0}._contentWrapper_1tw0t_987{padding:24px}._flexContainer_1tw0t_991{display:flex;gap:24px;flex-wrap:wrap}._spinner_1tw0t_356{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #337ab7;border-radius:50%;animation:_spin_1tw0t_356 1s linear infinite;margin:0 auto 20px}@keyframes _spin_1tw0t_356{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._progressBar_1tw0t_1017{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}._progressFill_1tw0t_1024{height:100%;transition:width .3s ease}._statusBadge_1tw0t_94{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}._modalOverlay_1tw0t_154{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:2000}._modalContent_1tw0t_1050{border-radius:20px;max-width:90vw;width:100%;max-height:90vh;overflow:auto}._dropdownMenu_1tw0t_1059{position:absolute;right:0;top:100%;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:150px;z-index:1000;overflow:hidden}._dropdownItem_1tw0t_1071{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;border:none;background:none;cursor:pointer;font-size:14px;color:#4a5568}._table_1tw0t_1086{width:100%;border-collapse:collapse}._table_1tw0t_1086 th{padding:12px;text-align:left}._table_1tw0t_1086 td{padding:12px;border-bottom:1px solid #e2e8f0}._avatar_1tw0t_1102{width:36px;height:36px;border-radius:50%;background:#ebf4ff;display:flex;align-items:center;justify-content:center;font-weight:600;color:#337ab7}._tabButton_1tw0t_1114{padding:12px 24px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:500;color:#4a5568}._tabButtonActive_1tw0t_1124{color:#337ab7;border-bottom:2px solid #337ab7}._dropdown-overlay_1tw0t_1130{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9998}._dropdown-menu-global_1tw0t_1139{position:fixed!important;z-index:99999!important;background:white!important;border-radius:8px!important;box-shadow:0 4px 20px #0003!important}._modal-overlay_1tw0t_1148{z-index:9998!important}._modal-content_1tw0t_1153{z-index:9999!important}._modalOverlay_1tw0t_154{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}._modalContainer_1tw0t_167{background:white;border-radius:20px;width:90%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}._modalHeader_1tw0t_182{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}._modalHeader_1tw0t_182 h3{margin:0;font-size:20px;font-weight:600;color:#1a202c}._closeBtn_1tw0t_196{background:none;border:none;cursor:pointer;color:#718096;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}._closeBtn_1tw0t_196:hover{background:#f7fafc;color:#e53e3e}._courseDetailsPage_yrl09_2{background:#f8fafc;min-height:100vh;display:flex}._mainContentWrapper_yrl09_8{flex:1;min-height:100vh;background:#f8fafc}._header_yrl09_14{background:white;padding:20px 24px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:16px}._backButton_yrl09_23{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s;color:#64748b}._backButton_yrl09_23:hover{background:#f1f5f9;color:#0f172a}._headerInfo_yrl09_41 h1{font-size:20px;font-weight:600;margin:0;color:#0f172a}._courseId_yrl09_48{font-size:12px;color:#64748b;margin-top:4px;display:inline-block}._contentContainer_yrl09_55{display:flex;padding:24px;gap:24px}._sidebar_yrl09_62{width:280px;background:white;border-radius:12px;border:1px solid #e2e8f0;padding:16px;height:fit-content;position:sticky;top:24px}._sidebarNav_yrl09_73{display:flex;flex-direction:column;gap:8px}._sidebarTab_yrl09_79{display:flex;align-items:center;gap:12px;padding:12px 16px;background:none;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#475569;transition:all .2s;width:100%;text-align:left}._sidebarTab_yrl09_79:hover{background:#f1f5f9;color:#0f172a}._sidebarTab_yrl09_79._active_yrl09_101{background:#eef2ff;color:#4f46e5}._mainContent_yrl09_8{flex:1;background:white;border-radius:12px;border:1px solid #e2e8f0;padding:24px;min-height:calc(100vh - 140px)}._basicInfoContainer_yrl09_117{width:100%}._sectionHeader_yrl09_121{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:16px}._sectionHeader_yrl09_121 h2{font-size:20px;font-weight:600;margin:0;color:#0f172a}._editButton_yrl09_139,._manageButton_yrl09_140{display:flex;align-items:center;gap:8px;padding:8px 16px;background:white;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}._editButton_yrl09_139:hover,._manageButton_yrl09_140:hover{background:#f8fafc;border-color:#cbd5e1}._infoGrid_yrl09_160{display:flex;flex-direction:column;gap:16px}._infoRow_yrl09_166{display:flex;padding:12px 0;border-bottom:1px solid #f1f5f9}._infoLabel_yrl09_172{width:280px;font-weight:600;color:#475569;font-size:14px}._infoValue_yrl09_179{flex:1;color:#0f172a;font-size:14px}._editForm_yrl09_186{max-width:600px}._formGroup_yrl09_190{margin-bottom:20px}._formGroup_yrl09_190 label{display:block;font-weight:500;margin-bottom:8px;font-size:14px;color:#1e293b}._formGroup_yrl09_190 input[type=text],._formGroup_yrl09_190 textarea{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit}._formGroup_yrl09_190 input[type=text]:focus,._formGroup_yrl09_190 textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}._checkboxLabel_yrl09_219{display:flex;align-items:center;gap:10px;cursor:pointer}._checkboxLabel_yrl09_219 input{width:16px;height:16px;cursor:pointer}._formActions_yrl09_232{display:flex;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e2e8f0}._cancelBtn_yrl09_240,._saveBtn_yrl09_241{padding:8px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}._cancelBtn_yrl09_240{background:white;border:1px solid #e2e8f0}._cancelBtn_yrl09_240:hover{background:#f8fafc}._saveBtn_yrl09_241{background:#4f46e5;color:#fff;border:none}._saveBtn_yrl09_241:hover{background:#4338ca}._subCategoriesGrid_yrl09_270{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-top:8px;margin-bottom:12px;max-height:400px;overflow-y:auto;padding:4px}._subCategoryCard_yrl09_281{display:flex;align-items:center;gap:12px;padding:12px;background:white;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s}._subCategoryCard_yrl09_281:hover{border-color:#4f46e5;background:#fafbff;transform:translate(4px)}._subCategoryCard_yrl09_281._selected_yrl09_299{border-color:#4f46e5;background:#eef2ff}._subCategoryCheckboxIcon_yrl09_304{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;flex-shrink:0}._checkedIcon_yrl09_314{color:#4f46e5;font-size:18px}._uncheckedIcon_yrl09_319{color:#cbd5e1;font-size:18px}._subCategoryContent_yrl09_324{flex:1;display:flex;flex-direction:column;gap:4px}._subCategoryName_yrl09_331{font-weight:500;font-size:14px;color:#0f172a}._subCategoryDesc_yrl09_337{font-size:11px;color:#64748b;line-height:1.3}._loadingSubCategories_yrl09_343{padding:20px;text-align:center;color:#64748b;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}._noSubCategories_yrl09_352{padding:30px 20px;text-align:center;color:#64748b;background:#f8fafc;border-radius:8px;border:1px dashed #cbd5e1}._noSubCategories_yrl09_352 p{margin:4px 0;font-size:13px}._uncategorizedText_yrl09_366{color:#94a3b8;font-style:italic;font-size:14px}._subCategoryList_yrl09_372{display:flex;flex-wrap:wrap;gap:8px}._subCategoryBadge_yrl09_378{display:inline-block;padding:4px 12px;background:#eef2ff;color:#4f46e5;border-radius:20px;font-size:12px;font-weight:500}._helperText_yrl09_388{font-size:11px;color:#64748b;margin-top:8px;display:block}._curriculumContainer_yrl09_396{width:100%}._subjectsList_yrl09_401{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}._subjectCard_yrl09_409{background:white;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s;overflow:hidden}._subjectCard_yrl09_409:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}._subjectHeader_yrl09_422{display:flex;align-items:center;gap:16px;padding:20px;background:#fafbff;transition:all .2s}._subjectIcon_yrl09_431{flex-shrink:0;width:48px;height:48px;background:#eef2ff;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#4f46e5}._subjectInfo_yrl09_443{flex:1}._subjectTitle_yrl09_447{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}._subjectName_yrl09_455{font-size:18px;font-weight:600;color:#0f172a}._subjectBadge_yrl09_461{display:inline-block;padding:2px 8px;background:#e2e8f0;border-radius:12px;font-size:11px;font-weight:500;color:#475569}._subjectDescription_yrl09_471{font-size:13px;color:#64748b;margin-bottom:8px;line-height:1.4}._subjectMeta_yrl09_478{display:flex;gap:16px;font-size:12px;color:#94a3b8}._subjectOrder_yrl09_485{display:inline-flex;align-items:center;gap:4px}._manageSubjectButton_yrl09_491{display:flex;align-items:center;gap:8px;padding:8px 16px;background:white;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;color:#4f46e5;transition:all .2s;white-space:nowrap}._manageSubjectButton_yrl09_491:hover{background:#4f46e5;color:#fff;border-color:#4f46e5;transform:translateY(-2px);box-shadow:0 4px 8px #4f46e533}._manageSubjectButton_yrl09_491 svg{transition:all .2s}._manageSubjectButton_yrl09_491:hover svg{transform:translate(2px)}._contentFoldersSection_yrl09_524{margin-top:32px;padding:24px 20px 20px;border:2px dashed #e2e8f0;border-radius:12px;background:#fafbff;transition:all .2s;cursor:pointer}._contentFoldersSection_yrl09_524:hover{border-color:#4f46e5;background:#f5f3ff;box-shadow:0 4px 12px #4f46e51a;transform:translateY(-2px)}._foldersHeader_yrl09_542{margin-bottom:16px}._foldersHeader_yrl09_542 h3{font-size:16px;font-weight:600;margin:0 0 8px;color:#0f172a;display:flex;align-items:center;gap:8px}._helperText_yrl09_388{font-size:13px;color:#64748b;margin:0;line-height:1.5}._existingFoldersInfo_yrl09_563{background:white;border-radius:8px;padding:12px 16px;border:1px solid #e2e8f0;margin-top:12px}._existingFoldersInfo_yrl09_563 p{margin:0;font-size:13px;color:#475569;line-height:1.5}._emptySubjects_yrl09_578{text-align:center;padding:30px 20px;background:white;border-radius:8px;border:1px solid #e2e8f0;margin-top:12px}._emptySubjects_yrl09_578 p{color:#64748b;margin-bottom:16px}._addContentBtn_yrl09_592{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:#4f46e5;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}._addContentBtn_yrl09_592:hover{background:#4338ca;transform:translateY(-1px)}._emptySubjectsMessage_yrl09_612{text-align:center;padding:40px 20px;background:#f8fafc;border-radius:12px;border:1px dashed #cbd5e1;margin-bottom:32px}._emptySubjectsMessage_yrl09_612 p{color:#64748b;margin:0}._batchesContainer_yrl09_627{width:100%}._batchesList_yrl09_631{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-top:20px}._batchCard_yrl09_638{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .2s}._batchCard_yrl09_638:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}._batchHeader_yrl09_651{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}._batchHeader_yrl09_651 h3{font-size:16px;font-weight:600;margin:0;color:#0f172a}._batchInfo_yrl09_673{display:flex;justify-content:space-between;align-items:center;font-size:13px}._batchLabel_yrl09_680{color:#64748b;font-weight:500}._batchStatus_yrl09_685{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:capitalize}._batchStatus_yrl09_685._active_yrl09_101{background:#dcfce7;color:#15803d}._batchStatus_yrl09_685._completed_yrl09_698{background:#dbeafe;color:#1e40af}._batchStatus_yrl09_685._archived_yrl09_703{background:#f1f5f9;color:#475569}._dropdownContainer_yrl09_709{position:relative;display:inline-block}._dropdownButton_yrl09_714{display:flex;align-items:center;gap:8px;padding:8px 16px;background:white;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#1e293b;transition:all .2s}._dropdownButton_yrl09_714:hover{background:#f8fafc;border-color:#337ab7}._dropdownIcon_yrl09_734{transition:transform .2s ease}._dropdownIcon_yrl09_734._rotated_yrl09_738{transform:rotate(180deg)}._dropdownMenu_yrl09_742{position:absolute;top:100%;right:0;margin-top:8px;background:white;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;min-width:200px;overflow:hidden}._dropdownItem_yrl09_756{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 16px;background:white;border:none;cursor:pointer;font-size:14px;color:#1e293b;transition:all .2s;text-align:left}._dropdownItem_yrl09_756:hover{background:#f1f5f9}._dropdownItem_yrl09_756._active_yrl09_101{background:#eef2ff;color:#4f46e5;font-weight:500}._batchCount_yrl09_781{display:inline-block;padding:2px 8px;background:#e2e8f0;border-radius:12px;font-size:12px;color:#475569}._dropdownItem_yrl09_756._active_yrl09_101 ._batchCount_yrl09_781{background:#4f46e5;color:#fff}._modalOverlay_yrl09_796{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:2000}._modalContainer_yrl09_809{background:white;border-radius:16px;width:90%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;animation:_slideUp_yrl09_1 .3s ease}._modalContainerSmall_yrl09_820{background:white;border-radius:16px;width:90%;max-width:500px;max-height:85vh;display:flex;flex-direction:column;animation:_slideUp_yrl09_1 .3s ease}._modalHeader_yrl09_831{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}._modalHeader_yrl09_831 h2{font-size:18px;font-weight:600;margin:0;color:#0f172a}._closeBtn_yrl09_846{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;display:flex;align-items:center;transition:color .2s}._closeBtn_yrl09_846:hover{color:#475569}._modalBody_yrl09_861{flex:1;overflow-y:auto;padding:24px}._modalFooter_yrl09_867{padding:16px 24px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:12px}._modalSection_yrl09_875{margin-bottom:24px}._modalSection_yrl09_875:last-child{margin-bottom:0}._sectionLabel_yrl09_883{display:block;font-weight:600;margin-bottom:12px;color:#1e293b;font-size:14px}._searchWrapper_yrl09_891{position:relative;margin-bottom:16px}._searchIcon_yrl09_896{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:16px}._searchInput_yrl09_905{width:100%;padding:10px 12px 10px 36px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .2s}._searchInput_yrl09_905:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}._coursesList_yrl09_920{max-height:300px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:8px}._courseItem_yrl09_927{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #e2e8f0;transition:background .2s}._courseItem_yrl09_927:hover{background:#f8fafc}._courseItem_yrl09_927:last-child{border-bottom:none}._courseInfo_yrl09_944{flex:1}._courseInfo_yrl09_944 strong{display:block;font-size:14px;color:#0f172a;margin-bottom:4px}._courseType_yrl09_955{font-size:11px;color:#64748b}._addButton_yrl09_960{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#4f46e5;color:#fff;border:none;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}._addButton_yrl09_960:hover:not(:disabled){background:#4338ca;transform:scale(1.02)}._addButton_yrl09_960:disabled{background:#cbd5e1;cursor:not-allowed}._selectedList_yrl09_984{max-height:300px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:8px}._selectedItem_yrl09_991{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #e2e8f0;transition:background .2s}._selectedItem_yrl09_991:hover{background:#fefce8}._selectedItem_yrl09_991:last-child{border-bottom:none}._selectedInfo_yrl09_1008{display:flex;align-items:center;gap:8px;flex:1}._selectedNumber_yrl09_1015{font-weight:600;color:#4f46e5;min-width:30px;font-size:13px}._selectedInfo_yrl09_1008 strong{font-size:13px;color:#0f172a}._subjectBadge_yrl09_461{font-size:10px;padding:2px 6px;background:#e2e8f0;border-radius:4px;color:#475569}._removeButton_yrl09_1035{padding:6px;background:#fee2e2;color:#dc2626;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}._removeButton_yrl09_1035:hover{background:#dc2626;color:#fff;transform:scale(1.05)}._loadingState_yrl09_1054,._noCourses_yrl09_1055,._emptySelected_yrl09_1056{text-align:center;padding:40px;color:#94a3b8;font-size:14px}._noCourses_yrl09_1055 p,._emptySelected_yrl09_1056 p{margin:0}._loadingContainer_yrl09_1069{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#f8fafc}._spinner_yrl09_1078{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#337ab7;border-radius:50%;animation:_spin_yrl09_1078 1s linear infinite;margin:0 auto 16px}._errorContainer_yrl09_1088{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#f8fafc;text-align:center}._errorContainer_yrl09_1088 h2{font-size:24px;color:#0f172a;margin-bottom:16px}._mobileMenuBtn_yrl09_1104{position:fixed;top:20px;left:20px;z-index:100;background:#337ab7;border:none;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;box-shadow:0 2px 8px #0000001a}@keyframes _spin_yrl09_1078{to{transform:rotate(360deg)}}@keyframes _slideUp_yrl09_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){._contentContainer_yrl09_55{padding:20px}}@media (max-width: 768px){._header_yrl09_14{padding:16px}._contentContainer_yrl09_55{flex-direction:column;padding:16px}._sidebar_yrl09_62{width:100%;position:static}._sidebarNav_yrl09_73{flex-direction:row;flex-wrap:wrap}._sidebarTab_yrl09_79{flex:1;justify-content:center}._mainContent_yrl09_8{padding:16px}._headerInfo_yrl09_41 h1{font-size:18px}._infoRow_yrl09_166{flex-direction:column;gap:4px}._infoLabel_yrl09_172{width:100%}._batchesList_yrl09_631{grid-template-columns:1fr}._subjectHeader_yrl09_422{flex-direction:column;align-items:flex-start;padding:16px}._manageSubjectButton_yrl09_491{width:100%;justify-content:center;margin-top:8px}._subjectTitle_yrl09_447{flex-direction:column;align-items:flex-start;gap:6px}._subjectName_yrl09_455{font-size:16px}._sectionHeader_yrl09_121{flex-direction:column;align-items:flex-start}._manageButton_yrl09_140{width:100%;justify-content:center}._dropdownButton_yrl09_714{width:100%;justify-content:space-between}._dropdownMenu_yrl09_742{width:100%;right:auto;left:0}._modalContainer_yrl09_809,._modalContainerSmall_yrl09_820{width:95%;max-height:90vh}._courseItem_yrl09_927{flex-direction:column;align-items:flex-start;gap:8px}._addButton_yrl09_960{align-self:flex-end}._selectedItem_yrl09_991{flex-direction:column;align-items:flex-start;gap:8px}._removeButton_yrl09_1035{align-self:flex-end}._subCategoriesGrid_yrl09_270{grid-template-columns:1fr;max-height:300px}._subCategoryCard_yrl09_281{padding:10px}}._batchDetails_yrl09_667{display:flex;flex-direction:column;gap:10px}._batchInfo_yrl09_673{display:flex;align-items:center;gap:8px;font-size:13px;color:#4a5568}._batchInfo_yrl09_673 svg{color:#337ab7;flex-shrink:0;width:14px;height:14px}._batchLabel_yrl09_680{font-weight:500;color:#64748b;min-width:115px;flex-shrink:0}._batchInfo_yrl09_673 span:last-child{color:#1a202c;font-weight:500;flex:1}._batchInfo_yrl09_673{flex-wrap:nowrap}@media (max-width: 768px){._batchInfo_yrl09_673{flex-wrap:wrap;gap:4px}._batchLabel_yrl09_680{min-width:auto;width:100%}._batchInfo_yrl09_673 span:last-child{margin-left:22px}}._batchCard_yrl09_638{cursor:pointer;transition:all .2s ease}._batchCard_yrl09_638:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}._batchHeader_yrl09_651{position:relative}._arrowIcon_yrl09_1350{position:absolute;right:0;top:50%;transform:translateY(-50%);opacity:0;transition:opacity .2s ease;color:#667eea}._batchCard_yrl09_638:hover ._arrowIcon_yrl09_1350{opacity:1}._live-recordings-view_yrl09_1365{background:#f8fafc;min-height:100vh;padding:24px}._live-recordings-view_yrl09_1365 ._content-header_yrl09_1371{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}._live-recordings-view_yrl09_1365 ._header-left_yrl09_1380{display:flex;align-items:center;gap:16px}._live-recordings-view_yrl09_1365 ._back-btn_yrl09_1386{background:white;border:1px solid #e2e8f0;border-radius:8px;padding:8px 16px;cursor:pointer;font-size:14px;color:#475569;transition:all .2s;display:flex;align-items:center;gap:4px}._live-recordings-view_yrl09_1365 ._back-btn_yrl09_1386:hover{background:#f1f5f9;border-color:#337ab7;color:#337ab7}._live-recordings-view_yrl09_1365 ._header-left_yrl09_1380 h2{font-size:20px;font-weight:600;color:#0f172a;margin:0 0 4px}._live-recordings-view_yrl09_1365 ._total-count_yrl09_1413{font-size:13px;color:#64748b}._live-recordings-view_yrl09_1365 ._header-right_yrl09_1418{display:flex;gap:16px;align-items:center}._live-recordings-view_yrl09_1365 ._search-wrapper_yrl09_1424{position:relative}._live-recordings-view_yrl09_1365 ._search-input_yrl09_1428{padding:8px 12px 8px 38px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;width:260px;transition:all .2s;background:white}._live-recordings-view_yrl09_1365 ._search-input_yrl09_1428:focus{outline:none;border-color:#337ab7;box-shadow:0 0 0 3px #337ab71a}._live-recordings-view_yrl09_1365 ._refresh-btn_yrl09_1444{display:flex;align-items:center;gap:8px;padding:8px 18px;background:white;color:#337ab7;border:1px solid #337ab7;border-radius:10px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s}._live-recordings-view_yrl09_1365 ._refresh-btn_yrl09_1444:hover{background:#337ab7;color:#fff}._live-recordings-view_yrl09_1365 ._data-table-container_yrl09_1465{overflow-x:auto;background:white;border-radius:12px;border:1px solid #e2e8f0;width:100%}._live-recordings-view_yrl09_1365 ._data-table_yrl09_1465{width:100%;border-collapse:collapse;min-width:800px}._live-recordings-view_yrl09_1365 ._data-table_yrl09_1465 thead{background:#337ab7}._live-recordings-view_yrl09_1365 ._data-table_yrl09_1465 th{padding:12px 16px;text-align:left;font-weight:600;font-size:14px;color:#fff}._live-recordings-view_yrl09_1365 ._data-table_yrl09_1465 td{padding:12px 16px;border-bottom:1px solid #f1f5f9;vertical-align:middle}._live-recordings-view_yrl09_1365 ._data-table_yrl09_1465 tbody tr:hover{background:#fafbff}._live-recordings-view_yrl09_1365 ._course-info_yrl09_1502{display:flex;align-items:center;gap:12px}._live-recordings-view_yrl09_1365 ._course-title_yrl09_1508{font-weight:500;font-size:14px;color:#1e293b}._live-recordings-view_yrl09_1365 ._date-info_yrl09_1515,._live-recordings-view_yrl09_1365 ._duration-info_yrl09_1516,._live-recordings-view_yrl09_1365 ._size-info_yrl09_1517{display:flex;align-items:center;gap:6px;font-size:13px;color:#475569}._live-recordings-view_yrl09_1365 ._action-buttons_yrl09_1526{display:flex;gap:8px}._live-recordings-view_yrl09_1365 ._btn-view_yrl09_1531,._live-recordings-view_yrl09_1365 ._btn-download_yrl09_1532,._live-recordings-view_yrl09_1365 ._btn-delete_yrl09_1533{padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px;border:none;font-size:12px;font-weight:500}._live-recordings-view_yrl09_1365 ._btn-view_yrl09_1531{background:#eef2ff;color:#4f46e5}._live-recordings-view_yrl09_1365 ._btn-view_yrl09_1531:hover{background:#4f46e5;color:#fff}._live-recordings-view_yrl09_1365 ._btn-download_yrl09_1532{background:#e6f7ff;color:#1890ff}._live-recordings-view_yrl09_1365 ._btn-download_yrl09_1532:hover:not(:disabled){background:#1890ff;color:#fff}._live-recordings-view_yrl09_1365 ._btn-download_yrl09_1532:disabled{opacity:.5;cursor:not-allowed}._live-recordings-view_yrl09_1365 ._btn-delete_yrl09_1533{background:#fee2e2;color:#dc2626}._live-recordings-view_yrl09_1365 ._btn-delete_yrl09_1533:hover{background:#dc2626;color:#fff}._live-recordings-view_yrl09_1365 ._pagination_yrl09_1582{display:flex;justify-content:center;gap:8px;margin-top:24px}._live-recordings-view_yrl09_1365 ._page-btn_yrl09_1589,._live-recordings-view_yrl09_1365 ._page-number_yrl09_1590{padding:6px 12px;border:1px solid #e2e8f0;background:white;border-radius:6px;cursor:pointer;transition:all .2s;font-size:14px}._live-recordings-view_yrl09_1365 ._page-btn_yrl09_1589:hover:not(:disabled),._live-recordings-view_yrl09_1365 ._page-number_yrl09_1590:hover:not(._active_yrl09_101){background:#f1f5f9;border-color:#337ab7}._live-recordings-view_yrl09_1365 ._page-btn_yrl09_1589:disabled{opacity:.5;cursor:not-allowed}._live-recordings-view_yrl09_1365 ._page-number_yrl09_1590._active_yrl09_101{background:#337ab7;color:#fff;border-color:#337ab7}._live-recordings-view_yrl09_1365 ._empty-state_yrl09_1618{text-align:center;padding:60px 20px;color:#64748b;background:white;border-radius:12px;border:1px solid #e2e8f0}._live-recordings-view_yrl09_1365 ._empty-state_yrl09_1618 svg{color:#cbd5e1;margin-bottom:16px}._live-recordings-view_yrl09_1365 ._empty-state_yrl09_1618 h3{font-size:18px;margin:0 0 8px;color:#1e293b}._live-recordings-view_yrl09_1365 ._loading-state_yrl09_1639{text-align:center;padding:60px 20px}@media (max-width: 768px){._live-recordings-view_yrl09_1365{padding:16px}._live-recordings-view_yrl09_1365 ._content-header_yrl09_1371{flex-direction:column;align-items:stretch}._live-recordings-view_yrl09_1365 ._header-left_yrl09_1380{flex-direction:column;align-items:flex-start}._live-recordings-view_yrl09_1365 ._header-right_yrl09_1418{flex-direction:column}._live-recordings-view_yrl09_1365 ._search-input_yrl09_1428{width:100%}._live-recordings-view_yrl09_1365 ._refresh-btn_yrl09_1444{width:100%;justify-content:center}._live-recordings-view_yrl09_1365 ._data-table_yrl09_1465{min-width:600px}._live-recordings-view_yrl09_1365 ._action-buttons_yrl09_1526{flex-direction:column;gap:4px}}._liveRecordingsSection_yrl09_1684{margin-bottom:24px}._liveRecordingsCard_yrl09_1688{display:flex;align-items:center;padding:0;background:white;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s ease;cursor:pointer;overflow:hidden}._liveRecordingsCard_yrl09_1688:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}._liveRecordingsIcon_yrl09_1705{display:flex;align-items:center;justify-content:center;width:60px;min-width:60px;height:60px;background:linear-gradient(135deg,#f43f5e 0%,#e11d48 100%);margin:20px;border-radius:8px;position:relative;color:#fff}._liveBadge_yrl09_1719{position:absolute;top:-8px;right:-8px;background:#ff4d4d;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:12px;animation:_pulse_yrl09_1 1.5s ease infinite}._liveRecordingsInfo_yrl09_1732{flex:1;padding:20px 0}._liveRecordingsInfo_yrl09_1732 h3{margin:0 0 4px;font-size:16px;font-weight:600;color:#1e293b}._liveRecordingsInfo_yrl09_1732 p{margin:0;font-size:13px;color:#64748b;line-height:1.4}._liveRecordingsMeta_yrl09_1751{margin-top:8px;display:flex;gap:16px}._liveRecordingsMeta_yrl09_1751 span{font-size:12px;color:#94a3b8;display:flex;align-items:center;gap:4px}._liveRecordingsButton_yrl09_1765{margin-right:20px;display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f1f5f9;border:none;border-radius:8px;color:#475569;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}._liveRecordingsButton_yrl09_1765:hover{background:#4f46e5;color:#fff}._liveRecordingsButton_yrl09_1765 svg{transition:transform .2s ease}._liveRecordingsCard_yrl09_1688:hover ._liveRecordingsButton_yrl09_1765 svg{transform:translate(4px)}@keyframes _pulse_yrl09_1{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}@media (max-width: 768px){._liveRecordingsCard_yrl09_1688{flex-wrap:wrap}._liveRecordingsIcon_yrl09_1705{width:48px;min-width:48px;height:48px;margin:16px}._liveRecordingsIcon_yrl09_1705 svg{width:24px;height:24px}._liveRecordingsInfo_yrl09_1732{padding:16px 0}._liveRecordingsInfo_yrl09_1732 h3{font-size:15px}._liveRecordingsInfo_yrl09_1732 p{font-size:12px}._liveRecordingsButton_yrl09_1765{margin:0 16px 16px auto}}._manageSubjectButton_yrl09_491:hover{background:#e0e7ff;border-color:#a5b4fc;transform:translateY(-1px)}@media (max-width: 768px){._subjectActions_yrl09_1848{flex-direction:column;width:100%;margin-top:12px}._removeSubjectButton_yrl09_1855,._manageSubjectButton_yrl09_491{width:100%;justify-content:center}._subjectHeader_yrl09_422{flex-wrap:wrap}}._confirmModal_yrl09_1956{background:white;border-radius:12px;width:90%;max-width:450px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:_modalSlideIn_yrl09_1 .2s ease}@keyframes _modalSlideIn_yrl09_1{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}._confirmModalHeader_yrl09_1977{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid #e5e7eb;background-color:#fef2f2;border-radius:12px 12px 0 0}._confirmModalHeader_yrl09_1977 h3{margin:0;font-size:18px;font-weight:600;color:#dc2626}._warningIcon_yrl09_1994{color:#dc2626}._confirmModalBody_yrl09_1998{padding:24px}._confirmModalBody_yrl09_1998 p{margin:0 0 12px;font-size:15px;line-height:1.5;color:#374151}._warningText_yrl09_2009{font-size:13px!important;color:#6b7280!important;background-color:#f9fafb;padding:12px;border-radius:8px;margin-top:16px!important}._confirmModalFooter_yrl09_2018{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background-color:#f9fafb;border-radius:0 0 12px 12px}._cancelConfirmBtn_yrl09_2028{padding:8px 20px;background:white;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}._cancelConfirmBtn_yrl09_2028:hover{background:#f3f4f6;border-color:#9ca3af}._confirmRemoveBtn_yrl09_2045{padding:8px 20px;background:#dc2626;border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}._confirmRemoveBtn_yrl09_2045:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px)}._confirmRemoveBtn_yrl09_2045:disabled{opacity:.6;cursor:not-allowed}._subjectActions_yrl09_1848{display:flex;gap:12px;align-items:center}._removeSubjectButton_yrl09_1855{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}._removeSubjectButton_yrl09_1855:hover:not(:disabled){background:#fecaca;border-color:#f87171;transform:translateY(-1px)}._removeSubjectButton_yrl09_1855:disabled{opacity:.6;cursor:not-allowed}._manageSubjectButton_yrl09_491{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;color:#4f46e5;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}._manageSubjectButton_yrl09_491:hover{background:#eef2ff;color:#4f46e5;border-left:4px solid #4f46e5;transform:translateY(-1px)}._spinner_yrl09_1078{width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #dc2626;border-radius:50%;animation:_spin_yrl09_1078 .8s linear infinite;display:inline-block}@keyframes _spin_yrl09_1078{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._subjectCard_yrl09_409{transition:all .2s ease;cursor:pointer}._subjectCard_yrl09_409:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-left:4px solid #4f46e5}@media (max-width: 768px){._subjectActions_yrl09_1848{flex-direction:column;width:100%;margin-top:12px}._removeSubjectButton_yrl09_1855,._manageSubjectButton_yrl09_491{width:100%;justify-content:center}._subjectHeader_yrl09_422{flex-wrap:wrap}._confirmModal_yrl09_1956{width:95%;margin:16px}}.basic-details-section{padding:24px;background:#fff;border-radius:12px}.form-group{margin-bottom:24px}.form-group label{display:block;font-weight:500;margin-bottom:8px;color:#374151;font-size:14px}.form-group label .required{color:#ef4444}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-hint{display:block;margin-top:6px;font-size:12px;color:#6b7280}.prerequisite-row{display:flex;align-items:flex-start;gap:16px}.prerequisite-row .main-label{min-width:150px;padding-top:4px}.checkbox-content{flex:1}.checkbox-label{display:flex;align-items:center;gap:8px;margin-bottom:8px;cursor:pointer}.checkbox-label input[type=checkbox]{width:auto;cursor:pointer}.checkbox-label .short-text{font-weight:500;color:#374151}.checkbox-description{font-size:12px;color:#6b7280;line-height:1.4}.modal-buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.btn-cancel{padding:10px 20px;background:#f3f4f6;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#e5e7eb}.btn-submit{display:flex;align-items:center;gap:8px;padding:10px 24px;background:#3b82f6;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s}.btn-submit:hover:not(:disabled){background:#2563eb}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.file-upload-area{border:2px dashed #e5e7eb;border-radius:8px;background:#f9fafb;transition:all .2s}.file-upload-area:hover{border-color:#3b82f6;background:#eff6ff}.file-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;cursor:pointer;color:#6b7280}.file-upload-placeholder svg{color:#9ca3af;margin-bottom:12px}.file-upload-placeholder p{margin:8px 0;font-size:14px;font-weight:500;color:#374151}.file-upload-placeholder small{font-size:12px;color:#6b7280}.file-info{display:flex;align-items:center;padding:16px;background:#f0fdf4;border-radius:8px;gap:12px}.file-icon{color:#10b981}.file-details{flex:1}.file-name{font-weight:500;font-size:14px;color:#065f46;margin-bottom:4px;word-break:break-all}.file-size{font-size:12px;color:#6b7280}.upload-progress{margin-top:8px;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden;position:relative}.upload-progress-bar{height:100%;background:#10b981;transition:width .3s ease}.upload-progress span{position:absolute;right:0;top:-20px;font-size:10px;color:#6b7280}.remove-file-btn{background:none;border:none;color:#ef4444;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.remove-file-btn:hover{background:#fee2e2;color:#dc2626}.existing-file{display:flex;align-items:center;gap:12px;padding:12px;background:#f3f4f6;border-radius:8px}.existing-file svg{color:#6b7280}.existing-file span{flex:1;font-size:14px;color:#374151}.download-link{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#3b82f6;color:#fff;text-decoration:none;border-radius:6px;font-size:12px;transition:background .2s}.download-link:hover{background:#2563eb}.student-help-container{display:flex;min-height:100vh;background-color:#f8f9fa}.main-content{flex:1;padding:40px;transition:margin-left .3s ease;width:100%}.content-wrapper{max-width:1200px;margin:0 auto}.header-section{margin-bottom:40px;text-align:center}.page-title{font-size:32px;color:#1a202c;font-weight:700;margin:0 0 8px;display:flex;align-items:center;justify-content:center;gap:12px}.page-subtitle{font-size:16px;color:#4a5568;margin:0}.content-layout{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:30px}.call-card{background-color:#fff;border-radius:16px;padding:40px 30px;box-shadow:0 4px 12px #00000014;text-align:center}.call-icon-wrapper{width:80px;height:80px;background-color:#e6f0fa;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.call-title{font-size:24px;color:#1a202c;margin-bottom:15px;font-weight:600}.call-label{font-size:14px;color:#4a5568;margin-bottom:15px}.phone-number-display{font-size:28px;font-weight:700;color:#337ab7;margin-bottom:20px;padding:12px 20px;background-color:#e6f0fa;border-radius:12px;display:inline-block;transition:all .3s ease;letter-spacing:1px}.availability-text{font-size:13px;color:#718096;margin-top:10px;margin-bottom:20px}.call-button{background:#28a745;color:#fff;border:none;padding:14px 35px;border-radius:30px;font-size:16px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:10px;margin-top:10px;transition:all .3s ease}.call-button:hover{background:#218838;transform:translateY(-2px);box-shadow:0 5px 15px #28a7454d}.recent-queries-card{background-color:#fff;border-radius:16px;padding:25px;box-shadow:0 4px 12px #00000014}.recent-queries-title{font-size:18px;color:#1a202c;margin-bottom:20px;font-weight:600;display:flex;align-items:center;gap:8px}.queries-list{display:flex;flex-direction:column;gap:15px}.query-item{padding:15px;background-color:#f8f9fa;border-radius:10px;border-left:4px solid}.query-item.status-resolved{border-left-color:#28a745}.query-item.status-pending{border-left-color:#ffc107}.query-subject{font-size:14px;font-weight:600;color:#1a202c;margin-bottom:8px}.query-meta{font-size:12px;color:#718096;display:flex;justify-content:space-between;align-items:center}.query-status{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:capitalize}.query-status.resolved{background-color:#d4edda;color:#155724}.query-status.pending{background-color:#fff3cd;color:#856404}.quick-tips-card{background:linear-gradient(135deg,#e6f0fa,#d4e4f5);border-radius:16px;padding:25px;border:1px solid #b8d7f5}.quick-tips-title{font-size:18px;color:#1a202c;margin-bottom:15px;font-weight:600}.quick-tips-list{margin:0;padding-left:20px;color:#2d3748;font-size:14px;line-height:1.8}.quick-tips-list li{margin-bottom:8px}@media (max-width: 968px){.main-content{padding:20px}.main-content.sidebar-open,.main-content.sidebar-closed{margin-left:0}.page-title{font-size:28px}.content-layout{max-width:90%}}@media (max-width: 768px){.main-content{padding:16px}.call-card{padding:30px 20px}.phone-number-display{font-size:22px;padding:10px 16px}.call-title{font-size:22px}.call-icon-wrapper{width:70px;height:70px}.page-title{font-size:24px}}@media (max-width: 480px){.call-button{width:100%;justify-content:center}.content-layout{max-width:100%}.phone-number-display{font-size:18px;word-break:break-word}.quick-tips-list{font-size:13px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:1000;display:flex;align-items:center;justify-content:center}.test-preview-modal{background:white;border-radius:16px;width:90%;max-width:800px;max-height:90vh;overflow:auto;position:relative;animation:modalSlideIn .3s ease}.test-preview-modal.declaration-modal,.test-preview-modal.sections-modal{max-width:700px}.test-preview-modal.test-taking-modal{max-width:900px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.close-preview-btn{position:absolute;top:20px;right:20px;background:none;border:none;cursor:pointer;color:#718096;z-index:10}.close-preview-btn:hover{color:#dc3545}.preview-header{text-align:center;padding:30px 20px 20px;border-bottom:1px solid #e2e8f0}.preview-header h1{font-size:24px;color:#1a202c}.declaration-content{padding:30px}.declaration-content h2{font-size:20px;margin-bottom:20px;color:#1a202c}.timer-info{display:flex;align-items:center;gap:10px;padding:15px;background:#fff3cd;border-radius:8px;margin-bottom:20px;color:#856404}.testing-info{padding:15px;background:#d4edda;border-radius:8px;margin-bottom:20px;color:#155724;font-weight:500}.declaration-text{margin:20px 0}.declaration-text h3{margin-bottom:15px;color:#1a202c}.declaration-checkbox{display:flex;gap:12px;padding:15px;background:#f8f9fa;border-radius:8px;cursor:pointer}.declaration-checkbox input{margin-top:2px}.declaration-checkbox span{font-size:14px;line-height:1.5;color:#4a5568}.user-profile{display:flex;align-items:center;gap:10px;padding:15px;background:#e2e8f0;border-radius:8px;margin:20px 0}.ready-btn{width:100%;padding:14px;background:#28a745;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s ease}.ready-btn:hover{background:#218838}.sections-table-container{padding:20px;overflow-x:auto}.sections-table{width:100%;border-collapse:collapse}.sections-table th,.sections-table td{padding:12px;text-align:left;border-bottom:1px solid #e2e8f0}.sections-table th{background:#f8f9fa;font-weight:600;color:#1a202c}.attempt-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;background:#337ab7;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px}.attempt-btn:hover{background:#286090}.user-profile-footer{display:flex;align-items:center;gap:10px;padding:15px 20px;border-top:1px solid #e2e8f0;background:#f8f9fa}.test-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f8f9fa;border-bottom:1px solid #e2e8f0}.test-title h2{font-size:18px;margin:0;color:#1a202c}.test-timer{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff3cd;border-radius:8px;color:#856404;font-weight:500}.question-progress{padding:15px 20px;background:#e2e8f0;font-size:14px;color:#4a5568}.question-container{padding:30px;min-height:300px}.question-text h3{font-size:18px;margin-bottom:25px;color:#1a202c}.options-container{display:flex;flex-direction:column;gap:15px}.option-label{display:flex;align-items:center;gap:12px;padding:12px 15px;background:#f8f9fa;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid #e2e8f0}.option-label:hover{background:#ebf4ff;border-color:#337ab7}.option-label input{margin:0}.fill-blanks-container{padding:20px}.fill-blanks-input{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:16px}.test-navigation{display:flex;justify-content:space-between;padding:20px;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.nav-btn{padding:10px 24px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .3s ease}.prev-btn{background:#6c757d;color:#fff}.prev-btn:hover:not(:disabled){background:#5a6268}.prev-btn:disabled{opacity:.5;cursor:not-allowed}.next-btn{background:#337ab7;color:#fff}.next-btn:hover{background:#286090}.question-palette{padding:20px}.question-palette p{margin-bottom:10px;font-weight:500;color:#1a202c}.palette-buttons{display:flex;flex-wrap:wrap;gap:8px}.palette-btn{width:35px;height:35px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.palette-btn.answered{background:#28a745;color:#fff}.palette-btn.unanswered{background:#e2e8f0;color:#4a5568}.palette-btn.current{border:2px solid #337ab7;transform:scale(1.05)}.palette-btn:hover{transform:scale(1.05)}.my-classes-container{display:flex;min-height:100vh;background-color:#f8f9fa}.main-content{flex:1;transition:margin-left .3s ease;padding:24px}.main-content.sidebar-open{margin-left:280px}.main-content.sidebar-closed{margin-left:80px}.classes-header{margin-bottom:24px}.classes-title{font-size:28px;font-weight:700;color:#1a202c;margin:0 0 8px}.classes-subtitle{color:#718096;font-size:14px;margin:0}.stats-grid{display:flex;flex-direction:row;gap:20px;margin-bottom:24px;width:100%}.stat-card{background:white;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000001a;transition:transform .2s ease,box-shadow .2s ease;flex:1;min-width:0}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.blue{background:#e8f4fd;color:#337ab7}.stat-icon.green{background:#d4edda;color:#28a745}.stat-icon.orange{background:#fff3e0;color:#ff9800}.stat-icon.purple{background:#e8eaf6;color:#6f42c1}.stat-info{flex:1;min-width:0}.stat-value{font-size:28px;font-weight:700;color:#1a202c;display:block;line-height:1.2}.stat-label{font-size:13px;color:#718096;display:block;margin-top:4px}.classes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px;margin-top:24px}.empty-state{text-align:center;padding:80px 20px;background:white;border-radius:16px;margin-top:24px}.empty-state h3{margin-top:20px;font-size:18px;color:#4a5568}.empty-state p{color:#718096;margin-top:8px;font-size:14px}.spinner{width:50px;height:50px;border:3px solid #e2e8f0;border-top-color:#337ab7;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1200px){.stats-grid{gap:15px}.stat-card{padding:16px}.stat-icon{width:45px;height:45px}.stat-icon svg{width:20px;height:20px}.stat-value{font-size:24px}}@media (max-width: 992px){.stats-grid{flex-wrap:wrap}.stat-card{flex:1 1 calc(50% - 15px);min-width:calc(50% - 15px)}.main-content.sidebar-open,.main-content.sidebar-closed{margin-left:0}.main-content{padding:20px}.classes-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}}@media (max-width: 768px){.main-content{padding:16px}.classes-title{font-size:24px}.classes-subtitle{font-size:13px}.stats-grid{gap:12px;margin-bottom:20px}.stat-card{padding:12px;gap:12px}.stat-icon{width:40px;height:40px}.stat-icon svg{width:18px;height:18px}.stat-value{font-size:20px}.stat-label{font-size:11px}.classes-grid{grid-template-columns:1fr;gap:16px;margin-top:20px}}@media (max-width: 480px){.stats-grid{flex-direction:column}.stat-card{flex:1 1 100%;width:100%}}:root{--primary-color: rgba(48, 141, 156, 1);--secondary-color: #e0e0e0;--text-dark: #333333;--text-light: #666666;--white: #ffffff;--shadow: 0 2px 10px rgba(0, 0, 0, .1);--border-radius: 8px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--secondary-color);color:var(--text-dark)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{padding:10px 20px;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.btn-primary{background-color:var(--primary-color);color:var(--white)}.btn-primary:hover{opacity:.9;transform:translateY(-2px)}.btn-secondary{background-color:var(--secondary-color);color:var(--text-dark)}.btn-secondary:hover{background-color:#d0d0d0}.card{background-color:var(--white);border-radius:var(--border-radius);padding:20px;box-shadow:var(--shadow)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;color:var(--text-light);font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px;border:1px solid var(--secondary-color);border-radius:var(--border-radius);font-size:14px;transition:border-color .3s ease;color:var(--text-dark);background-color:var(--white)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.header{background-color:var(--primary-color);color:var(--white);padding:15px 0;box-shadow:var(--shadow)}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:24px;font-weight:700;color:var(--white);text-decoration:none}.nav-menu{display:flex;gap:20px}.nav-link{color:var(--white);text-decoration:none;padding:5px 10px;border-radius:var(--border-radius);transition:background-color .3s ease}.nav-link:hover{background-color:#ffffff1a}.dashboard{padding:40px 0;background-color:transparent}.dashboard-header{margin-bottom:30px}.dashboard-title{font-size:28px;color:var(--text-dark)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.table-container{background-color:var(--white);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse}th{background-color:var(--primary-color);color:var(--white);padding:12px;text-align:left;font-weight:500}td{padding:12px;border-bottom:1px solid var(--secondary-color);color:var(--text-dark)}tr:last-child td{border-bottom:none}tr:hover{background-color:#308d9c0d}.progress-bar{width:100%;height:8px;background-color:var(--secondary-color);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background-color:var(--primary-color);transition:width .3s ease}.module-card{background-color:var(--white);border-radius:var(--border-radius);padding:20px;margin-bottom:15px;box-shadow:var(--shadow);cursor:pointer;transition:transform .3s ease}.module-card:hover{transform:translate(5px)}.module-card.completed{border-left:4px solid #4caf50}.module-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.module-title{font-size:18px;font-weight:600;color:var(--text-dark)}.module-type{padding:4px 8px;background-color:var(--secondary-color);border-radius:4px;font-size:12px;text-transform:uppercase;color:var(--text-dark)}.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%)}.login-card{background-color:var(--white);border-radius:var(--border-radius);padding:40px;width:100%;max-width:400px;box-shadow:0 10px 30px #0003}.login-title{text-align:center;margin-bottom:30px;color:var(--primary-color)}@media (max-width: 768px){.dashboard-grid{grid-template-columns:1fr}.header-content{flex-direction:column;gap:10px}.nav-menu{flex-wrap:wrap;justify-content:center}}