*{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:#f5f7fa;color:#2d3748;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.layout-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f5f7fa}.navbar{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#047857,#10b981);padding:0 2rem;height:70px;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:1000}.navbar-brand h1{color:#fff;margin:0;font-size:1.8rem;font-weight:700;letter-spacing:.5px}.navbar-menu{flex:1;display:flex;justify-content:center}.menu-list{display:flex;list-style:none;margin:0;padding:0;gap:1rem}.menu-list li{margin:0}.menu-list a{display:block;color:#ffffffe6;text-decoration:none;padding:.8rem 1.5rem;border-radius:8px;font-weight:500;transition:all .3s ease;position:relative}.menu-list a:hover{background-color:#ffffff26;color:#fff;transform:translateY(-2px)}.menu-list a.active{background-color:#ffffff40;color:#fff;box-shadow:0 4px 8px #0003}.navbar-user{display:flex;align-items:center;gap:1.5rem}.user-name{color:#fff;font-weight:500;font-size:.95rem}.logout-btn{background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.6rem 1.2rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease}.logout-btn:hover{background-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.hamburger-menu{display:none;flex-direction:column;justify-content:space-around;width:30px;height:25px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.hamburger-line{width:30px;height:3px;background-color:#fff;border-radius:2px;transition:all .3s ease;transform-origin:center}.hamburger-menu .hamburger-line:nth-child(1).open{transform:translateY(8px) rotate(45deg)}.hamburger-menu .hamburger-line:nth-child(2).open{opacity:0}.hamburger-menu .hamburger-line:nth-child(3).open{transform:translateY(-8px) rotate(-45deg)}.menu-overlay{display:none;position:fixed;inset:0;background-color:#00000080;z-index:999}.main-content{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%}.footer{background-color:#2d3748;color:#fffc;text-align:center;padding:1.5rem;margin-top:auto}.footer p{margin:0;font-size:.9rem}@media(max-width:1024px){.navbar{padding:0 1.5rem}.menu-list{gap:.5rem}.menu-list a{padding:.6rem 1rem;font-size:.9rem}.user-name{display:none}.main-content{padding:1.5rem}}@media(max-width:768px){.navbar{padding:0 1rem;height:60px}.navbar-brand h1{font-size:1.4rem}.hamburger-menu{display:flex}.navbar-menu{position:fixed;top:60px;right:-100%;width:280px;height:calc(100vh - 60px);background:linear-gradient(135deg,#047857,#10b981);padding:2rem 0;transition:right .3s ease;overflow-y:auto;box-shadow:-2px 0 10px #0003}.navbar-menu.open{right:0}.menu-list{flex-direction:column;gap:0;width:100%}.menu-list li{width:100%}.menu-list a{padding:1rem 2rem;text-align:left;border-radius:0;width:100%}.menu-list a:hover{background-color:#fff3;transform:translate(5px)}.menu-list a.active{background-color:#ffffff4d;border-left:4px solid white}.menu-overlay{display:block}.navbar-user{gap:.75rem}.user-name{display:none}.logout-btn{padding:.5rem 1rem;font-size:.85rem}.main-content{padding:1rem}}@media(max-width:480px){.navbar{padding:0 .75rem}.navbar-brand h1{font-size:1.2rem}.navbar-menu{width:250px}.menu-list a{padding:.875rem 1.5rem;font-size:.9rem}.logout-btn{padding:.4rem .8rem;font-size:.8rem}.main-content{padding:.75rem}.footer{padding:1rem;font-size:.85rem}}.blank-page{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 300px);padding:2rem}.blank-content{text-align:center;max-width:600px;animation:fadeInUp .6s ease-out}.blank-icon{font-size:5rem;margin-bottom:1.5rem;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.blank-content h1{font-size:2.5rem;color:#2d3748;margin:0 0 1rem}.blank-content p{font-size:1.2rem;color:#718096;margin:0 0 2rem;line-height:1.6}.blank-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.primary-btn,.secondary-btn{padding:.9rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.primary-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.secondary-btn{background:#fff;color:#667eea;border:2px solid #667eea}.secondary-btn:hover{background:#667eea;color:#fff;transform:translateY(-2px)}@media(max-width:768px){.blank-content h1{font-size:2rem}.blank-content p{font-size:1rem}.blank-icon{font-size:4rem}.blank-actions{flex-direction:column}.primary-btn,.secondary-btn{width:100%}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#047857,#10b981);padding:1rem}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;width:100%;max-width:380px;overflow:hidden}.login-header{background:linear-gradient(135deg,#047857,#10b981);color:#fff;text-align:center;padding:1.5rem 1.25rem}.login-header h1{margin:0 0 .25rem;font-size:1.75rem;font-weight:700}.login-header p{margin:0;font-size:.85rem;opacity:.9}.login-form{padding:1.5rem 1.25rem}.login-form h2{margin:0 0 1rem;font-size:1.35rem;color:#2d3748;text-align:center}.error-message{background-color:#fee;color:#c33;padding:.5rem .75rem;border-radius:6px;margin-bottom:1rem;border:1px solid #fcc;font-size:.8rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.35rem;color:#4a5568;font-weight:500;font-size:.85rem}.form-input{width:100%;padding:.65rem .85rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;transition:all .3s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.8rem}.remember-me{display:flex;align-items:center;cursor:pointer;color:#4a5568}.remember-me input{margin-right:.35rem;cursor:pointer}.forgot-password{color:#047857;text-decoration:none;font-weight:500}.forgot-password:hover{text-decoration:underline}.login-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,#047857,#10b981);color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #04785766}.login-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #04785799}.login-btn:active{transform:translateY(0)}.login-footer{margin-top:1rem;text-align:center}.login-footer p{margin:0;font-size:.75rem;color:#718096;background-color:#f7fafc;padding:.5rem;border-radius:4px}@media(max-width:480px){.login-container{padding:.75rem}.login-header{padding:1.25rem 1rem}.login-header h1{font-size:1.5rem}.login-form{padding:1.25rem 1rem}.form-options{flex-direction:column;gap:.5rem;align-items:flex-start}}.dashboard{animation:fadeIn .5s ease-in}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{font-size:2.5rem;color:#2d3748;margin:0 0 .5rem}.dashboard-header p{color:#718096;font-size:1.1rem;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 2px 8px #00000014;border-top:4px solid;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001f}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff}.stat-content h3{margin:0 0 .25rem;font-size:2rem;color:#2d3748}.stat-content p{margin:0;color:#718096;font-size:.95rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:2rem}.dashboard-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f7fafc}.card-header h2{margin:0;font-size:1.5rem;color:#2d3748}.view-all{color:#667eea;text-decoration:none;font-weight:500;font-size:.9rem}.view-all:hover{text-decoration:underline}.course-item{display:flex;flex-direction:column;gap:.75rem}.course-info h4{margin:0 0 .25rem;color:#2d3748;font-size:1.1rem}.course-info p{margin:0;color:#718096;font-size:.9rem}.course-progress{display:flex;align-items:center;gap:1rem}.progress-bar{flex:1;height:8px;background-color:#e2e8f0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.progress-text{color:#667eea;font-weight:600;font-size:.9rem;min-width:40px}.activities-list{display:flex;flex-direction:column;gap:1.25rem}.activity-item{display:flex;gap:1rem;align-items:flex-start}.activity-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem;flex-shrink:0}.activity-content{flex:1}.activity-content p{margin:0 0 .25rem;color:#4a5568;line-height:1.5}.activity-content strong{color:#2d3748}.course-name{color:#667eea;font-weight:500}.activity-time{color:#a0aec0;font-size:.85rem}.quick-actions{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #00000014}.quick-actions h2{margin:0 0 1.5rem;font-size:1.5rem;color:#2d3748}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.action-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1.25rem 1.5rem;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:1rem;font-weight:500;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.action-btn:hover{transform:translateY(-3px);box-shadow:0 6px 16px #667eea66}.action-icon{font-size:1.5rem}@media(max-width:1024px){.dashboard-grid{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-header h1{font-size:2rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-card{padding:1rem}.stat-icon{width:50px;height:50px;font-size:1.2rem}.actions-grid{grid-template-columns:1fr}}@media(max-width:480px){.dashboard{padding:0}.stats-grid{grid-template-columns:1fr}.card-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.course-management{animation:fadeIn .5s ease-in}.cm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.cm-header-content h1{font-size:2.5rem;color:#2d3748;margin:0 0 .5rem}.cm-header-content p{color:#718096;font-size:1.1rem;margin:0}.btn-primary{background:linear-gradient(135deg,#047857,#10b981);color:#fff;border:none;padding:.9rem 1.5rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.btn-icon{font-size:1.5rem;line-height:1}.btn-secondary{background:#fff;color:#4a5568;border:2px solid #e2e8f0;padding:.9rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease}.btn-secondary:hover{background:#f7fafc;border-color:#cbd5e0;transform:translateY(-2px)}.btn-danger{background:#dc2626;color:#fff;border:none;padding:.9rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease}.btn-danger:hover{background:#b91c1c;transform:translateY(-2px)}.cm-controls{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.search-box{flex:1;min-width:300px;position:relative}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1.2rem;opacity:.5}.search-box input{width:100%;padding:.9rem 1rem .9rem 3rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.search-box input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.filters{display:flex;gap:1rem;align-items:center}.filter-select{padding:.9rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;background:#fff;cursor:pointer;transition:all .3s ease}.filter-select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.view-toggle{display:flex;background:#fff;border:2px solid #e2e8f0;border-radius:8px;overflow:hidden}.view-toggle button{padding:.7rem 1rem;border:none;background:#fff;cursor:pointer;font-size:1.2rem;transition:all .3s ease;color:#718096}.view-toggle button:hover{background:#f7fafc;color:#2d3748}.view-toggle button.active{background:#10b981;color:#fff}.view-toggle button:not(:last-child){border-right:1px solid #e2e8f0}.cm-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-item{background:#fff;padding:1.5rem;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:.5rem;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.stat-item:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001f}.stat-value{font-size:2.5rem;font-weight:700;color:#10b981}.stat-label{font-size:.95rem;color:#718096;text-align:center}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.courses-list{display:flex;flex-direction:column;gap:1.5rem}.course-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s ease;display:flex;flex-direction:column}.courses-list .course-card{flex-direction:row}.course-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001f}.course-thumbnail{position:relative;width:100%;height:200px;overflow:hidden}.courses-list .course-thumbnail{width:300px;height:auto;min-height:200px}.course-thumbnail img{width:100%;height:100%;object-fit:cover}.status-badge{position:absolute;top:1rem;right:1rem;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-active{background:#10b981;color:#fff}.status-draft{background:#f59e0b;color:#fff}.status-archived{background:#6b7280;color:#fff}.course-content{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;flex:1}.course-content h3{margin:0;font-size:1.4rem;color:#2d3748;line-height:1.3}.course-description{color:#718096;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.courses-list .course-description{-webkit-line-clamp:3}.course-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-top:auto}.meta-item{display:flex;align-items:center;gap:.5rem;color:#4a5568;font-size:.9rem}.meta-icon{font-size:1.1rem}.course-stats{display:flex;gap:1.5rem;padding-top:1rem;border-top:1px solid #e2e8f0}.stat{display:flex;align-items:center;gap:.5rem;color:#4a5568;font-size:.95rem}.stat-icon{font-size:1.2rem}.course-actions{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid #e2e8f0}.course-actions button{flex:1;padding:.7rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-edit{background:#10b981;color:#fff}.btn-edit:hover{background:#059669;transform:translateY(-2px)}.btn-delete{background:#dc2626;color:#fff}.btn-delete:hover{background:#b91c1c;transform:translateY(-2px)}.btn-view{background:#6366f1;color:#fff}.btn-view:hover{background:#4f46e5;transform:translateY(-2px)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.empty-state h3{font-size:1.8rem;color:#2d3748;margin:0 0 .5rem}.empty-state p{color:#718096;margin:0 0 2rem;font-size:1.1rem}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}.modal-header h2{margin:0;font-size:1.8rem;color:#2d3748}.course-form{padding:0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-weight:600;color:#4a5568;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{padding:.9rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s ease;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-group textarea{resize:vertical;min-height:100px}.file-upload-label{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem;border:2px dashed #cbd5e0;border-radius:8px;background:#f7fafc;cursor:pointer;transition:all .3s ease}.upload-icon{font-size:1.6rem}.thumbnail-preview{margin-top:.75rem;border:2px solid #e2e8f0;border-radius:8px;overflow:hidden;max-width:320px;background:#f8fafc}.thumbnail-preview img{display:block;width:100%;height:auto}.delete-warning{font-size:4rem;text-align:center;margin-bottom:1.5rem}.warning-text{color:#dc2626;font-size:.95rem;margin-top:1rem}@media(max-width:1200px){.courses-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:1024px){.cm-header{flex-direction:column;align-items:flex-start}.btn-primary{width:100%;justify-content:center}.cm-controls{flex-direction:column}.search-box{min-width:100%}.filters{width:100%;flex-wrap:wrap}.filter-select{flex:1;min-width:150px}}@media(max-width:768px){.cm-header-content h1{font-size:2rem}.courses-grid{grid-template-columns:1fr}.courses-list .course-card{flex-direction:column}.courses-list .course-thumbnail{width:100%;height:200px}.course-actions{flex-direction:column}.course-actions button{width:100%}.form-grid{grid-template-columns:1fr;padding:1.5rem}.modal-header,.modal-body{padding:1.5rem}.modal-actions{flex-direction:column-reverse;padding:1.5rem}.modal-actions button{width:100%}.cm-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.cm-stats{grid-template-columns:1fr}.stat-value{font-size:2rem}.courses-grid{gap:1rem}.view-toggle{width:100%}.view-toggle button{flex:1}}.course-manage-page{--cm-bg: #f5f7fa;--cm-surface: #ffffff;--cm-border: #d6e5dc;--cm-border-strong: #bdd6c9;--cm-text: #1f2937;--cm-muted: #64748b;--cm-primary: #10b981;--cm-primary-dark: #047857;--cm-primary-soft: #ecfdf5;--cm-danger: #dc2626;--cm-danger-soft: #fee2e2;--cm-success: #047857;--cm-success-soft: #d1fae5;min-height:100%;padding:24px;color:var(--cm-text);animation:cm-fade-in .35s ease-out}@keyframes cm-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.course-manage-page .cm-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:18px;font-size:13px;color:var(--cm-muted)}.course-manage-page .cm-breadcrumb a{color:var(--cm-primary-dark);text-decoration:none;font-weight:600}.course-manage-page .cm-breadcrumb a:hover{text-decoration:underline}.course-manage-page .cm-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:12px}.course-manage-page .cm-header-content{max-width:760px}.course-manage-page .cm-header h1{margin:0;font-size:clamp(1.8rem,2.6vw,2.45rem);line-height:1.2;color:#2d3748}.course-manage-page .cm-header p{margin:7px 0 0;color:#718096;font-size:1.03rem}.course-manage-page .cm-header-stats{margin-bottom:16px;display:flex;flex-wrap:wrap;gap:8px}.course-manage-page .cm-header-stat{display:inline-flex;align-items:center;gap:4px;padding:7px 11px;border-radius:999px;border:1px solid #cfe1d5;background:#fff;color:#475569;font-size:12px;line-height:1}.course-manage-page .cm-header-stat strong{font-size:13px;color:#14532d}.course-manage-page .cm-quick-actions{display:flex;gap:10px;flex-wrap:wrap}.course-manage-page .cm-tabs{margin-top:0;display:flex;gap:10px;flex-wrap:wrap}.course-manage-page .cm-tab-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--cm-border);background:#fff;border-radius:12px;padding:9px 14px;color:#334155;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.course-manage-page .cm-tab-btn:hover{border-color:var(--cm-border-strong);background:#f8fffb;transform:translateY(-1px)}.course-manage-page .cm-tab-btn.is-active{border-color:#86efac;color:var(--cm-primary-dark);background:var(--cm-primary-soft);box-shadow:0 8px 18px #10b98124}.course-manage-page .cm-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:#e2e8f0;color:#334155;font-size:12px;font-weight:700}.course-manage-page .cm-tab-btn.is-active .cm-tab-count{background:#bbf7d0;color:#065f46}.course-manage-page .cm-tab-panel{margin-top:16px}.course-manage-page .cm-section{display:grid;gap:14px}.course-manage-page .cm-section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.course-manage-page .cm-section-header h2{margin:0;font-size:1.35rem;color:#1f2937}.course-manage-page .cm-section-header p{margin:6px 0 0;color:var(--cm-muted)}.course-manage-page .cm-inline-note{margin-top:8px;color:#9a3412;font-size:12px;font-weight:600}.course-manage-page .cm-card{border:1px solid var(--cm-border);border-radius:14px;background:var(--cm-surface);padding:16px;box-shadow:0 10px 22px #0f172a0d}.course-manage-page .cm-table-wrap{padding:0;overflow-x:auto}.course-manage-page .cm-table{width:100%;border-collapse:collapse;min-width:860px}.course-manage-page .cm-table th,.course-manage-page .cm-table td{text-align:left;vertical-align:top;padding:12px;border-bottom:1px solid #e9f1ec;font-size:14px}.course-manage-page .cm-table th{color:#065f46;font-weight:700;background:#f0fdf4;white-space:nowrap}.course-manage-page .cm-table tbody tr:hover{background:#f8fffb}.course-manage-page .cm-empty-row{text-align:center;color:var(--cm-muted);padding:24px 12px}.course-manage-page .cm-inline-actions{display:flex;gap:8px;flex-wrap:wrap}.course-manage-page .cm-status{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.course-manage-page .cm-status.is-active{color:#065f46;background:var(--cm-success-soft)}.course-manage-page .cm-status.is-inactive{color:#991b1b;background:#fee2e2}.course-manage-page .cm-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:10px;padding:9px 13px;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer;transition:all .2s ease}.course-manage-page .cm-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.course-manage-page .cm-btn-primary{color:#fff;background:linear-gradient(135deg,#047857,#10b981);box-shadow:0 8px 18px #10b98147}.course-manage-page .cm-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px #10b98157}.course-manage-page .cm-btn-secondary{color:#14532d;background:#f0fdf4;border-color:#bbf7d0}.course-manage-page .cm-btn-secondary:hover:not(:disabled){background:#dcfce7}.course-manage-page .cm-btn-danger{color:#fff;background:var(--cm-danger)}.course-manage-page .cm-btn-danger:hover:not(:disabled){background:#b91c1c}.course-manage-page .cm-btn-ghost{color:#14532d;border-color:#bbf7d0;background:#f8fffb}.course-manage-page .cm-btn-ghost:hover:not(:disabled){background:#ecfdf5}.course-manage-page .cm-btn-ghost-danger{color:var(--cm-danger);border-color:#fecaca;background:#fff8f8}.course-manage-page .cm-btn-ghost-danger:hover:not(:disabled){background:var(--cm-danger-soft)}.course-manage-page .cm-filters{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px}.course-manage-page .cm-filters select,.course-manage-page .cm-filters input,.course-manage-page .cm-form input,.course-manage-page .cm-form textarea,.course-manage-page .cm-form select{width:100%;border:1px solid #cfe1d5;border-radius:10px;padding:10px 11px;font-size:14px;color:var(--cm-text);background:#fff}.course-manage-page .cm-filters input:focus,.course-manage-page .cm-filters select:focus,.course-manage-page .cm-form input:focus,.course-manage-page .cm-form textarea:focus,.course-manage-page .cm-form select:focus{border-color:#34d399;outline:none;box-shadow:0 0 0 3px #10b98129}.course-manage-page .cm-form{display:grid;gap:12px}.course-manage-page .cm-field{display:grid;gap:6px}.course-manage-page .cm-field label{font-size:13px;font-weight:700;color:#334155}.course-manage-page .cm-field textarea{resize:vertical;min-height:90px}.course-manage-page .cm-help{margin:0;font-size:12px;color:var(--cm-muted)}.course-manage-page .cm-error{margin:0;font-size:12px;color:var(--cm-danger)}.course-manage-page .cm-actions-row{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.course-manage-page .cm-link{color:var(--cm-primary-dark);text-decoration:none;word-break:break-word}.course-manage-page .cm-link:hover{text-decoration:underline}.course-manage-page .cm-redirect-card{display:grid;gap:10px;max-width:620px}.course-manage-page .cm-redirect-card h2{margin:0}.course-manage-page .cm-redirect-card p{margin:0;color:var(--cm-muted)}.course-manage-page .cm-modal-overlay{position:fixed;inset:0;z-index:2200;background:#0f172a7a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:20px}.course-manage-page .cm-modal{width:100%;border-radius:14px;background:#fff;border:1px solid #d2e3d7;box-shadow:0 22px 46px #022c224d;overflow:hidden;animation:cm-modal-slide .2s ease-out}@keyframes cm-modal-slide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.course-manage-page .cm-modal-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;background:#f0fdf4;border-bottom:1px solid #e3f1e8}.course-manage-page .cm-modal-header h3{margin:0;font-size:18px}.course-manage-page .cm-modal-body{padding:16px}.course-manage-page .cm-icon-btn{width:32px;height:32px;border:1px solid #cde1d6;border-radius:8px;background:#fff;color:#1f2937;cursor:pointer;transition:all .2s ease}.course-manage-page .cm-icon-btn:hover{background:#ecfdf5;color:#047857}.course-manage-page .cm-confirm-message{margin:0 0 14px;line-height:1.4;color:#334155}@media(max-width:1024px){.course-manage-page .cm-header{flex-direction:column;align-items:flex-start}.course-manage-page .cm-quick-actions{width:100%}.course-manage-page .cm-quick-actions .cm-btn{flex:1}}@media(max-width:900px){.course-manage-page{padding:16px}.course-manage-page .cm-section-header{flex-direction:column;align-items:stretch}.course-manage-page .cm-filters{grid-template-columns:1fr}.course-manage-page .cm-actions-row{flex-direction:column-reverse;align-items:stretch}}@media(max-width:640px){.course-manage-page .cm-tabs{display:grid;grid-template-columns:1fr}.course-manage-page .cm-tab-btn{width:100%}.course-manage-page .cm-header-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}.course-hub-wrap{display:flex;flex-direction:column;gap:1.1rem;margin-bottom:1.75rem}.course-hub-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;background:linear-gradient(135deg,#5f7ebd,#7390cb);color:#f8fafc;border-radius:14px;padding:1rem 1.1rem}.course-hub-header h2{font-size:1.3rem;margin-bottom:.25rem}.course-hub-header p{font-size:.88rem;opacity:.95}.course-hub-admin-actions{display:flex;flex-wrap:wrap;gap:.5rem}.course-hub-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:.9rem;display:flex;flex-direction:column;gap:.7rem}.course-hub-section-header{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap}.course-hub-section-header h3{display:flex;align-items:center;gap:.5rem;color:#1f2937;font-size:1.12rem}.course-hub-section-header h3:before{content:"";width:5px;height:22px;border-radius:999px;background:#3b82f6}.course-hub-section-actions{display:flex;flex-wrap:wrap;gap:.45rem}.course-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.8rem}.course-hub-empty-card{border:1px dashed #cbd5e1;border-radius:10px;padding:.9rem;color:#64748b;font-size:.9rem}.course-hub-card{position:relative;border:1px solid #eceff3;border-radius:12px;padding:.8rem;display:flex;flex-direction:column;min-height:172px;box-shadow:0 5px 18px #0f172a0f;align-items:center}.course-hub-dot{position:absolute;top:10px;right:10px;width:10px;height:10px;border-radius:999px;background:#ef4444}.course-hub-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;margin-bottom:.75rem}.course-hub-card h4{color:#1f2937;font-size:1rem;line-height:1.25;margin-bottom:.3rem}.course-hub-progress-count{color:#6366f1;font-size:.95rem;font-weight:700;margin-bottom:.45rem}.course-hub-progress-track{width:100%;height:5px;border-radius:999px;background:#e5e7eb;margin-top:auto;overflow:hidden}.course-hub-progress-fill{height:100%;border-radius:999px}.course-hub-subtitle{color:#6b7280;font-size:.9rem;margin-top:auto}.course-hub-card-actions{display:flex;justify-content:center;gap:.4rem;margin-top:.7rem}.hub-btn-primary,.hub-btn-light,.hub-btn-danger{border:none;border-radius:8px;padding:.45rem .7rem;font-size:.8rem;font-weight:600;cursor:pointer}.hub-btn-primary{background:#0f766e;color:#fff}.hub-btn-light{background:#f3f4f6;color:#1f2937}.hub-btn-danger{background:#ef4444;color:#fff}.course-hub-modal-overlay{position:fixed;inset:0;background:#0f172a80;z-index:1500;display:flex;align-items:center;justify-content:center;padding:1rem}.course-hub-modal-card{width:min(520px,100%);background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:1rem}.course-hub-modal-card h3{margin-bottom:.8rem;color:#1f2937}.course-hub-form-grid{display:grid;gap:.5rem}.course-hub-form-grid label{color:#374151;font-size:.84rem;font-weight:600}.course-hub-form-grid input,.course-hub-form-grid select{border:1px solid #d1d5db;border-radius:8px;padding:.5rem .6rem;font-size:.88rem}.course-hub-check{display:flex;align-items:center;gap:.5rem;margin-top:.1rem}.course-hub-check input{width:auto}.course-hub-modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.9rem}@media(max-width:768px){.course-hub-header{flex-direction:column}.course-hub-admin-actions{width:100%}.course-hub-admin-actions button{flex:1}}.study-material-page{--sm-bg: #f5f7fc;--sm-text: #202a3f;--sm-muted: #73819b;--sm-border: #e8edf5;--sm-card: #ffffff;--sm-primary: #6987c8;--sm-primary-soft: #eef2ff;--sm-success: #3ca97a;--sm-pdf: #ea5959;--sm-doc: #34a3df;--sm-ppt: #da9734;display:flex;flex-direction:column;gap:1rem;background:var(--sm-bg);border-radius:20px;padding:1rem;max-width:1160px;margin:0 auto 1.5rem}.study-material-header{background:linear-gradient(135deg,#6282c6,#7293cf);border-radius:18px;color:#fff;display:flex;align-items:center;gap:.9rem;padding:.95rem 1rem;box-shadow:0 10px 25px #3c538733}.study-back-button{width:2.3rem;height:2.3rem;border:none;border-radius:999px;background:#ffffff26;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,transform .2s ease;flex-shrink:0}.study-back-button:hover{background:#ffffff3d;transform:translate(-2px)}.study-back-button svg{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.study-header-title-wrap h1{margin:0;font-size:1.24rem;font-weight:700;letter-spacing:.2px}.study-header-title-wrap p{margin:.2rem 0 0;opacity:.92;font-size:.88rem}.study-chapter-grid{display:grid;grid-template-columns:1fr;gap:.9rem}.study-empty-state{border:1px dashed #c8d3e3;border-radius:14px;background:#fff;color:var(--sm-muted);font-size:.95rem;font-weight:500;text-align:center;padding:1.1rem .9rem}.study-chapter-card{background:var(--sm-card);border:1px solid var(--sm-border);border-radius:16px;box-shadow:0 6px 16px #0f172a0f;overflow:hidden}.study-chapter-head{width:100%;display:flex;align-items:center;gap:.7rem;text-align:left;background:transparent;border:none;padding:.95rem;cursor:pointer}.study-chapter-index{width:2rem;height:2rem;border-radius:.55rem;background:#f2efff;color:#7568ce;font-size:.98rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.study-chapter-details{flex:1;min-width:0}.study-chapter-details h2{margin:0;color:var(--sm-text);font-size:1.04rem;line-height:1.25;font-weight:700}.study-chapter-details p{margin:.16rem 0 0;color:var(--sm-muted);font-size:.86rem;font-weight:500}.study-chapter-arrow{width:1.8rem;height:1.8rem;border-radius:999px;color:var(--sm-success);display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease;flex-shrink:0}.study-chapter-arrow.open{transform:rotate(0)}.study-chapter-arrow:not(.open){transform:rotate(180deg)}.study-chapter-arrow svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.study-material-list{display:flex;flex-direction:column;gap:.62rem;padding:0 .8rem .85rem}.study-material-item{background:#fafbfe;border:1px solid var(--sm-border);border-radius:12px;padding:.72rem;display:grid;grid-template-columns:2.75rem minmax(0,1fr) auto;align-items:center;gap:.68rem}.study-file-icon{width:2.75rem;height:2.75rem;border-radius:.65rem;display:inline-flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:800;letter-spacing:.4px;flex-shrink:0}.study-file-icon.pdf{background:#ffe8e8;color:var(--sm-pdf)}.study-file-icon.doc{background:#e6f6ff;color:var(--sm-doc)}.study-file-icon.ppt{background:#fff1db;color:var(--sm-ppt)}.study-file-icon.img{background:#eaf9ff;color:#0c93c8}.study-file-icon.file{background:#eef2f7;color:#64748b}.study-material-copy{min-width:0}.study-material-copy h3{margin:0;color:var(--sm-text);font-size:.96rem;line-height:1.28;font-weight:700}.study-material-meta{margin-top:.22rem;display:flex;align-items:center;gap:.62rem;color:var(--sm-muted);font-size:.79rem}.study-material-meta span:first-child:before{content:"";width:.4rem;height:.48rem;border:1.5px solid currentColor;border-radius:2px;display:inline-block;margin-right:.33rem;vertical-align:-1px}.study-material-actions{display:flex;align-items:center;gap:.48rem;justify-self:end}.study-saved-badge{font-size:.72rem;font-weight:700;color:var(--sm-success);background:#e7f8ee;border-radius:999px;padding:.2rem .5rem}.study-download-button,.study-view-button{width:1.85rem;height:1.85rem;border:1px solid #d9e0ea;border-radius:999px;background:#fff;color:#62718b;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color .2s ease,color .2s ease}.study-download-button:hover,.study-view-button:hover:not(:disabled){border-color:#b8c3d4;color:#334155}.study-download-button svg,.study-view-button svg{width:.98rem;height:.98rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.study-view-button:disabled{cursor:not-allowed;opacity:.7}.study-view-spinner{width:.82rem;height:.82rem;border:2px solid #cbd5e1;border-top-color:#475569;border-radius:999px;animation:study-spin .85s linear infinite}.study-preview-overlay{position:fixed;inset:0;background:#0f172a9e;z-index:2500;padding:1rem;display:flex;align-items:center;justify-content:center}.study-preview-dialog{width:min(1100px,100%);height:min(88vh,100%);border-radius:16px;overflow:hidden;background:#fff;border:1px solid #d6deea;box-shadow:0 18px 45px #0f172a57;display:flex;flex-direction:column}.study-preview-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:.9rem;padding:.95rem 1rem;border-bottom:1px solid #e4eaf4;background:#f8fbff}.study-preview-topbar h3{margin:0;color:#1e293b;font-size:1.02rem;font-weight:700}.study-preview-topbar p{margin:.24rem 0 0;color:#607089;font-size:.78rem}.study-preview-close{border:1px solid #cdd6e4;background:#fff;color:#1e293b;border-radius:999px;padding:.35rem .78rem;font-size:.78rem;font-weight:600;cursor:pointer}.study-preview-body{position:relative;flex:1;background:#f1f5f9;overflow:hidden;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.study-preview-frame{width:100%;height:100%;border:none;background:#fff}.study-preview-image{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.study-preview-fallback{color:#475569;font-size:.9rem;font-weight:500;padding:1rem;text-align:center}.study-preview-watermark{position:absolute;right:.8rem;bottom:.8rem;background:#0f172a85;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.6px;text-transform:uppercase;border-radius:999px;padding:.25rem .58rem;pointer-events:none}@keyframes study-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.study-type-pill{font-size:.66rem;font-weight:800;letter-spacing:.38px;padding:.24rem .4rem;border-radius:999px;min-width:2.3rem;text-align:center}.study-type-pill.pdf{color:var(--sm-pdf);background:#fee2e2}.study-type-pill.doc{color:#0e7490;background:#dff6ff}.study-type-pill.ppt{color:#b45309;background:#ffedd5}.study-type-pill.img{color:#0369a1;background:#e0f2fe}.study-type-pill.file{color:#475569;background:#e2e8f0}@media(min-width:900px){.study-material-page{padding:1.2rem}.study-header-title-wrap h1{font-size:1.35rem}.study-header-title-wrap p{font-size:.92rem}.study-chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}}@media(max-width:768px){.study-material-page{border-radius:16px;padding:.75rem;gap:.75rem}.study-material-header{border-radius:14px;padding:.82rem}.study-header-title-wrap h1{font-size:1.08rem}.study-header-title-wrap p{font-size:.78rem}.study-chapter-head{padding:.8rem}.study-chapter-index{width:1.85rem;height:1.85rem;font-size:.9rem}.study-chapter-details h2{font-size:.97rem}.study-chapter-details p{font-size:.8rem}.study-material-list{padding:0 .7rem .75rem}.study-material-item{grid-template-columns:2.6rem minmax(0,1fr);gap:.58rem}.study-material-actions{grid-column:1 / -1;justify-self:stretch;justify-content:flex-end;margin-top:.28rem}.study-preview-overlay{padding:.5rem}.study-preview-dialog{height:min(92vh,100%);border-radius:12px}.study-preview-topbar{padding:.75rem .78rem}.study-preview-topbar h3{font-size:.93rem}.study-preview-topbar p{font-size:.72rem}}@media(max-width:480px){.study-material-page{margin-bottom:.9rem}.study-material-header{align-items:flex-start;gap:.68rem}.study-back-button{width:2rem;height:2rem}.study-file-icon{width:2.45rem;height:2.45rem;border-radius:.58rem;font-size:.58rem}.study-material-copy h3{font-size:.9rem}.study-material-meta{font-size:.74rem}.study-material-actions{gap:.36rem}.study-saved-badge{font-size:.68rem;padding:.2rem .42rem}}.course-curriculum{animation:fadeIn .5s ease-in;height:calc(100vh - 200px);display:flex;flex-direction:column}.cc-header{margin-bottom:1rem}.cc-header h1{font-size:1.75rem;color:#2d3748;margin:0 0 .25rem}.cc-header p{color:#718096;font-size:.9rem;margin:0}.cc-layout{display:grid;grid-template-columns:280px 1fr;gap:1rem;flex:1;overflow:hidden}.cc-sidebar{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e2e8f0}.sidebar-header h3{margin:0;font-size:1.1rem;color:#2d3748}.btn-icon-small{background:none;border:none;font-size:1rem;cursor:pointer;padding:.4rem;border-radius:4px;transition:all .3s ease}.btn-icon-small:hover{background:#f7fafc}.btn-delete-icon:hover{background:#fee;color:#dc2626}.search-box-small{padding:.75rem 1rem;border-bottom:1px solid #e2e8f0}.search-box-small input{width:100%;padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.85rem;box-sizing:border-box}.search-box-small input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.course-list{flex:1;overflow-y:auto;padding:.5rem}.course-item{display:flex;gap:.75rem;padding:.75rem;border-radius:6px;cursor:pointer;transition:all .3s ease;margin-bottom:.5rem}.course-item:hover{background:#f7fafc}.course-item.active{background:#e6f7f0;border-left:4px solid #10b981}.course-item-thumb{width:60px;height:40px;border-radius:4px;overflow:hidden;flex-shrink:0}.course-item-thumb img{width:100%;height:100%;object-fit:cover}.course-item-info{flex:1;min-width:0}.course-item-info h4{margin:0 0 .3rem;font-size:.85rem;color:#2d3748;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-item-meta{display:flex;gap:.5rem;font-size:.75rem;color:#718096}.cc-main{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;overflow-y:auto;padding:1.25rem}.course-info-card{background:linear-gradient(135deg,#047857,#10b981);color:#fff;border-radius:8px;padding:1.25rem;margin-bottom:1rem}.course-info-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.course-info-header h2{margin:0 0 .5rem;font-size:1.5rem}.course-info-header p{margin:0 0 .75rem;opacity:.95;line-height:1.5;font-size:.9rem}.course-meta-tags{display:flex;flex-wrap:wrap;gap:.5rem}.course-meta-tags .tag{background:#fff3;color:#fff;padding:.35rem .75rem;border-radius:16px;font-size:.8rem;font-weight:500}.curriculum-container{display:flex;flex-direction:column;gap:.75rem}.empty-curriculum,.no-course-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{font-size:5rem;margin-bottom:1.5rem;opacity:.5}.empty-curriculum h3,.no-course-selected h3{font-size:1.8rem;color:#2d3748;margin:0 0 .5rem}.empty-curriculum p,.no-course-selected p{color:#718096;margin:0 0 2rem;font-size:1.1rem}.module-card{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;transition:all .3s ease}.module-card:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #00000014}.module-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;cursor:pointer;transition:all .3s ease}.module-header:hover{background:#f7fafc}.module-header-left{display:flex;align-items:center;gap:.75rem;flex:1}.expand-icon{font-size:1rem;color:#10b981;transition:transform .3s ease}.module-title-section h3{margin:0 0 .25rem;font-size:1.1rem;color:#2d3748}.module-title-section p{margin:0;color:#718096;font-size:.85rem}.module-header-right{display:flex;align-items:center;gap:.5rem}.module-stat{font-size:.8rem;color:#718096;padding:.3rem .6rem;background:#f7fafc;border-radius:4px}.module-content{padding:1rem;background:#fff;border-top:1px solid #e2e8f0}.empty-module{text-align:center;padding:2rem;color:#718096}.btn-secondary-small{background:#fff;color:#10b981;border:2px solid #10b981;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease;margin-top:1rem}.btn-secondary-small:hover{background:#10b981;color:#fff}.video-list{display:flex;flex-direction:column;gap:.5rem}.video-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;cursor:move;transition:all .3s ease}.video-item:hover{border-color:#10b981;box-shadow:0 2px 8px #10b98133}.video-item:active{opacity:.5}.video-drag-handle{font-size:1.2rem;color:#cbd5e0;cursor:grab}.video-drag-handle:active{cursor:grabbing}.video-order{width:28px;height:28px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem;flex-shrink:0}.video-thumb{position:relative;width:110px;height:65px;border-radius:4px;overflow:hidden;flex-shrink:0}.video-thumb img{width:100%;height:100%;object-fit:cover}.video-duration{position:absolute;bottom:.5rem;right:.5rem;background:#000c;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.video-status{position:absolute;top:.5rem;left:.5rem;padding:.3rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase}.status-processing{background:#f59e0b;color:#fff}.video-info{flex:1;min-width:0}.video-info h4{margin:0 0 .3rem;font-size:.95rem;color:#2d3748}.video-info p{margin:0 0 .3rem;color:#718096;font-size:.8rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.video-stats-small{font-size:.75rem;color:#718096}.video-actions-inline{display:flex;gap:.5rem;flex-shrink:0}.drop-zone{margin-top:.5rem;padding:1rem;border:2px dashed #cbd5e0;border-radius:6px;text-align:center;color:#718096;font-size:.85rem;background:#f7fafc;transition:all .3s ease}.drop-zone:hover{border-color:#10b981;background:#f0fdf4;color:#059669}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#4a5568;font-size:.95rem}.form-group input,.form-group textarea{width:100%;padding:.9rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s ease;font-family:inherit;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-group textarea{resize:vertical;min-height:80px}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;animation:fadeIn .3s ease-in}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}.modal-small{max-width:500px}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:2px solid #e2e8f0}.modal-header h2{margin:0;font-size:1.6rem;color:#2d3748}.modal-close{background:none;border:none;font-size:2rem;color:#718096;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease}.modal-close:hover{background:#f7fafc;color:#2d3748}.modal-body{padding:2rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem;border-top:2px solid #e2e8f0}.btn-primary{background:linear-gradient(135deg,#047857,#10b981);color:#fff;border:none;padding:.65rem 1.25rem;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#fff;color:#4a5568;border:2px solid #e2e8f0;padding:.65rem 1.25rem;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease}.btn-secondary:hover{background:#f7fafc;border-color:#cbd5e0}@media(max-width:1200px){.cc-layout{grid-template-columns:300px 1fr}}@media(max-width:1024px){.cc-layout{grid-template-columns:1fr;gap:1.5rem}.cc-sidebar{max-height:400px}.course-info-header{flex-direction:column}.course-info-header button{width:100%}}@media(max-width:768px){.cc-header h1{font-size:2rem}.cc-layout{gap:1rem}.cc-sidebar{max-height:300px}.module-header{flex-direction:column;align-items:flex-start;gap:1rem}.module-header-right{width:100%;justify-content:space-between}.video-item{flex-wrap:wrap}.video-thumb{width:100%;height:120px}.video-actions-inline{width:100%;justify-content:center}.course-item-info h4{white-space:normal}}@media(max-width:480px){.cc-main{padding:1rem}.course-info-card{padding:1.5rem}.module-title-section h3{font-size:1.1rem}.video-info h4{font-size:1rem}.module-stat{font-size:.8rem;padding:.3rem .6rem}}.my-learning{padding:1rem;background:#f5f7fa;min-height:100vh;animation:fadeIn .5s ease-in}.my-learning-header{margin-bottom:1rem}.header-content h1{font-size:1.75rem;color:#2d3748;margin-bottom:.25rem;font-weight:700}.header-content p{font-size:.9rem;color:#718096}.learning-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1rem}.stat-card{background:#fff;border-radius:8px;padding:.75rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 1px 3px #00000014;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001f}.stat-icon{width:45px;height:45px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.stat-info h3{font-size:1.5rem;color:#2d3748;margin:0;font-weight:700}.stat-info p{color:#718096;margin:0;font-size:.75rem}.controls-section{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap;align-items:center}.search-bar{flex:1;min-width:250px}.search-bar input{width:100%;padding:.6rem .9rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;transition:all .3s ease}.search-bar input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.filter-tabs{display:flex;gap:.5rem}.filter-tab{padding:.6rem 1rem;border:1px solid #e2e8f0;background:#fff;border-radius:6px;color:#718096;font-size:.85rem;cursor:pointer;transition:all .3s ease;font-weight:500}.filter-tab:hover{border-color:#10b981;color:#047857}.filter-tab.active{background:linear-gradient(135deg,#047857,#10b981);color:#fff;border-color:transparent}.courses-section{margin-bottom:1.5rem}.courses-section h2{font-size:1.25rem;color:#2d3748;margin-bottom:.75rem;font-weight:700}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.course-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #00000014;transition:all .3s ease;animation:fadeInUp .5s ease-out}.course-card:hover{transform:translateY(-4px);box-shadow:0 6px 12px #00000026}.course-thumbnail{position:relative;width:100%;height:150px;overflow:hidden}.course-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.course-card:hover .course-thumbnail img{transform:scale(1.05)}.certificate-badge{position:absolute;top:8px;right:8px;background:#fffffff2;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:0 2px 8px #00000026}.course-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.course-card:hover .course-overlay{opacity:1}.continue-btn{padding:.6rem 1.2rem;background:linear-gradient(135deg,#047857,#10b981);color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #04785766}.continue-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #04785780}.course-content{padding:1rem}.course-category{display:inline-block;padding:.25rem .6rem;background:#d1fae5;color:#047857;border-radius:4px;font-size:.7rem;font-weight:600;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.3px}.course-content h3{font-size:1rem;color:#2d3748;margin-bottom:.35rem;font-weight:700;line-height:1.3}.course-instructor{color:#718096;font-size:.8rem;margin-bottom:.75rem}.progress-section{margin:.75rem 0}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.progress-text{font-size:.75rem;font-weight:600;color:#2d3748}.modules-text{font-size:.7rem;color:#718096}.progress-bar{width:100%;height:6px;background:#e2e8f0;border-radius:6px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(135deg,#10b981,#047857);border-radius:10px;transition:width .5s ease}.course-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid #e2e8f0;margin-top:.75rem}.course-duration{color:#718096;font-size:.75rem;font-weight:500}.last-accessed{color:#a0aec0;font-size:.7rem}.empty-state{text-align:center;padding:4rem 2rem;color:#718096}.empty-state p{font-size:1.1rem}.achievements-section{margin-top:1.5rem}.achievements-section h2{font-size:1.25rem;color:#2d3748;margin-bottom:.75rem;font-weight:700}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.achievement-card{background:#fff;border-radius:8px;padding:1rem;text-align:center;box-shadow:0 1px 3px #00000014;transition:all .3s ease;position:relative;overflow:hidden}.achievement-card.unlocked{border:1px solid #10b981}.achievement-card.locked{border:1px solid #e2e8f0;opacity:.7}.achievement-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001f}.achievement-icon{font-size:2rem;margin-bottom:.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.achievement-card.locked .achievement-icon{filter:grayscale(100%) opacity(.5)}.achievement-card h4{font-size:.9rem;color:#2d3748;margin-bottom:.35rem;font-weight:700}.achievement-card p{color:#718096;font-size:.75rem;margin-bottom:.5rem}.unlocked-date{display:block;font-size:.7rem;color:#10b981;font-weight:600;margin-top:.35rem}.locked-badge{display:inline-block;padding:.25rem .6rem;background:#f7fafc;color:#a0aec0;border-radius:4px;font-size:.7rem;font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.courses-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:768px){.my-learning{padding:1.5rem}.header-content h1{font-size:2rem}.header-content p{font-size:1rem}.learning-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-card{flex-direction:column;text-align:center}.stat-icon{width:50px;height:50px;font-size:1.2rem}.stat-info h3{font-size:1.5rem}.controls-section{flex-direction:column;align-items:stretch}.search-bar{min-width:100%}.filter-tabs{flex-wrap:wrap}.filter-tab{flex:1;min-width:calc(50% - .25rem);padding:.75rem 1rem;font-size:.85rem}.courses-grid{grid-template-columns:1fr;gap:1.5rem}.course-thumbnail{height:180px}.achievements-grid{grid-template-columns:1fr}.courses-section h2,.achievements-section h2{font-size:1.5rem}}@media(max-width:480px){.my-learning{padding:1rem}.header-content h1{font-size:1.75rem}.learning-stats{grid-template-columns:1fr}.filter-tab{min-width:100%}.course-footer{flex-direction:column;gap:.5rem;align-items:flex-start}}.video-management{animation:fadeIn .5s ease-in}.vm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.vm-header-content h1{font-size:1.75rem;color:#2d3748;margin:0 0 .25rem}.vm-header-content p{color:#718096;font-size:.9rem;margin:0}.vm-controls{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.vm-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1rem}.stat-item{background:#fff;padding:1rem;border-radius:8px;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.stat-icon{font-size:1.5rem}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700;color:#10b981}.stat-label{font-size:.8rem;color:#718096}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.videos-list{display:flex;flex-direction:column;gap:.75rem}.video-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s ease;display:flex;flex-direction:column}.videos-list .video-card{flex-direction:row}.video-card:hover{transform:translateY(-3px);box-shadow:0 8px 16px #0000001f}.video-thumbnail-container{position:relative;width:100%;height:180px;overflow:hidden;background:#000}.videos-list .video-thumbnail-container{width:320px;height:auto;min-height:180px}.video-thumbnail{width:100%;height:100%;object-fit:cover}.video-duration{position:absolute;bottom:.5rem;right:.5rem;background:#000c;color:#fff;padding:.25rem .5rem;border-radius:3px;font-size:.75rem;font-weight:600}.play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:55px;height:55px;background:#10b981e6;border:none;border-radius:50%;color:#fff;font-size:1.6rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding-left:5px;transition:all .3s ease;opacity:0}.video-thumbnail-container:hover .play-overlay{opacity:1}.play-overlay:hover{background:#10b981;transform:translate(-50%,-50%) scale(1.1)}.status-badge{position:absolute;top:.5rem;left:.5rem;padding:.3rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.status-ready{background:#10b981;color:#fff}.status-processing{background:#f59e0b;color:#fff;animation:pulse 2s infinite}.status-failed{background:#dc2626;color:#fff}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.video-content{padding:1rem;display:flex;flex-direction:column;gap:.75rem;flex:1}.video-content h3{margin:0;font-size:1.05rem;color:#2d3748;line-height:1.3}.video-description{color:#718096;line-height:1.5;margin:0;font-size:.85rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.videos-list .video-description{-webkit-line-clamp:2}.video-meta{display:flex;flex-wrap:wrap;gap:.75rem}.meta-item{display:flex;align-items:center;gap:.35rem;color:#4a5568;font-size:.75rem}.meta-icon{font-size:.85rem}.video-stats{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.75rem;color:#718096;padding-top:.5rem;border-top:1px solid #e2e8f0}.video-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.3rem}.tag{background:#e0f2fe;color:#0369a1;padding:.25rem .5rem;border-radius:10px;font-size:.7rem;font-weight:500}.video-actions{display:flex;gap:.5rem;padding-top:.75rem;border-top:1px solid #e2e8f0;margin-top:auto}.video-actions button{flex:1;padding:.5rem .75rem;border:none;border-radius:5px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.35rem}.btn-play{background:#10b981;color:#fff}.btn-play:hover{background:#059669;transform:translateY(-2px)}.file-upload{display:flex;flex-direction:column;gap:.75rem}.file-upload-label{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;border:2px dashed #cbd5e0;border-radius:6px;background:#f7fafc;cursor:pointer;transition:all .3s ease}.file-upload-label:hover{border-color:#10b981;background:#f0fdf4}.upload-icon{font-size:2rem}.upload-progress{display:flex;align-items:center;gap:.75rem}.progress-bar{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);transition:width .3s ease}.progress-text{font-weight:600;color:#10b981;min-width:45px}.url-input{margin-top:.5rem}.pagination{display:flex;justify-content:center;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.page-btn{border:1px solid #e2e8f0;background:#fff;color:#2d3748;padding:.4rem .7rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.page-btn:hover:not(:disabled){border-color:#10b981;color:#10b981}.page-btn.active{background:#10b981;border-color:#10b981;color:#fff}.page-btn:disabled{opacity:.5;cursor:not-allowed}.tags-input-container{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;border:2px solid #e2e8f0;border-radius:6px;background:#f7fafc}.tags-display{display:flex;flex-wrap:wrap;gap:.4rem;min-height:35px}.tag-item{background:#10b981;color:#fff;padding:.35rem .6rem;border-radius:5px;font-size:.8rem;display:flex;align-items:center;gap:.4rem}.tag-remove{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:0;line-height:1;font-weight:700}.tag-remove:hover{opacity:.7}.tag-input-wrapper{display:flex;gap:.5rem}.tag-input-wrapper input{flex:1;padding:.5rem .75rem;border:2px solid #e2e8f0;border-radius:5px;font-size:.85rem}.btn-add-tag{padding:.5rem 1rem;background:#10b981;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:500;font-size:.85rem;transition:all .3s ease}.btn-add-tag:hover{background:#059669}.video-form{max-height:calc(90vh - 160px);overflow-y:auto}.modal-video{max-width:1200px}.preview-course{color:#718096;font-size:.95rem;margin:.25rem 0 0}.video-player-container{background:#000;width:100%;aspect-ratio:16 / 9}.video-player{width:100%;height:100%}.no-video{display:flex;align-items:center;justify-content:center;height:100%;color:#718096;font-size:1.2rem}.video-details{padding:1.25rem}.video-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin:1rem 0;padding:1rem;background:#f7fafc;border-radius:6px}.info-item{font-size:.85rem;color:#4a5568}.info-item strong{color:#2d3748}.modal-large{max-width:900px}@media(max-width:1200px){.videos-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:1024px){.vm-header{flex-direction:column;align-items:flex-start}.btn-primary{width:100%;justify-content:center}.vm-controls{flex-direction:column}.search-box{min-width:100%}.filters{width:100%;flex-wrap:wrap}.filter-select{flex:1;min-width:150px}}@media(max-width:768px){.vm-header-content h1{font-size:2rem}.videos-grid{grid-template-columns:1fr}.videos-list .video-card{flex-direction:column}.videos-list .video-thumbnail-container{width:100%;height:225px}.video-actions{flex-direction:column}.video-actions button{width:100%}.vm-stats{grid-template-columns:repeat(2,1fr)}.stat-item{flex-direction:column;text-align:center}.stat-icon{font-size:1.2rem}.modal-video{max-width:100%}.video-info-grid{grid-template-columns:1fr}}@media(max-width:480px){.vm-stats{grid-template-columns:1fr}.stat-value{font-size:1.75rem}.play-overlay{width:60px;height:60px;font-size:1.5rem}.video-content h3{font-size:1.1rem}.form-grid{grid-template-columns:1fr}}.student-management{--sm-ink: #1f2937;--sm-muted: #6b7280;--sm-primary: #047857;--sm-primary-strong: #065f46;--sm-accent: #10b981;--sm-surface: #ffffff;--sm-soft: #f0fdfa;--sm-border: rgba(16, 185, 129, .18);--sm-shadow: 0 10px 22px rgba(15, 23, 42, .08);color:var(--sm-ink);padding:1.35rem;border-radius:16px;position:relative;overflow:hidden;animation:sm-rise .6s ease-out}.student-management:before{content:"";position:absolute;inset:10% 5% auto auto;width:220px;height:220px;background:radial-gradient(circle,rgba(16,185,129,.16),transparent 65%);opacity:.5;pointer-events:none}.sm-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:1.1rem;margin-bottom:1.25rem;position:relative;z-index:1}.sm-hero-content h1{font-family:Space Grotesk,sans-serif;font-size:2rem;margin:0 0 .6rem;color:var(--sm-ink)}.sm-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.16rem;color:var(--sm-primary);margin-bottom:.6rem}.sm-hero-content p{font-size:.92rem;color:var(--sm-muted);margin:0 0 .85rem;max-width:440px}.sm-hero-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:.9rem}.sm-btn{border:none;cursor:pointer;font-family:inherit;font-weight:600;border-radius:999px;padding:.5rem 1.1rem;font-size:.9rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.sm-btn-primary{background:linear-gradient(135deg,var(--sm-primary),var(--sm-accent));color:#fff;box-shadow:0 10px 20px #04785740}.sm-btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 24px #04785752}.sm-btn-ghost{background:#fffc;color:var(--sm-primary);border:1px solid rgba(4,120,87,.25)}.sm-btn-ghost:hover{background:#fff;transform:translateY(-2px)}.sm-btn-outline{background:transparent;border:1px solid rgba(4,120,87,.4);color:var(--sm-primary);padding:.5rem 1rem}.sm-btn-light{background:#ecfdf5;color:var(--sm-primary-strong);padding:.5rem 1rem}.sm-btn-mini{padding:.35rem .75rem;font-size:.75rem}.sm-btn-danger{background:#fee2e2;color:#b91c1c}.sm-hero-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem}.sm-meta-card{background:#fffc;border:1px solid rgba(255,255,255,.6);border-radius:12px;padding:.7rem .85rem;box-shadow:0 12px 20px #0f172a14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sm-meta-label{text-transform:uppercase;letter-spacing:.1rem;font-size:.68rem;font-weight:600;color:var(--sm-muted);margin:0 0 .35rem}.sm-meta-value{font-size:.95rem;font-weight:700;margin:0 0 .25rem}.sm-meta-note{margin:0;color:var(--sm-muted);font-size:.82rem}.sm-link{background:none;border:none;color:var(--sm-primary);font-weight:600;padding:0;cursor:pointer;margin-top:.35rem}.sm-link-primary{color:var(--sm-accent)}.sm-hero-art{display:grid;gap:.6rem;align-content:start}.sm-art-card{background:#ffffffe6;border-radius:12px;padding:.85rem;box-shadow:0 12px 24px #0f172a14;border:1px solid rgba(4,120,87,.12)}.sm-art-card-primary{background:linear-gradient(135deg,#0478571f,#10b9811a);border:1px solid rgba(4,120,87,.2)}.sm-art-label{margin:0 0 .4rem;text-transform:uppercase;letter-spacing:.15rem;font-size:.68rem;color:var(--sm-muted)}.sm-art-card h3{margin:0 0 .5rem;font-size:1.35rem;font-family:Space Grotesk,sans-serif}.sm-art-note{margin:0;color:var(--sm-muted)}.sm-panel{background:var(--sm-surface);border-radius:14px;padding:1.05rem;box-shadow:0 10px 20px #0f172a14;margin-bottom:1.1rem;position:relative;z-index:1}.sm-panel-header{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}.sm-panel-header h2{margin:0 0 .4rem;font-family:Space Grotesk,sans-serif;font-size:1.3rem}.sm-panel-header p{margin:0;color:var(--sm-muted);font-size:.9rem}.sm-panel-actions{display:flex;gap:.6rem;flex-wrap:wrap}.sm-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.6rem}.sm-control{display:flex;flex-direction:column;gap:.3rem;font-size:.82rem;color:var(--sm-muted)}.sm-control input,.sm-control select{border:1px solid rgba(4,120,87,.2);border-radius:10px;padding:.5rem .7rem;font-size:.85rem;font-family:inherit;background:#f9fafb;color:var(--sm-ink);transition:border-color .2s ease,box-shadow .2s ease}.sm-control input:focus,.sm-control select:focus{outline:none;border-color:var(--sm-primary);box-shadow:0 0 0 3px #0478571f}.sm-control-actions{justify-content:flex-end}.sm-bulk-actions{display:flex;gap:.4rem;flex-wrap:wrap}.sm-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem;margin-bottom:1.1rem}.sm-stat-card{background:#ffffffe6;border-radius:12px;padding:.75rem .9rem;border:1px solid rgba(4,120,87,.14);box-shadow:0 8px 18px #0f172a0f}.sm-stat-card h3{margin:.3rem 0 .4rem;font-size:1.35rem;font-family:Space Grotesk,sans-serif}.sm-stat-label{text-transform:uppercase;font-size:.7rem;letter-spacing:.15rem;color:var(--sm-muted);margin:0}.sm-stat-note{margin:0;color:var(--sm-muted);font-size:.82rem}.sm-list{background:var(--sm-surface);border-radius:14px;padding:.9rem;box-shadow:0 12px 26px #0f172a14;display:grid;gap:.6rem}.sm-list-header,.sm-list-row{display:grid;grid-template-columns:1.5fr 1.1fr 1fr .8fr 1fr 1fr;gap:.75rem;align-items:center}.sm-list-header{font-size:.68rem;text-transform:uppercase;letter-spacing:.16rem;color:var(--sm-muted);padding-bottom:.5rem;border-bottom:1px solid rgba(4,120,87,.12)}.sm-list-row{padding:.65rem;border-radius:10px;border:1px solid transparent;background:#fbfcfd;transition:border-color .2s ease,transform .2s ease}.sm-list-row:hover{border-color:#04785733;transform:translateY(-2px)}.sm-student{display:flex;gap:.7rem;align-items:center}.sm-avatar{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--sm-primary),var(--sm-accent))}.sm-name{margin:0;font-weight:600}.sm-sub{margin:.15rem 0 0;font-size:.78rem;color:var(--sm-muted)}.sm-id{font-size:.7rem;letter-spacing:.06rem}.sm-field{display:flex;flex-direction:column;gap:.15rem}.sm-label{font-size:.68rem;color:var(--sm-muted);text-transform:uppercase;letter-spacing:.1rem;margin:0}.sm-progress{width:100%;height:6px;border-radius:999px;background:#0478571f;overflow:hidden}.sm-progress-bar{height:100%;background:linear-gradient(90deg,var(--sm-primary),var(--sm-accent));border-radius:999px}.sm-status{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .6rem;border-radius:999px;font-size:.7rem;font-weight:600;text-transform:capitalize}.sm-status-active{background:#10b98129;color:var(--sm-primary)}.sm-status-inactive{background:#ef444426;color:#b91c1c}.sm-status-pending{background:#f973162e;color:#c2410c}.sm-status-stack{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.sm-status-select{border:1px solid rgba(4,120,87,.2);border-radius:999px;padding:.2rem .55rem;font-size:.72rem;background:#f8fafc;color:var(--sm-ink)}.sm-status-select:focus{outline:none;border-color:var(--sm-primary);box-shadow:0 0 0 2px #0478571f}.sm-actions{display:flex;flex-direction:column;gap:.3rem;align-items:flex-start}.sm-actions .sm-link{font-size:.8rem}.sm-pagination{display:flex;justify-content:space-between;align-items:center;padding-top:.4rem;border-top:1px solid rgba(4,120,87,.12);color:var(--sm-muted);font-size:.82rem}.sm-page-actions{display:flex;gap:.4rem}.sm-modal-overlay{position:fixed;inset:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:2000}.sm-modal{width:min(720px,100%);background:#fff;border-radius:16px;box-shadow:0 24px 40px #0f172a33;overflow:hidden}.sm-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.2rem 1.4rem;border-bottom:1px solid rgba(4,120,87,.12)}.sm-modal-header h2{margin:0 0 .35rem;font-family:Space Grotesk,sans-serif;font-size:1.4rem}.sm-modal-header p{margin:0;color:var(--sm-muted);font-size:.88rem}.sm-modal-close{border:none;background:#f3f4f6;color:var(--sm-ink);width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:1.2rem;line-height:1}.sm-modal-form{padding:1.2rem 1.4rem 1.4rem}.sm-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem}.sm-form-field{display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;color:var(--sm-muted)}.sm-form-field input,.sm-form-field select{border:1px solid rgba(4,120,87,.2);border-radius:10px;padding:.55rem .7rem;font-size:.88rem;font-family:inherit;color:var(--sm-ink);background:#f9fafb}.sm-form-field input:focus,.sm-form-field select:focus{outline:none;border-color:var(--sm-primary);box-shadow:0 0 0 2px #0478571f}.sm-modal-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1rem}@keyframes sm-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.student-management{padding:1.2rem}.sm-hero{grid-template-columns:1fr}}@media(max-width:900px){.sm-list-header,.sm-list-row{grid-template-columns:1fr;gap:.8rem}.sm-list-header{display:none}.sm-actions{flex-direction:row;flex-wrap:wrap}.sm-pagination{flex-direction:column;gap:.8rem}.sm-modal{width:min(560px,100%)}}@media(max-width:600px){.student-management{padding:.9rem}.sm-hero-content h1{font-size:1.7rem}.sm-hero-actions{flex-direction:column}.sm-panel-actions,.sm-panel-actions .sm-btn{width:100%}.sm-pagination{align-items:flex-start}.sm-modal{border-radius:12px}.sm-modal-header,.sm-modal-form{padding:1rem}.sm-modal-actions{flex-direction:column-reverse;align-items:stretch}}.sm-form-field-photo{grid-column:1 / -1}.sm-photo-uploader{display:grid;grid-template-columns:160px 1fr;gap:14px;margin-top:8px;padding:12px;border:1px solid rgba(16,185,129,.18);background:#10b9810f;border-radius:14px}.sm-photo-preview{width:160px;height:160px;border-radius:14px;overflow:hidden;border:1px dashed rgba(4,120,87,.2);display:grid;place-items:center;background:#0000000a}.sm-photo-preview img{width:100%;height:100%;object-fit:cover}.sm-photo-placeholder{text-align:center;opacity:.85;display:grid;gap:8px;padding:12px;color:var(--sm-muted)}.sm-photo-icon{font-size:28px}.sm-photo-actions input[type=file]{display:none}.sm-photo-buttons{display:flex;gap:10px;align-items:center;margin-top:6px}.sm-avatar-img{width:100%;height:100%;border-radius:inherit;object-fit:cover;display:block}.enroll-student{--es-ink: #1f2937;--es-muted: #6b7280;--es-primary: #047857;--es-primary-strong: #065f46;--es-accent: #10b981;--es-surface: #ffffff;--es-soft: #f0fdfa;--es-border: rgba(16, 185, 129, .18);--es-shadow: 0 10px 22px rgba(15, 23, 42, .08);color:var(--es-ink);border-radius:16px;position:relative;overflow:hidden;animation:es-rise .6s ease-out}.enroll-student:before{content:"";position:absolute;inset:10% 5% auto auto;width:220px;height:220px;background:radial-gradient(circle,rgba(16,185,129,.16),transparent 65%);opacity:.5;pointer-events:none}.es-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:1.5rem;margin-bottom:1.25rem;position:relative;z-index:1}.es-hero-content h1{font-family:Space Grotesk,sans-serif;font-size:2rem;margin:0 0 .6rem;color:var(--es-ink)}.es-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.16rem;color:var(--es-primary);margin-bottom:.6rem}.es-hero-content p{font-size:.92rem;color:var(--es-muted);margin:0 0 .85rem;max-width:440px}.es-hero-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:.9rem}.es-hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;align-content:start}.es-btn{border:none;cursor:pointer;font-family:inherit;font-weight:600;border-radius:999px;padding:.5rem 1.1rem;font-size:.9rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.es-btn:disabled{opacity:.5;cursor:not-allowed}.es-btn-primary{background:linear-gradient(135deg,var(--es-primary),var(--es-accent));color:#fff;box-shadow:0 10px 20px #04785740}.es-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 24px #04785752}.es-btn-ghost{background:#fffc;color:var(--es-primary);border:1px solid rgba(4,120,87,.25)}.es-btn-ghost:hover:not(:disabled){background:#fff;transform:translateY(-2px)}.es-btn-light{background:#ecfdf5;color:var(--es-primary-strong);padding:.5rem 1rem}.es-btn-mini{padding:.35rem .75rem;font-size:.75rem}.es-btn-danger{background:#fee2e2;color:#b91c1c}.es-stat-card{background:#ffffffe6;border-radius:12px;padding:.75rem .9rem;border:1px solid rgba(4,120,87,.14);box-shadow:0 8px 18px #0f172a0f}.es-stat-card h3{margin:.3rem 0 .4rem;font-size:1.35rem;font-family:Space Grotesk,sans-serif;color:var(--es-primary)}.es-stat-card-warning h3{color:#dc2626}.es-stat-label{text-transform:uppercase;font-size:.7rem;letter-spacing:.15rem;color:var(--es-muted);margin:0}.es-stat-note{margin:0;color:var(--es-muted);font-size:.78rem}.es-panel{background:var(--es-surface);border-radius:14px;padding:1.05rem;box-shadow:0 10px 20px #0f172a14;margin-bottom:1.1rem;position:relative;z-index:1}.es-panel-header{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}.es-panel-header h2{margin:0 0 .4rem;font-family:Space Grotesk,sans-serif;font-size:1.3rem}.es-panel-header p{margin:0;color:var(--es-muted);font-size:.9rem}.es-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.6rem}.es-control{display:flex;flex-direction:column;gap:.3rem;font-size:.82rem;color:var(--es-muted)}.es-control input,.es-control select{border:1px solid rgba(4,120,87,.2);border-radius:10px;padding:.5rem .7rem;font-size:.85rem;font-family:inherit;background:#f9fafb;color:var(--es-ink);transition:border-color .2s ease,box-shadow .2s ease}.es-control input:focus,.es-control select:focus{outline:none;border-color:var(--es-primary);box-shadow:0 0 0 3px #0478571f}.es-list{background:var(--es-surface);border-radius:14px;padding:.9rem;box-shadow:0 12px 26px #0f172a14;display:grid;gap:.6rem}.es-list-header,.es-list-row{display:grid;grid-template-columns:1.4fr 1.2fr .9fr .8fr .8fr .9fr;gap:.75rem;align-items:center}.es-list-header{font-size:.68rem;text-transform:uppercase;letter-spacing:.16rem;color:var(--es-muted);padding-bottom:.5rem;border-bottom:1px solid rgba(4,120,87,.12)}.es-list-row{padding:.65rem;border-radius:10px;border:1px solid transparent;background:#fbfcfd;transition:border-color .2s ease,transform .2s ease}.es-list-row:hover{border-color:#04785733;transform:translateY(-2px)}.es-student{display:flex;gap:.7rem;align-items:center}.es-avatar{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;font-weight:700;font-size:.75rem;color:#fff;background:linear-gradient(135deg,var(--es-primary),var(--es-accent));flex-shrink:0}.es-avatar-img{width:100%;height:100%;border-radius:inherit;object-fit:cover;display:block}.es-name{margin:0;font-weight:600;font-size:.9rem}.es-sub{margin:.15rem 0 0;font-size:.78rem;color:var(--es-muted)}.es-id{font-size:.7rem;letter-spacing:.06rem}.es-course-title{margin:0;font-weight:600;font-size:.88rem;color:var(--es-ink)}.es-field{display:flex;flex-direction:column;gap:.15rem}.es-label{font-size:.68rem;color:var(--es-muted);text-transform:uppercase;letter-spacing:.1rem;margin:0}.es-progress{width:100%;height:6px;border-radius:999px;background:#0478571f;overflow:hidden}.es-progress-bar{height:100%;background:linear-gradient(90deg,var(--es-primary),var(--es-accent));border-radius:999px;transition:width .3s ease}.es-status{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .6rem;border-radius:999px;font-size:.7rem;font-weight:600;text-transform:capitalize}.es-status-active{background:#10b98129;color:var(--es-primary)}.es-status-completed{background:#3b82f626;color:#1d4ed8}.es-status-dropped{background:#ef444426;color:#b91c1c}.es-status-stack{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.es-status-select{border:1px solid rgba(4,120,87,.2);border-radius:999px;padding:.2rem .55rem;font-size:.72rem;background:#f8fafc;color:var(--es-ink)}.es-status-select:focus{outline:none;border-color:var(--es-primary);box-shadow:0 0 0 2px #0478571f}.es-actions{display:flex;flex-direction:column;gap:.3rem;align-items:flex-start}.es-link{background:none;border:none;color:var(--es-primary);font-weight:600;padding:0;cursor:pointer;font-size:.8rem}.es-link:hover{text-decoration:underline}.es-link-primary{color:var(--es-accent)}.es-pagination{display:flex;justify-content:space-between;align-items:center;padding-top:.4rem;border-top:1px solid rgba(4,120,87,.12);color:var(--es-muted);font-size:.82rem}.es-page-actions{display:flex;gap:.4rem}.es-empty-state{text-align:center;padding:3rem 1.5rem;color:var(--es-muted)}.es-empty-icon{font-size:3rem;margin-bottom:1rem}.es-empty-state h3{margin:0 0 .5rem;color:var(--es-ink);font-family:Space Grotesk,sans-serif}.es-empty-state p{margin:0 0 1.2rem;font-size:.9rem}.es-modal-overlay{position:fixed;inset:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:2000}.es-modal{width:min(600px,100%);background:#fff;border-radius:16px;box-shadow:0 24px 40px #0f172a33;overflow:hidden;animation:es-modal-in .3s ease-out}.es-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.2rem 1.4rem;border-bottom:1px solid rgba(4,120,87,.12)}.es-modal-header h2{margin:0 0 .35rem;font-family:Space Grotesk,sans-serif;font-size:1.4rem}.es-modal-header p{margin:0;color:var(--es-muted);font-size:.88rem}.es-modal-close{border:none;background:#f3f4f6;color:var(--es-ink);width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:1.2rem;line-height:1;transition:background .2s ease}.es-modal-close:hover{background:#e5e7eb}.es-modal-form{padding:1.2rem 1.4rem 1.4rem}.es-form-grid{display:grid;gap:1rem}.es-form-field{display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;color:var(--es-muted)}.es-form-field select{border:1px solid rgba(4,120,87,.2);border-radius:10px;padding:.65rem .8rem;font-size:.9rem;font-family:inherit;color:var(--es-ink);background:#f9fafb;transition:border-color .2s ease,box-shadow .2s ease}.es-form-field select:focus{outline:none;border-color:var(--es-primary);box-shadow:0 0 0 2px #0478571f}.es-form-field select:disabled{opacity:.6;cursor:not-allowed}.es-form-hint{margin:.3rem 0 0;font-size:.78rem;color:var(--es-muted);font-style:italic}.es-enrollment-preview{background:linear-gradient(135deg,#04785714,#10b9810f);border:1px solid rgba(4,120,87,.15);border-radius:12px;padding:1rem;margin-top:.5rem}.es-enrollment-preview h4{margin:0 0 .75rem;font-size:.85rem;font-weight:600;color:var(--es-primary);text-transform:uppercase;letter-spacing:.1rem}.es-preview-content{display:grid;gap:.5rem}.es-preview-item{display:flex;gap:.5rem;font-size:.88rem}.es-preview-label{color:var(--es-muted);min-width:80px}.es-modal-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.2rem;padding-top:1rem;border-top:1px solid rgba(4,120,87,.1)}@keyframes es-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes es-modal-in{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:1100px){.enroll-student{padding:1.2rem}.es-hero{grid-template-columns:1fr}.es-hero-stats{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.es-list-header,.es-list-row{grid-template-columns:1fr;gap:.8rem}.es-list-header{display:none}.es-actions{flex-direction:row;flex-wrap:wrap}.es-pagination{flex-direction:column;gap:.8rem}.es-modal{width:min(500px,100%)}.es-hero-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.enroll-student{padding:.9rem}.es-hero-content h1{font-size:1.7rem}.es-hero-actions{flex-direction:column}.es-hero-stats{grid-template-columns:1fr 1fr}.es-pagination{align-items:flex-start}.es-modal{border-radius:12px}.es-modal-header,.es-modal-form{padding:1rem}.es-modal-actions{flex-direction:column-reverse;align-items:stretch}.es-modal-actions .es-btn{width:100%;justify-content:center}}.video-stream{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.course-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;background:#fff;padding:1.25rem;border-radius:8px;box-shadow:0 2px 8px #00000014}.course-info{flex:1}.course-info h1{font-size:1.5rem;color:#2d3748;margin:0 0 .5rem}.instructor{color:#059669;font-size:.85rem;margin:0 0 .5rem;font-weight:500}.description{color:#718096;line-height:1.5;font-size:.85rem;margin:0}.course-progress-card{background:linear-gradient(135deg,#047857,#10b981);padding:1rem;border-radius:8px;color:#fff;text-align:center;min-width:160px}.course-progress-card h3{margin:0 0 .75rem;font-size:.95rem;font-weight:600}.circular-progress{position:relative;width:90px;height:90px;margin:0 auto .75rem}.circular-progress svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.4rem;font-weight:700}.progress-detail{margin:0;font-size:.75rem;opacity:.95}.video-container{display:grid;grid-template-columns:1fr 350px;gap:1rem}.video-player-section{display:flex;flex-direction:column;gap:1rem}.video-player{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.video-screen{position:relative;width:100%;padding-top:56.25%;background:#000}.video-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a202c,#2d3748)}.video-thumbnail{font-size:8rem;opacity:.3}.play-button{position:absolute;width:80px;height:80px;border-radius:50%;background:#059669f2;border:none;cursor:pointer;font-size:2rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 20px #05966980}.play-button:hover{transform:scale(1.1);background:#047857}.video-controls{padding:1rem;background:#f7fafc}.progress-bar-container{margin-bottom:1rem}.progress-bar{width:100%;height:6px;background:#e2e8f0;border-radius:3px;cursor:pointer;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#059669,#10b981);border-radius:3px;transition:width .1s ease}.controls-row{display:flex;align-items:center;gap:1rem}.control-btn{background:transparent;border:none;color:#4a5568;cursor:pointer;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:500;transition:all .2s ease}.control-btn:hover{background:#e2e8f0;color:#2d3748}.time{color:#718096;font-size:.9rem;margin-left:auto}.control-buttons{display:flex;gap:.5rem}.no-video-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;background:linear-gradient(135deg,#f7fafc,#e2e8f0)}.no-video-icon{font-size:4rem;margin-bottom:.75rem;opacity:.5}.no-video-selected h2{color:#2d3748;margin:0 0 .5rem;font-size:1.25rem}.no-video-selected p{color:#718096;margin:0;font-size:.85rem}.video-details{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 8px #00000014}.video-title-section{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.video-title-section h2{color:#2d3748;margin:0;font-size:1.15rem;flex:1}.mark-complete-btn{background:#fff;border:2px solid #059669;color:#059669;padding:.4rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;font-size:.8rem;transition:all .3s ease;white-space:nowrap}.mark-complete-btn:hover{background:#059669;color:#fff}.mark-complete-btn.completed{background:#10b981;border-color:#10b981;color:#fff}.video-meta{display:flex;gap:1rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #f7fafc}.video-meta span{color:#718096;font-size:.75rem}.video-description h3{color:#2d3748;font-size:.95rem;margin:0 0 .5rem}.video-description p{color:#4a5568;line-height:1.5;font-size:.85rem;margin:0}.video-tabs{margin-top:1rem;padding-top:1rem;border-top:1px solid #f7fafc}.tab-buttons{display:flex;gap:.4rem;margin-bottom:.75rem}.tab-btn{background:transparent;border:none;padding:.5rem .9rem;border-radius:6px;cursor:pointer;color:#718096;font-weight:500;font-size:.8rem;transition:all .2s ease}.tab-btn:hover{background:#f7fafc;color:#4a5568}.tab-btn.active{background:linear-gradient(135deg,#047857,#10b981);color:#fff}.notes-section{display:flex;flex-direction:column;gap:.75rem}.notes-textarea{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:6px;font-family:inherit;font-size:.85rem;resize:vertical;transition:border-color .2s ease}.notes-textarea:focus{outline:none;border-color:#059669}.save-notes-btn{align-self:flex-start;background:linear-gradient(135deg,#047857,#10b981);color:#fff;border:none;padding:.5rem 1.25rem;border-radius:6px;cursor:pointer;font-weight:600;font-size:.8rem;transition:all .3s ease}.save-notes-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #05966966}.playlist-sidebar{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;overflow:hidden;height:fit-content;max-height:calc(100vh - 200px);display:flex;flex-direction:column}.playlist-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:linear-gradient(135deg,#047857,#10b981);color:#fff}.playlist-header h3{margin:0;font-size:.95rem}.video-count{background:#fff3;padding:.2rem .6rem;border-radius:10px;font-size:.75rem;font-weight:600}.playlist{overflow-y:auto;flex:1}.playlist-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f7fafc;position:relative}.playlist-item:hover{background:#f7fafc}.playlist-item.active{background:#d1fae5;border-left:4px solid #059669}.playlist-item.completed{opacity:.7}.playlist-item-number{width:26px;height:26px;border-radius:50%;background:#e2e8f0;color:#4a5568;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem;flex-shrink:0}.playlist-item.active .playlist-item-number{background:linear-gradient(135deg,#047857,#10b981);color:#fff}.playlist-item-thumbnail{width:40px;height:40px;background:linear-gradient(135deg,#f7fafc,#e2e8f0);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.playlist-item-info{flex:1;min-width:0}.playlist-item-info h4{margin:0 0 .2rem;color:#2d3748;font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-item-duration{color:#718096;font-size:.75rem}.completed-badge{width:20px;height:20px;border-radius:50%;background:#10b981;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}@media(max-width:1200px){.video-container{grid-template-columns:1fr 320px}}@media(max-width:1024px){.video-container{grid-template-columns:1fr}.playlist-sidebar{max-height:500px}.course-header{flex-direction:column}.course-progress-card{width:100%}}@media(max-width:768px){.course-info h1{font-size:1.5rem}.video-title-section{flex-direction:column}.mark-complete-btn{width:100%}.video-meta{flex-direction:column;gap:.5rem}.tab-buttons{flex-wrap:wrap}.control-buttons{display:none}.controls-row{justify-content:space-between}}@media(max-width:480px){.course-header,.video-details{padding:1rem}.playlist-item{padding:.75rem 1rem}.playlist-item-thumbnail{width:40px;height:40px;font-size:1.25rem}.circular-progress{width:100px;height:100px}}.lms-player{position:relative;width:100%;overflow:hidden;border-radius:18px;background:#000;box-shadow:0 18px 60px #00000059;border:1px solid rgba(255,255,255,.08)}.lms-video{width:100%;height:100%;display:block;-webkit-user-select:none;user-select:none}.lms-gradient{position:absolute;left:0;right:0;pointer-events:none}.lms-gradient-top{top:0;height:110px;background:linear-gradient(to bottom,#000000b8,#0000)}.lms-gradient-bottom{bottom:0;height:160px;background:linear-gradient(to top,#000000d1,#0000)}.lms-titleWrap{position:absolute;top:12px;left:12px}.lms-titlePill{padding:7px 12px;border-radius:999px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#ffffffeb;font-size:12px;font-weight:600;border:1px solid rgba(255,255,255,.14)}.lms-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:opacity .18s ease}.lms-center.isHidden{opacity:0;pointer-events:none}.lms-bigPlay{border:1px solid rgba(255,255,255,.18);background:#ffffff1a;color:#fff;width:82px;height:82px;border-radius:999px;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .12s ease,background .12s ease}.lms-bigPlay:hover{background:#ffffff24}.lms-bigPlay:active{transform:scale(.98)}.lms-controls{position:absolute;left:0;right:0;bottom:0;z-index:20;padding:10px 12px 12px;transition:opacity .18s ease,transform .18s ease}.lms-controls.isShown{opacity:1;transform:translateY(0);pointer-events:auto}.lms-controls.isHidden{opacity:0;transform:translateY(8px);pointer-events:none}.lms-progress{margin-bottom:10px}.lms-progressTrack{position:relative;height:8px;border-radius:999px;background:#ffffff24;overflow:hidden}.lms-progressBuffered{position:absolute;left:0;top:0;height:8px;border-radius:999px;background:#fff3}.lms-progressPlayed{position:absolute;left:0;top:0;height:8px;border-radius:999px;background:#ffffffeb}.lms-progressInput{position:absolute;inset:0;width:100%;height:8px;opacity:0;cursor:pointer}.lms-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.lms-left,.lms-right{display:flex;align-items:center;gap:8px}.lms-time{min-width:120px;font-size:13px;font-variant-numeric:tabular-nums;color:#ffffffe6}.lms-timeSep{color:#ffffff8c;padding:0 6px}.lms-iconBtn{width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff1a;color:#ffffffeb;cursor:pointer;display:grid;place-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .12s ease,background .12s ease}.lms-iconBtn:hover{background:#ffffff24}.lms-iconBtn:active{transform:scale(.98)}.lms-volume{width:110px;accent-color:#fff}.lms-speed{position:relative}.lms-pillBtn{border:1px solid rgba(255,255,255,.14);background:#ffffff1a;color:#ffffffeb;cursor:pointer;padding:9px 12px;border-radius:12px;font-weight:800;font-size:13px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .12s ease,background .12s ease}.lms-pillBtn:hover{background:#ffffff24}.lms-pillBtn:active{transform:scale(.98)}.lms-menu{position:absolute;right:0;bottom:48px;width:140px;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#0000009e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.lms-menuItem{width:100%;text-align:left;cursor:pointer;border:0;background:transparent;color:#ffffffe6;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;font-weight:600}.lms-menuItem:hover{background:#ffffff1a}.lms-menuItem.isActive{background:#ffffff1a;font-weight:800}.lms-check{font-size:12px;opacity:.9}.lms-hint{margin-top:8px;font-size:12px;color:#ffffff9e}@media(max-width:520px){.lms-time{display:none}.lms-volume{width:90px}}.error-404{min-height:100vh;background:linear-gradient(135deg,#047857,#10b981);display:flex;align-items:center;justify-content:center;padding:1rem;position:relative;overflow:hidden}.error-container{max-width:700px;width:100%;text-align:center;position:relative;z-index:2;animation:fadeInUp .8s ease-out}.error-illustration{margin-bottom:1rem}.number-404{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:6rem;font-weight:900;color:#fff;text-shadow:0 5px 15px rgba(0,0,0,.3)}.four{animation:bounce 2s ease-in-out infinite}.four:first-child{animation-delay:0s}.four:last-child{animation-delay:.2s}.zero{position:relative;display:inline-block;width:90px;height:90px}.magnifying-glass{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:search 3s ease-in-out infinite}.glass-circle{width:70px;height:70px;border:8px solid white;border-radius:50%;box-shadow:0 4px 10px #0003;background:transparent}.glass-handle{width:6px;height:35px;background:#fff;position:absolute;bottom:-28px;right:6px;transform:rotate(45deg);border-radius:3px;box-shadow:0 2px 6px #0003}.error-content{background:#fff;border-radius:12px;padding:1.5rem 1.25rem;box-shadow:0 10px 30px #0000004d;animation:fadeInUp .8s ease-out .2s backwards}.error-content h1{font-size:1.5rem;color:#2d3748;margin-bottom:.5rem;font-weight:800}.error-description{font-size:.9rem;color:#718096;line-height:1.6;margin-bottom:1rem;max-width:500px;margin-left:auto;margin-right:auto}.error-actions{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:.6rem 1.2rem;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.35rem;box-shadow:0 2px 6px #0000001a}.btn-primary{background:linear-gradient(135deg,#047857,#10b981);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 10px #04785766}.btn-secondary{background:#fff;color:#047857;border:1px solid #047857}.btn-secondary:hover{background:#f7fafc;transform:translateY(-2px);box-shadow:0 4px 10px #04785733}.btn-icon{font-size:1rem}.helpful-links{border-top:1px solid #e2e8f0;padding-top:1rem}.helpful-links h3{font-size:.95rem;color:#2d3748;margin-bottom:.75rem;font-weight:600}.links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem}.link-card{background:#f7fafc;border-radius:8px;padding:.75rem;display:flex;align-items:center;gap:.6rem;text-decoration:none;transition:all .3s ease;border:1px solid transparent}.link-card:hover{background:#fff;border-color:#10b981;transform:translateY(-2px);box-shadow:0 4px 8px #10b98126}.link-icon{font-size:1.5rem;flex-shrink:0}.link-info{text-align:left}.link-info h4{font-size:.85rem;color:#2d3748;margin:0 0 .15rem;font-weight:700}.link-info p{font-size:.7rem;color:#718096;margin:0}.floating-shapes{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:1}.shape{position:absolute;border-radius:50%;opacity:.1;background:#fff}.shape-1{width:200px;height:200px;top:10%;left:5%;animation:float 6s ease-in-out infinite}.shape-2{width:150px;height:150px;top:60%;right:10%;animation:float 8s ease-in-out infinite}.shape-3{width:100px;height:100px;top:30%;right:15%;animation:float 7s ease-in-out infinite}.shape-4{width:120px;height:120px;bottom:15%;left:10%;animation:float 9s ease-in-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes search{0%,to{transform:translate(-50%,-50%) rotate(0)}25%{transform:translate(-45%,-55%) rotate(-10deg)}75%{transform:translate(-55%,-45%) rotate(10deg)}}@keyframes float{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-20px) translate(10px)}50%{transform:translateY(-40px) translate(-10px)}75%{transform:translateY(-20px) translate(5px)}}@media(max-width:768px){.error-404{padding:1.5rem}.number-404{font-size:6rem;gap:.5rem}.zero{width:90px;height:90px}.glass-circle{width:70px;height:70px;border-width:8px}.glass-handle{width:6px;height:35px;bottom:-28px;right:5px}.error-content{padding:2rem 1.5rem}.error-content h1{font-size:1.8rem}.error-description{font-size:1rem}.error-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%;justify-content:center}.links-grid{grid-template-columns:1fr}.shape-1,.shape-2,.shape-3,.shape-4{display:none}}@media(max-width:480px){.number-404{font-size:4.5rem}.zero{width:70px;height:70px}.glass-circle{width:55px;height:55px;border-width:6px}.glass-handle{width:5px;height:28px;bottom:-22px}.error-content h1{font-size:1.5rem}.error-description{font-size:.95rem}.helpful-links h3{font-size:1rem}.link-card{padding:1rem}.link-icon{font-size:1.5rem}.link-info h4{font-size:.9rem}.link-info p{font-size:.8rem}}@media(prefers-color-scheme:dark){.error-404{background:linear-gradient(135deg,#065f46,#059669)}}.ce-list-page{display:flex;flex-direction:column;gap:1.5rem}.ce-list-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;background:linear-gradient(135deg,#14532d,#16a34a);color:#f8fafc;padding:1.4rem 1.6rem;border-radius:14px}.ce-list-header h1{font-size:1.6rem;margin-bottom:.35rem}.ce-list-header p{opacity:.95;max-width:720px}.ce-exam-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.ce-exam-card{display:flex;flex-direction:column;gap:.75rem;background:#fff;border-radius:12px;border:1px solid #d1d5db;padding:1rem;box-shadow:0 6px 22px #0f172a14}.ce-exam-card h3{font-size:1.1rem;color:#111827}.ce-exam-card p{color:#4b5563;font-size:.94rem}.ce-exam-code{display:inline-flex;align-items:center;width:fit-content;padding:.2rem .6rem;border-radius:999px;background:#dcfce7;color:#14532d;font-size:.8rem;font-weight:700}.ce-exam-meta{display:flex;flex-wrap:wrap;gap:.45rem}.ce-exam-meta span{padding:.25rem .5rem;border-radius:8px;background:#f3f4f6;color:#1f2937;font-size:.8rem}@media(max-width:768px){.ce-list-header{flex-direction:column}.ce-primary-btn{width:100%}}.ce-primary-btn,.ce-secondary-btn,.ce-muted-btn,.ce-link-btn,.ce-btn-muted,.ce-btn-danger{border:none;cursor:pointer;border-radius:8px;padding:.6rem .9rem;font-weight:600;font-size:.9rem}.ce-primary-btn{background:#f8fafc;color:#14532d}.ce-secondary-btn{background:linear-gradient(135deg,#047857,#10b981);color:#fff}.ce-muted-btn,.ce-btn-muted{background:#e5e7eb;color:#111827}.ce-link-btn{background:transparent;color:#0369a1;padding:.2rem 0;text-decoration:underline;font-weight:600}.ce-btn-danger{background:#b91c1c;color:#fff}.ce-state-card{padding:1rem;border-radius:10px;background:#fff;border:1px solid #d1d5db}.ce-detail-page{display:flex;flex-direction:column;gap:1.5rem}.ce-detail-header{background:#fff;border:1px solid #d1d5db;border-radius:12px;padding:1rem 1.2rem}.ce-detail-header h1{margin:.4rem 0;color:#0f172a;font-size:1.35rem}.ce-detail-header p{color:#374151}.ce-stage-section h2,.ce-tests-section h2{margin-bottom:.8rem;color:#0f172a}.ce-stage-grid,.ce-tests-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.ce-stage-card,.ce-test-card{background:#fff;border:1px solid #d1d5db;border-radius:12px;padding:.9rem;display:flex;flex-direction:column;gap:.7rem}.ce-stage-title{display:flex;justify-content:space-between;align-items:center}.ce-stage-title span{font-size:.75rem;color:#4b5563;background:#f3f4f6;border-radius:999px;padding:.2rem .5rem}.ce-stage-meta{display:flex;flex-wrap:wrap;gap:.45rem}.ce-stage-meta span{font-size:.82rem;background:#ecfdf5;color:#065f46;padding:.2rem .45rem;border-radius:8px}.ce-session-list{background:#f8fafc;border-radius:8px;padding:.5rem}.ce-session-list p{font-size:.85rem;color:#1f2937}.ce-section-table{display:flex;flex-direction:column;gap:.45rem}.ce-section-row{display:grid;gap:.25rem;padding:.45rem;border-radius:8px;border:1px solid #e5e7eb}.ce-section-row strong{color:#111827}.ce-section-row span{font-size:.82rem;color:#4b5563}.ce-test-card h3{color:#111827;margin-bottom:.2rem}.ce-test-card p{font-size:.88rem;color:#374151}.ce-test-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.25rem}.ce-instruction-page{display:flex;flex-direction:column;gap:1rem}.ce-instruction-header{background:#fff;border:1px solid #d1d5db;border-radius:12px;padding:1rem 1.2rem}.ce-instruction-header h1{margin:.3rem 0;color:#111827}.ce-instruction-header p{color:#4b5563;font-size:.9rem}.ce-instruction-card{background:#fff;border:1px solid #d1d5db;border-radius:12px;padding:1rem}.ce-instruction-card h2{margin-bottom:.75rem;font-size:1.05rem;color:#0f172a}.ce-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.7rem}.ce-summary-grid div{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:.6rem;display:flex;flex-direction:column;gap:.2rem}.ce-summary-grid span{font-size:.78rem;color:#4b5563}.ce-summary-grid strong{color:#0f172a}.ce-rule-list{padding-left:1.1rem;color:#374151}.ce-rule-list li{margin-bottom:.45rem}.ce-section-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.ce-section-breakdown article{border:1px solid #e5e7eb;border-radius:8px;padding:.65rem;background:#f9fafb}.ce-section-breakdown h3{margin-bottom:.3rem;color:#111827;font-size:.96rem}.ce-section-breakdown p{color:#4b5563;font-size:.86rem;margin-bottom:.25rem}.ce-instruction-actions{display:flex;flex-direction:column;gap:.6rem}.ce-resume-note{color:#065f46;font-size:.88rem}.ce-attempt-page{display:flex;flex-direction:column;gap:1rem}.ce-attempt-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:#fff;border-radius:12px;border:1px solid #d1d5db;padding:.9rem 1rem}.ce-attempt-header h1{font-size:1.2rem;color:#111827;margin-bottom:.2rem}.ce-attempt-header p{color:#4b5563;font-size:.88rem}.ce-attempt-header-actions{display:flex;align-items:center;gap:.6rem}.ce-autosave{font-size:.83rem;color:#065f46;font-weight:600}.ce-autosave.saving{color:#b45309}.ce-timer-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.ce-timer{border:1px solid #d1d5db;border-radius:10px;background:#fff;padding:.7rem .8rem;display:flex;flex-direction:column;gap:.35rem}.ce-timer-label{font-size:.78rem;color:#4b5563}.ce-timer-value{font-size:1.08rem;color:#0f172a;font-weight:700}.ce-timer.is-danger{border-color:#dc2626;background:#fef2f2}.ce-timer.is-danger .ce-timer-value{color:#b91c1c}.ce-session-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.ce-session-tabs button{border:1px solid #d1d5db;background:#fff;border-radius:9px;padding:.5rem .75rem;cursor:pointer;display:flex;flex-direction:column;gap:.15rem;color:#111827}.ce-session-tabs button small{font-size:.72rem;color:#4b5563}.ce-session-tabs button.active{border-color:#047857;background:#ecfdf5}.ce-session-tabs button:disabled{cursor:not-allowed;opacity:.55}.ce-attempt-layout{display:grid;grid-template-columns:260px 1fr;gap:1rem}.ce-attempt-sidebar{background:#fff;border:1px solid #d1d5db;border-radius:12px;padding:.85rem}.ce-palette-container h3{color:#111827;font-size:1rem;margin-bottom:.6rem}.ce-palette-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem}.ce-palette-item{border:1px solid #cbd5e1;border-radius:8px;min-height:34px;font-size:.82rem;cursor:pointer;background:#fff}.ce-palette-item.is-active{outline:2px solid #0ea5e9}.ce-palette-item.not_visited{background:#fff}.ce-palette-item.visited{background:#e0f2fe;border-color:#7dd3fc}.ce-palette-item.answered{background:#dcfce7;border-color:#4ade80}.ce-palette-item.marked{background:#fef3c7;border-color:#f59e0b}.ce-palette-item.answered_marked{background:#fef9c3;border-color:#eab308}.ce-palette-legend{display:flex;flex-direction:column;gap:.3rem;margin-top:.8rem}.ce-palette-legend span{display:flex;align-items:center;gap:.35rem;font-size:.76rem;color:#374151}.ce-palette-legend i{width:14px;height:14px;border-radius:4px;border:1px solid #cbd5e1}.ce-palette-legend i.not_visited{background:#fff}.ce-palette-legend i.visited{background:#e0f2fe}.ce-palette-legend i.answered{background:#dcfce7}.ce-palette-legend i.marked{background:#fef3c7}.ce-palette-legend i.answered_marked{background:#fef9c3}.ce-question-panel{background:#fff;border:1px solid #d1d5db;border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:1rem}.ce-question-head{display:flex;justify-content:space-between;align-items:center;gap:.7rem;border-bottom:1px solid #e5e7eb;padding-bottom:.6rem}.ce-question-head h2{color:#111827;font-size:1.03rem}.ce-question-tags{display:flex;gap:.45rem}.ce-question-tags span{font-size:.75rem;padding:.2rem .5rem;border-radius:999px;background:#eef2ff;color:#4338ca}.ce-question-renderer{display:flex;flex-direction:column;gap:.9rem}.ce-question-stem{color:#111827;font-size:.95rem;line-height:1.5;background:#f9fafb;padding:.8rem;border-radius:8px;border:1px solid #e5e7eb}.ce-options-list{display:flex;flex-direction:column;gap:.55rem}.ce-option-item{display:flex;align-items:center;gap:.55rem;padding:.6rem;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer}.ce-option-item input{accent-color:#047857}.ce-option-item span{color:#1f2937;font-size:.9rem}.ce-numeric-wrap input{width:100%;border:1px solid #d1d5db;border-radius:8px;padding:.6rem;font-size:.95rem}.ce-question-actions,.ce-navigation-actions{display:flex;flex-wrap:wrap;gap:.55rem}.ce-navigation-actions{border-top:1px solid #e5e7eb;padding-top:.75rem}.ce-modal-overlay{position:fixed;inset:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;z-index:1400;padding:1rem}.ce-modal-card{width:min(540px,100%);background:#fff;border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.8rem}.ce-modal-card h3{color:#0f172a}.ce-modal-card p{color:#4b5563;font-size:.9rem}.ce-submit-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.55rem}.ce-submit-stats div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:.55rem;display:flex;flex-direction:column;gap:.2rem}.ce-submit-stats span{font-size:.78rem;color:#4b5563}.ce-submit-stats strong{color:#111827}.ce-modal-actions{display:flex;justify-content:flex-end;gap:.55rem}.ce-attempt-footnote{display:flex;justify-content:space-between;gap:.6rem;flex-wrap:wrap;font-size:.8rem;color:#4b5563}@media(max-width:992px){.ce-attempt-layout{grid-template-columns:1fr}}.ce-result-page{display:flex;flex-direction:column;gap:1rem}.ce-result-header{background:#fff;border:1px solid #d1d5db;border-radius:12px;padding:1rem;display:flex;justify-content:space-between;align-items:center;gap:.8rem}.ce-result-header h1{color:#111827;margin-bottom:.25rem}.ce-result-header p{color:#4b5563;font-size:.88rem}.ce-score-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.65rem}.ce-score-grid article{background:#fff;border:1px solid #d1d5db;border-radius:10px;padding:.65rem;display:flex;flex-direction:column;gap:.25rem}.ce-score-grid span{color:#4b5563;font-size:.78rem}.ce-score-grid strong{color:#0f172a;font-size:1.05rem}.ce-breakdown-card,.ce-answer-summary{background:#fff;border:1px solid #d1d5db;border-radius:12px;padding:1rem}.ce-breakdown-card h2,.ce-answer-summary h2{margin-bottom:.75rem;color:#111827;font-size:1.03rem}.ce-breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.7rem}.ce-breakdown-grid article{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:.6rem;display:flex;flex-direction:column;gap:.25rem}.ce-breakdown-grid h3{color:#111827;font-size:.92rem}.ce-breakdown-grid p{color:#374151;font-size:.84rem}.ce-answer-list{display:flex;flex-direction:column;gap:.55rem}.ce-answer-row{border:1px solid #d1d5db;border-left-width:4px;border-radius:8px;padding:.65rem;display:flex;flex-direction:column;gap:.35rem}.ce-answer-row.correct{border-left-color:#16a34a;background:#f0fdf4}.ce-answer-row.incorrect{border-left-color:#dc2626;background:#fef2f2}.ce-answer-row.not_attempted{border-left-color:#6b7280;background:#f9fafb}.ce-answer-head{display:flex;justify-content:space-between;align-items:center}.ce-answer-head h3{font-size:.9rem;color:#111827}.ce-answer-head span{font-size:.78rem;color:#374151;background:#e5e7eb;border-radius:999px;padding:.15rem .45rem}.ce-answer-row p{font-size:.86rem;color:#374151}.ce-result-pending{display:flex;flex-direction:column;gap:.65rem}@media(max-width:768px){.ce-result-header{flex-direction:column;align-items:flex-start}}.ce-admin-page{display:flex;flex-direction:column;gap:1rem}.ce-admin-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem;border:1px solid #d1d5db;border-radius:12px;background:#fff;padding:1rem}.ce-admin-header h1{color:#0f172a;margin-bottom:.3rem}.ce-admin-header p{color:#4b5563}.ce-admin-tabs{display:flex;gap:.45rem;flex-wrap:wrap}.ce-admin-tabs button{border:1px solid #d1d5db;border-radius:999px;padding:.45rem .8rem;cursor:pointer;background:#fff;color:#111827;font-weight:600;font-size:.82rem}.ce-admin-tabs button.active{background:#047857;color:#fff;border-color:#047857}.ce-admin-section{display:grid;grid-template-columns:1.05fr 1fr;gap:1rem}.ce-admin-list,.ce-admin-form{border:1px solid #d1d5db;border-radius:12px;background:#fff;padding:.9rem;display:flex;flex-direction:column;gap:.65rem}.ce-admin-list h2,.ce-admin-form h2{color:#111827;font-size:1rem}.ce-admin-list article{display:flex;justify-content:space-between;gap:.7rem;border:1px solid #e5e7eb;border-radius:9px;padding:.6rem}.ce-admin-list strong{color:#0f172a;font-size:.9rem}.ce-admin-list p{color:#374151;font-size:.83rem;margin:.2rem 0}.ce-admin-list small{color:#6b7280;font-size:.74rem}.ce-admin-form label{color:#374151;font-size:.8rem;font-weight:600}.ce-admin-form input,.ce-admin-form textarea,.ce-admin-form select{border:1px solid #d1d5db;border-radius:8px;padding:.55rem;font-size:.88rem}.ce-checkbox{display:flex;align-items:center;gap:.45rem}.ce-checkbox input{width:auto}.ce-form-actions{display:flex;flex-wrap:wrap;gap:.55rem}.ce-question-bank-list{max-height:480px;overflow:auto;display:flex;flex-direction:column;gap:.45rem}.ce-import-export-card{border:1px dashed #94a3b8;border-radius:10px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;background:#f8fafc}.ce-import-export-card h3{color:#0f172a;font-size:.9rem}.ce-import-export-card p{color:#4b5563;font-size:.82rem}@media(max-width:992px){.ce-admin-section{grid-template-columns:1fr}.ce-admin-header{flex-direction:column}}.question-page{--q-bg: #f5f7fa;--q-surface: #ffffff;--q-border: #d6e5dc;--q-border-strong: #bdd6c9;--q-text: #1f2937;--q-muted: #64748b;--q-primary: #10b981;--q-primary-dark: #047857;--q-primary-soft: #ecfdf5;--q-danger: #dc2626;--q-danger-soft: #fee2e2;min-height:100%;padding:24px;color:var(--q-text);animation:question-fade-in .35s ease-out}@keyframes question-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.question-page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.question-page-title h1{margin:0;font-size:clamp(1.8rem,2.6vw,2.45rem);line-height:1.2;color:#2d3748}.question-page-title p{margin:7px 0 0;color:#718096;font-size:1rem}.question-header-actions{display:flex;gap:8px;flex-wrap:wrap}.question-overview{margin-top:14px;margin-bottom:16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.question-stat-card{border:1px solid var(--q-border);background:var(--q-surface);border-radius:12px;padding:11px 12px;box-shadow:0 8px 18px #0f172a0a;display:grid;gap:4px}.question-stat-card strong{color:#14532d;font-size:1.2rem;line-height:1.2}.question-stat-card small{color:var(--q-muted);font-size:12px}.question-stat-label{color:#64748b;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.question-stat-wide{background:linear-gradient(135deg,#f0fdf4,#ecfdf5)}.question-layout{display:grid;grid-template-columns:minmax(560px,1.2fr) minmax(360px,.85fr);gap:16px;align-items:start}.question-card{border:1px solid var(--q-border);border-radius:14px;background:var(--q-surface);padding:16px;box-shadow:0 10px 22px #0f172a0d}.question-card-header{margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #e9f1ec}.question-card-header h2{margin:0;font-size:1.25rem;color:#1f2937}.question-card-header p{margin:6px 0 0;color:var(--q-muted);font-size:14px}.question-form{display:grid;gap:12px}.question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.question-field{display:grid;gap:6px}.question-field-full{grid-column:1 / -1}.question-field label{font-size:13px;font-weight:700;color:#334155}.question-field input,.question-field select,.question-field textarea{width:100%;border:1px solid #cfe1d5;border-radius:10px;padding:10px 11px;font-size:14px;color:var(--q-text);background:#fff;box-sizing:border-box}.question-field textarea{resize:vertical;min-height:90px}.question-field input:focus,.question-field select:focus,.question-field textarea:focus{border-color:#34d399;outline:none;box-shadow:0 0 0 3px #10b98129}.question-field input[type=file]{padding:9px;background:#f8fffb}.question-inline-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.question-options{display:grid;gap:8px}.question-option-row{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center}.question-option-label{display:inline-flex;align-items:center;justify-content:center;width:30px;height:34px;border-radius:8px;border:1px solid #bbf7d0;background:#f0fdf4;color:#14532d;font-size:12px;font-weight:700}.question-answer-list{display:grid;gap:8px}.question-answer-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #e4efe8;border-radius:10px;background:#f8fffb;font-size:14px;color:#334155}.question-answer-item input{width:16px;height:16px}.question-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:2px}.question-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:10px;padding:9px 13px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease}.question-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.question-btn-primary{color:#fff;background:linear-gradient(135deg,#047857,#10b981);box-shadow:0 8px 18px #10b98147}.question-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px #10b98157}.question-btn-secondary{color:#14532d;background:#f0fdf4;border-color:#bbf7d0}.question-btn-secondary:hover:not(:disabled){background:#dcfce7}.question-link-btn,.question-remove-btn{border:1px solid #bbf7d0;border-radius:8px;background:#f8fffb;color:#14532d;padding:7px 10px;cursor:pointer;font-size:12px;font-weight:700;transition:all .2s ease}.question-link-btn:hover{background:#ecfdf5}.question-remove-btn{border-color:#fecaca;color:var(--q-danger);background:#fff8f8}.question-remove-btn:hover{background:var(--q-danger-soft)}.question-list-card{display:flex;flex-direction:column;gap:10px}.question-toolbar{display:grid;gap:10px}.question-type-filter{display:flex;gap:8px;flex-wrap:wrap}.question-type-filter button{border:1px solid #cfe1d5;border-radius:999px;background:#fff;color:#475569;font-size:12px;font-weight:700;padding:6px 11px;cursor:pointer;transition:all .2s ease}.question-type-filter button:hover{border-color:#86efac;background:#f8fffb;color:#14532d}.question-type-filter button.is-active{border-color:#86efac;background:#ecfdf5;color:#047857}.question-list{display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 330px);overflow:auto;padding-right:4px}.question-empty-state{border:1px dashed #cfe1d5;border-radius:10px;padding:18px 12px;text-align:center;color:var(--q-muted)}.question-item{border:1px solid #e4efe8;border-radius:12px;background:#fff;padding:12px;display:grid;gap:9px;transition:all .2s ease}.question-item:hover{border-color:var(--q-border-strong);background:#f8fffb}.question-item-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.question-item-top h3{margin:0;font-size:14px;color:#0f172a}.question-chip{border:1px solid #86efac;border-radius:999px;background:#ecfdf5;color:#047857;font-size:11px;font-weight:700;padding:4px 8px}.question-item-stem{margin:0;color:#334155;font-size:14px;line-height:1.45}.question-meta{display:flex;flex-wrap:wrap;gap:6px}.question-meta span{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;border:1px solid #d8e8dd;background:#f8fffb;color:#475569;font-size:11px;font-weight:600}.question-answer-preview{margin:0;color:#1f2937;font-size:13px}.question-tags{display:flex;flex-wrap:wrap;gap:6px}.question-tags span{border:1px solid #d8e8dd;border-radius:999px;background:#fff;color:#14532d;padding:4px 9px;font-size:11px;font-weight:700}.question-item-actions{display:flex;justify-content:flex-end}.question-error{margin:0;font-size:12px;font-weight:600;color:var(--q-danger)}.question-help{margin-top:1px;color:var(--q-muted);font-size:12px}.question-image-preview{width:100%;max-width:280px;border:1px solid #d6e5dc;border-radius:10px;object-fit:cover;background:#f8fffb}@media(max-width:1200px){.question-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.question-layout{grid-template-columns:1fr}.question-list{max-height:none}}@media(max-width:900px){.question-page{padding:16px}.question-page-header{align-items:flex-start}.question-grid{grid-template-columns:1fr}.question-actions{flex-direction:column-reverse;align-items:stretch}.question-btn{width:100%}}@media(max-width:640px){.question-overview{grid-template-columns:1fr}.question-card{padding:14px}.question-option-row{grid-template-columns:1fr}.question-option-label{width:100%;justify-content:flex-start;padding-left:10px}}