:root{--brand-primary:#1565c0;--brand-primary-dark:#0d47a1;--brand-primary-deep:#08397d;--brand-primary-rgb:21,101,192;--brand-accent:#c85a2b;--brand-accent-dark:#a8471f;--color-btn-primary:var(--brand-primary);--color-btn-primary-hover:var(--brand-primary-dark);--color-input-focus:var(--brand-primary);--color-input-focus-shadow:rgba(var(--brand-primary-rgb),0.15);--color-nav-active-bg:rgba(var(--brand-primary-rgb),0.25);--color-nav-active-bar:var(--brand-primary);--gradient-nav:linear-gradient(135deg,var(--brand-primary-dark) 0%,var(--brand-primary-deep) 100%);--gradient-login:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%);--gradient-progress:linear-gradient(90deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{margin:0 auto;max-width:1400px;padding:20px;width:100%}.toast-container{display:flex;flex-direction:column;gap:.6rem;max-width:360px;position:fixed;right:1.2rem;top:1.2rem;width:100%;z-index:9999}.toast{align-items:flex-start;animation:toastIn .3s ease;background:#fff;border-left:5px solid;border-radius:10px;box-shadow:0 4px 20px #0000002e;display:flex;font-size:.92rem;gap:.6rem;line-height:1.4;padding:.85rem 1rem}@keyframes toastIn{0%{opacity:0;transform:translateX(60px)}to{opacity:1;transform:translateX(0)}}.toast-success{border-color:#22c55e}.toast-error{border-color:#ef4444}.toast-warning{border-color:#f59e0b}.toast-info{border-color:#3b82f6}.toast-icon{flex-shrink:0;font-size:1.1rem;margin-top:1px}.toast-msg{color:#1f2937;flex:1 1;font-weight:500}.toast-close{background:none;border:none;color:#9ca3af;cursor:pointer;flex-shrink:0;font-size:1.2rem;line-height:1;margin-top:-2px;padding:0}.toast-close:hover{color:#374151}.login-container{align-items:center;background:var(--gradient-login);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-width:400px;padding:40px;width:100%}.login-card h2{color:#333;margin-bottom:10px;text-align:center}.login-subtitle{color:#666;margin-bottom:30px;text-align:center}.alert{border-radius:4px;margin-bottom:20px;padding:12px}.alert-danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.btn-block{margin-top:10px;width:100%}.login-footer{display:flex;font-size:14px;gap:10px;justify-content:center;margin-top:20px;text-align:center}.login-footer a{color:var(--brand-primary);text-decoration:none}.login-footer a:hover{text-decoration:underline}.header{background:#287bae;border-bottom:3px solid #ffffff40;color:#fff;flex-shrink:0;height:60px;overflow:visible;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:1100}.header-container{align-items:center;display:flex;gap:1rem;height:100%;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 20px}.header-logo{color:#fff;flex-shrink:0;text-decoration:none}.header-logo h1{font-size:1.5rem;font-weight:700;margin:0}.mobile-menu-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:1.5rem;padding:.5rem}.header-nav{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:2rem}.nav-section{display:flex;flex-direction:column;gap:.5rem;padding:.5rem 0}.nav-section-title{color:#95a5a6;font-size:.75rem;letter-spacing:.5px;margin-bottom:.25rem}.nav-link{border-radius:6px;color:#fff;font-size:.95rem;gap:.5rem;padding:.5rem 1rem;white-space:nowrap}.nav-link:hover{background-color:#ffffff26;transform:translateY(-2px)}.header-user{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.header-user,.user-name{overflow:hidden;white-space:nowrap}.user-name{font-size:.95rem;font-weight:600;max-width:180px;text-overflow:ellipsis}.user-role{color:#ffffffb3;font-size:.85rem;font-weight:500;white-space:nowrap}.btn-sm{font-size:.875rem;padding:.5rem 1rem;white-space:nowrap}@media (max-width:1200px){.header-nav{gap:1.5rem}.nav-link{font-size:.9rem;padding:.4rem .8rem}}@media (max-width:968px){.mobile-menu-toggle{display:block}.header-nav{align-items:flex-start;background:var(--gradient-nav);box-shadow:0 4px 8px #0003;flex-direction:column;left:0;max-height:0;overflow:hidden;padding:1rem;position:fixed;right:0;top:70px;transition:max-height .3s ease}.header-nav.mobile-open{max-height:600px}.nav-section{border-bottom:1px solid #ffffff1a;padding:1rem 0;width:100%}.nav-section:last-child{border-bottom:none}.nav-link{width:100%}.header-user{flex-wrap:nowrap;gap:.5rem}.header-user .nav-link{display:none}.user-name,.user-role{font-size:.85rem}}@media (max-width:576px){.header-container{gap:1rem}.header-logo h1{font-size:1.2rem}.header-user{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:.5rem}.user-name,.user-role{display:none}}.sidebar-hamburger{align-items:center;background:#ffffff26;border:none;border-radius:8px;color:#fff;cursor:pointer;display:none;flex-shrink:0;font-size:20px;height:38px;justify-content:center;transition:background .2s;width:38px}.sidebar-hamburger:hover{background:#ffffff40}@media (max-width:768px){.sidebar-hamburger{display:flex}}.sidebar{background:var(--gradient-nav);box-shadow:2px 0 10px #00000026;height:calc(100vh - 60px);left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:60px;transition:transform .3s ease,width .3s ease;width:250px;z-index:900}.sidebar.collapsed{width:60px}.sidebar-toggle{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;position:absolute;right:10px;top:10px;transition:background .3s ease;width:36px}.sidebar-toggle:hover{background:#fff3}.sidebar-nav{padding:60px 0 20px}.nav-section{margin-bottom:25px;padding:0 15px}.nav-section-title{color:#fff9;display:block;font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:10px;padding-left:10px;text-transform:uppercase;transition:opacity .3s ease}.sidebar.collapsed .nav-section-title{opacity:0;pointer-events:none}.nav-link{align-items:center;border-radius:8px;color:#ffffffe6;display:flex;margin-bottom:5px;padding:12px 10px;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#ffffff1a;color:#fff;transform:translateX(5px)}.nav-link.active{background:var(--color-nav-active-bg);color:#fff;font-weight:500}.nav-link.active:before{background:var(--color-nav-active-bar);border-radius:0 4px 4px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.nav-icon{font-size:20px;margin-right:12px;min-width:20px;text-align:center;transition:margin .3s ease}.sidebar.collapsed .nav-icon{margin-right:0}.nav-text{transition:opacity .3s ease;white-space:nowrap}.sidebar.collapsed .nav-text{opacity:0;pointer-events:none}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#0000001a}.sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:768px){.sidebar{transform:translateX(-100%);width:250px}.sidebar.mobile-open{transform:translateX(0);width:250px}.sidebar.collapsed .nav-section-title,.sidebar.collapsed .nav-text{opacity:1;pointer-events:auto}.sidebar.collapsed .nav-icon{margin-right:12px}.sidebar-toggle--desktop{display:none}}.sidebar-overlay{display:none}@media (max-width:768px){.sidebar-overlay{background:#0006;display:block;inset:0;position:fixed;z-index:899}}.layout{display:flex;flex-direction:column;min-height:100vh}.layout,.layout--public{background:#f5f5f5}.layout-container{background:#0000;display:flex;flex:1 1;position:relative}.main-content{flex:1 1;margin-left:250px;min-height:calc(100vh - 140px);padding:2rem;transition:margin-left .3s ease}.main-content--full{margin-left:0;max-width:100%;padding:0;width:100%}.sidebar.collapsed~.main-content{margin-left:60px}.footer{background:var(--gradient-nav);color:#fff;margin-top:auto;padding:1.5rem 0;text-align:center;width:100%}.footer p{font-size:.875rem;margin:0}@media (max-width:768px){.main-content{margin-left:0;padding:1rem}.sidebar.collapsed~.main-content{margin-left:0}}.dashboard-header{margin-bottom:3rem;text-align:center}.dashboard-header h1{color:#333;font-size:2rem;margin-bottom:.5rem}.dashboard-subtitle{color:#666;font-size:1.1rem}.dashboard-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem}.dashboard-card{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:inherit;display:flex;flex-direction:column;padding:2rem;text-align:center;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.dashboard-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-5px)}.dashboard-card h3{color:#007bff;font-size:1.3rem;margin-bottom:.5rem}.dashboard-card p{color:#666;margin:0}.spinner-overlay{justify-content:center;min-height:300px;width:100%}.spinner-box,.spinner-overlay{align-items:center;display:flex}.spinner-box{flex-direction:column;gap:1rem}.spinner-ring{display:inline-block;height:52px;position:relative;width:52px}.spinner-ring div{animation:spinner-ring 1.1s cubic-bezier(.5,0,.5,1) infinite;border:4px solid #0000;border-radius:50%;border-top-color:#287bae;box-sizing:border-box;display:block;height:42px;margin:5px;position:absolute;width:42px}.spinner-ring div:first-child{animation-delay:-.45s;border-top-color:#287bae}.spinner-ring div:nth-child(2){animation-delay:-.3s;border-top-color:#1e5c83;opacity:.75}.spinner-ring div:nth-child(3){animation-delay:-.15s;border-top-color:#287bae;opacity:.5}.spinner-ring div:nth-child(4){border-top-color:#1e5c83;opacity:.25}@keyframes spinner-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner-message{color:#555;font-size:.9rem;font-weight:500;letter-spacing:.3px}.catalog-hero{align-items:center;background:#1e5c83;color:#fff;display:flex;min-height:calc(100vh - 60px);padding:1rem 5% 3rem}.catalog-hero-content{max-width:700px;text-align:left}.catalog-hero h1{font-size:3.4rem;font-weight:800;letter-spacing:-1px;line-height:1.1;margin-bottom:1rem}.catalog-hero-subtitle{font-size:1.4rem;margin-bottom:1.25rem;opacity:.95}.catalog-hero-description{font-size:1.05rem;line-height:1.8;margin-bottom:2.5rem;opacity:.88}.catalog-hero-features{display:flex;flex-wrap:wrap;gap:1rem}.catalog-feature{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:2rem;display:flex;font-size:.95rem;gap:.5rem;padding:.55rem 1.25rem}.catalog-feature-icon{font-size:1.1rem}.catalog-section-title{color:#1a3a5c;font-size:1.6rem;font-weight:600;margin:2rem 0 0}.courses-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:2rem 0}.course-card{background:linear-gradient(135deg,#f5f7fa,#fff);border-radius:16px;box-shadow:0 4px 12px #0000000f;color:inherit;display:flex;flex-direction:column;overflow:hidden;padding:24px 20px;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.course-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-5px)}.course-thumbnail{background:#f0f0f0;height:160px;object-fit:cover;width:100%}.course-card h3{color:#007bff;font-size:1.1rem;margin:1rem 1.5rem .5rem}.course-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#666;display:-webkit-box;flex:1 1;font-size:.9rem;margin:0 1.5rem 1rem;overflow:hidden}.course-meta{flex-wrap:wrap;gap:.5rem;padding:0 1.5rem 1.25rem}.course-meta,.pagination{align-items:center;display:flex}.pagination{gap:1rem;justify-content:center;margin-top:2rem}.pagination span{color:#666;font-weight:500}.featured-section{background:#f8f9fa;padding:3rem 5%}.featured-section .catalog-section-title{margin-bottom:1.5rem;margin-top:0}.carousel-wrapper{align-items:center;display:flex;gap:.5rem;position:relative}.courses-carousel{display:flex;flex:1 1;gap:1.5rem;overflow-x:auto;padding-bottom:1rem;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-color:#287bae #e0e0e0;scrollbar-width:thin}.courses-carousel::-webkit-scrollbar{height:6px}.courses-carousel::-webkit-scrollbar-track{background:#e0e0e0;border-radius:3px}.courses-carousel::-webkit-scrollbar-thumb{background:#287bae;border-radius:3px}.carousel-card{flex:0 0 280px;scroll-snap-align:start;width:280px}.carousel-btn{align-items:center;background:#fff;border:2px solid #287bae;border-radius:50%;color:#287bae;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;transition:background .2s,color .2s;width:40px;z-index:1}.carousel-btn:hover{background:#287bae;color:#fff}.featured-cta{margin-top:2rem;text-align:center}.featured-cta-btn{background:#287bae;border:none;border-radius:2rem;color:#fff;display:inline-block;font-size:1rem;padding:.75rem 2rem;text-decoration:none;transition:background .2s,transform .2s}.featured-cta-btn:hover{background:#1e5c83;color:#fff;transform:translateY(-2px)}.all-courses-page{min-height:60vh}.all-courses-banner{background:#1e5c83;color:#fff;padding:1.75rem 5%}.all-courses-banner h1{font-size:2rem;font-weight:700;margin-bottom:.25rem}.all-courses-banner p{font-size:.95rem;opacity:.85}.all-courses-controls{align-items:center;background:#fff;border-bottom:1px solid #e5eaf0;display:flex;flex-wrap:wrap;gap:1.25rem;padding:1.5rem 5%}.search-bar{border:1px solid #ccd6e0;border-radius:2rem;flex:1 1;font-size:.95rem;max-width:420px;outline:none;padding:.6rem 1rem;transition:border-color .2s,box-shadow .2s}.search-bar:focus{border-color:#287bae;box-shadow:0 0 0 3px #287bae26}.courses-count{color:#666;font-size:.9rem;white-space:nowrap}.all-courses-grid-wrap{padding:2rem 5%}.confirm-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:9998}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-box{animation:slideUp .25s ease;background:#fff;border-radius:14px;box-shadow:0 20px 60px #00000040;max-width:400px;padding:2rem 2rem 1.5rem;text-align:center;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.confirm-icon{font-size:2.5rem;margin-bottom:.75rem}.confirm-icon--danger{filter:none}.confirm-title{color:#111827;font-size:1.15rem;font-weight:700;margin:0 0 .5rem}.confirm-msg{color:#6b7280;font-size:.92rem;line-height:1.5;margin:0 0 1.5rem}.confirm-actions{display:flex;gap:.75rem;justify-content:center}.confirm-btn{border:none;border-radius:8px;cursor:pointer;font-size:.92rem;font-weight:600;padding:.6rem 1.4rem;transition:opacity .15s}.confirm-btn:hover{opacity:.85}.confirm-btn--cancel{background:#f3f4f6;color:#374151}.confirm-btn--danger{background:#ef4444;color:#fff}.confirm-btn--primary{background:#287bae;color:#fff}.students-page{margin:0 auto;max-width:1200px;padding:20px}.page-header{margin-bottom:30px}.page-header h1{color:var(--brand-primary-deep);font-size:28px;margin:0}.form-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:30px}.form-card h2{color:var(--brand-primary-deep);font-size:22px;margin-bottom:25px;margin-top:0}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group label{color:var(--brand-primary-dark);font-size:14px;font-weight:500;margin-bottom:8px}.form-group input[type=email],.form-group input[type=text],.form-group select{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .3s}.form-group input:focus,.form-group select:focus{border-color:var(--brand-primary);outline:none}.form-group input[type=checkbox]{margin-right:8px;width:auto}.info-text{background:rgba(var(--brand-primary-rgb),.08);border-left:4px solid var(--brand-primary);border-radius:4px;color:var(--brand-primary-deep);font-size:14px;margin:20px 0;padding:12px 15px}.form-actions{border-top:1px solid #eee;gap:15px;margin-top:25px;padding-top:20px}.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .3s}.btn-primary{background:var(--gradient-login)}.btn-primary:hover{box-shadow:0 4px 12px rgba(var(--brand-primary-rgb),.4);transform:translateY(-2px)}.btn-secondary{background:#95a5a6}.btn-secondary:hover{background:#7f8c8d}.table-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow-x:auto;padding:20px}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:var(--gradient-nav);color:#fff}.data-table th{font-size:14px;font-weight:500;letter-spacing:.5px;padding:15px;text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid #eee;font-size:14px;padding:15px}.data-table tbody tr:hover{background:#f8f9fa}.text-center{color:#7f8c8d;padding:30px!important;text-align:center}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.action-buttons{gap:6px}.btn-action{border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;padding:5px 12px;transition:opacity .2s,transform .15s}.btn-action:hover{opacity:.85;transform:translateY(-1px)}.btn-edit{background:#e8f4fd;color:#287bae}.btn-edit:hover{background:#d0eaf8}.btn-delete{background:#fdecea;color:#c0392b}.btn-delete:hover{background:#fad7d4}.alert{align-items:center;border-radius:8px;display:flex;font-size:.92rem;font-weight:500;gap:.5rem;margin-bottom:1.2rem;padding:.85rem 1.1rem}.alert-danger{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.alert-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.alert-warning{background:#fffbeb;border:1px solid #fde68a;color:#b45309}@media (max-width:768px){.form-row{grid-template-columns:1fr}.page-header{align-items:stretch;flex-direction:column;gap:15px}.table-card{overflow-x:auto}}.field-error{color:#ef4444;display:block;font-size:.78rem;font-weight:500;margin-top:4px}.form-group input.input-error,.form-group select.input-error,.form-group textarea.input-error{background-color:#fff5f5;border-color:#ef4444!important}.app{background-color:#f5f5f5;min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:20px}.page-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.page-header-actions{display:flex;flex-wrap:wrap;gap:1rem}.card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s ease}.btn-primary{background-color:var(--color-btn-primary);color:#fff}.btn-primary:hover{background-color:var(--color-btn-primary-hover)}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#218838}.form-group{margin-bottom:15px}.form-label{color:#333;display:block;font-weight:500;margin-bottom:5px}.form-control{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;width:100%}.form-control:focus{border-color:var(--color-input-focus);box-shadow:0 0 0 3px var(--color-input-focus-shadow);outline:none}.error-message{color:#dc3545;font-size:12px;margin-top:5px}.success-message{color:#28a745;font-size:12px;margin-top:5px}.table{border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid #ddd;padding:12px;text-align:left}.table th{font-weight:600}.table th,.table tr:hover{background-color:#f8f9fa}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.table-responsive .table{min-width:720px}.badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.badge-success{background-color:#d4edda;color:#155724}.badge-warning{background-color:#fff3cd;color:#856404}.badge-danger{background-color:#f8d7da;color:#721c24}.badge-info{background-color:#d1ecf1;color:#0c5460}.spinner{align-items:center;display:flex;justify-content:center;min-height:200px}.progress-bar{background-color:#e9ecef;border-radius:4px;height:20px;overflow:hidden}.progress-fill{background:var(--gradient-progress);height:100%;transition:width .3s ease}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1200}.modal-content{background:#fff;background:var(--bg-card,#fff);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:480px;overflow-y:auto;padding:2rem;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.modal-header h2{font-size:1.4rem;margin:0}.modal-close{background:none;border:none;border-radius:4px;color:#666;color:var(--text-muted,#666);cursor:pointer;font-size:1.2rem;padding:.25rem .5rem;transition:background .2s}.modal-close:hover{background:#f0f0f0;background:var(--bg-hover,#f0f0f0)}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.action-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.btn-action{align-items:center;display:inline-flex;justify-content:center;text-decoration:none}.enrollment-module-item{display:flex;flex-direction:column;gap:.8rem;padding:1rem 1.25rem}.enrollment-module-row{align-items:center;display:flex;gap:1rem;justify-content:space-between}.enrollment-module-main{align-items:center;display:flex;flex:1 1;gap:.75rem;min-width:0}.enrollment-module-content{flex:1 1;min-width:0}.enrollment-module-actions{align-items:center;display:flex;justify-content:flex-end}.module-video-player{aspect-ratio:16/9;background:#000;border-radius:8px;max-width:840px;width:100%}.module-material-action{max-width:100%;overflow-wrap:anywhere;text-align:left;white-space:normal;word-break:break-word}.enrollment-module-video-wrap{width:100%}@media (max-width:768px){.container{padding:12px}.page-header{align-items:stretch;flex-direction:column}.page-header-actions{flex-direction:column;width:100%}.page-header .btn,.page-header a.btn,.page-header button{width:100%}.table-responsive .table{min-width:0}.mobile-cards{border:0}.mobile-cards thead{display:none}.mobile-cards tbody,.mobile-cards td,.mobile-cards tr{display:block;width:100%}.mobile-cards tr{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:.75rem;padding:.6rem .8rem}.mobile-cards td{border-bottom:1px solid #efefef;display:flex;gap:1rem;justify-content:space-between;padding:.45rem 0;text-align:right}.mobile-cards td:last-child{border-bottom:none}.mobile-cards td:before{color:#555;content:attr(data-label);font-weight:600;text-align:left;white-space:nowrap}.mobile-cards td[data-label=A\E7\F5 es]{display:block;text-align:left}.mobile-cards td[data-label=A\E7\F5 es]:before{display:block;margin-bottom:.45rem}.mobile-cards td[data-label=A\E7\F5 es] .action-buttons{justify-content:flex-start}.enrollment-module-item{align-items:stretch}.enrollment-module-row{align-items:stretch;flex-direction:column}.enrollment-module-actions{justify-content:flex-start;width:100%}.enrollment-module-actions .badge,.enrollment-module-actions .btn{text-align:center;width:100%}.module-video-player{max-width:100%}.module-material-action{justify-content:flex-start;width:100%}}