*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;min-height:100vh}.btn-retry{padding:.4rem 1rem;background:#e30613;color:#fff;border:none;border-radius:8px;font-size:.85rem;cursor:pointer;margin-top:.5rem}.btn-retry:hover{background:#bb0510}.sidebar{position:fixed;top:0;left:0;width:260px;height:100vh;background-color:#1a1a1a;display:flex;flex-direction:column;z-index:100;overflow-y:auto}.sidebar .sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.25rem 1rem;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar .sidebar-header .sidebar-brand{text-decoration:none}.sidebar .sidebar-header .sidebar-brand .brand-text{font-size:1.25rem;font-weight:800;color:#e30613;letter-spacing:-.5px}.sidebar .sidebar-header .sidebar-close{display:none}.sidebar .sidebar-nav{flex:1;padding:1rem 0}.sidebar .sidebar-nav .nav-list{list-style:none;margin:0;padding:0}.sidebar .sidebar-nav .nav-item{display:flex;align-items:center;gap:.75rem;padding:.7rem 1.25rem;margin:.15rem .5rem;border-radius:8px;color:#cbd5e1;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .15s ease}.sidebar .sidebar-nav .nav-item .nav-icon{font-size:1.15rem;width:1.25rem;text-align:center}.sidebar .sidebar-nav .nav-item:hover{background-color:#ffffff0f;color:#fff}.sidebar .sidebar-nav .nav-item.active{background-color:#e3061326;color:#fff}.sidebar .sidebar-nav .nav-item.active .nav-icon{color:#e30613}.sidebar .sidebar-footer{padding:1rem 1.25rem;border-top:1px solid rgba(255,255,255,.08)}.sidebar .sidebar-footer .user-info{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.sidebar .sidebar-footer .user-info .user-avatar{font-size:1.75rem;color:#cbd5e1}.sidebar .sidebar-footer .user-info .user-details{display:flex;flex-direction:column}.sidebar .sidebar-footer .user-info .user-details .user-name{font-size:.85rem;font-weight:600;color:#fff}.sidebar .sidebar-footer .user-info .user-details .user-role{font-size:.75rem;color:#cbd5e1}.sidebar .sidebar-footer .logout-btn{width:100%;display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;background:none;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#cbd5e1;font-size:.85rem;cursor:pointer;transition:all .15s ease}.sidebar .sidebar-footer .logout-btn:hover{background-color:#e3061326;border-color:#e30613;color:#fff}.sidebar-overlay,.sidebar-toggle{display:none}.main-content.with-sidebar{margin-left:260px;min-height:100vh}.login-wrapper{display:flex;min-height:100vh;width:100%;background-color:#fff}.visual-side{flex:1.2;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:3rem;background-image:url(https://images.unsplash.com/photo-1504328345606-18bbc8c9d7d1?q=80&w=2070&auto=format&fit=crop);background-size:cover;background-position:center;color:#fff}.visual-side .overlay{position:absolute;inset:0;background:linear-gradient(135deg,#000000b3,#e3061366);z-index:1}.visual-side .visual-content{position:relative;z-index:2;margin-bottom:2rem}.visual-side .visual-content .brand-title{font-size:3.5rem;font-weight:800;letter-spacing:-1px;line-height:1;margin-bottom:.5rem}.visual-side .visual-content .brand-subtitle{font-size:1.25rem;opacity:.9;font-weight:300}.form-side{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background-color:#fff}.form-side .form-container{width:100%;max-width:400px}.mobile-header{display:none}.form-header{margin-bottom:2.5rem;text-align:left}.form-header h2{font-size:1.8rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem}.form-header p{color:#6c757d;font-size:.95rem}.modern-form .input-group{margin-bottom:1.5rem}.modern-form .input-group label{display:block;font-size:.85rem;font-weight:600;color:#2c3e50;margin-bottom:.5rem}.modern-form .input-group .input-wrapper{position:relative}.modern-form .input-group .input-wrapper input{width:100%;padding:.85rem 1rem .85rem 2.5rem;background-color:#f8f9fa;border:2px solid #f8f9fa;border-radius:8px;font-size:1rem;color:#1a1a1a;transition:all .2s ease}.modern-form .input-group .input-wrapper input:focus{outline:none;background-color:#fff;border-color:#e30613;box-shadow:0 0 0 4px #e3061333}.modern-form .input-group .input-wrapper input.has-error{border-color:#dc3545;background-color:#fff}.modern-form .input-group .input-wrapper input:disabled{opacity:.7;cursor:not-allowed}.modern-form .input-group .input-wrapper .icon-slot{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6c757d;font-size:1.1rem}.modern-form .input-group .field-error{color:#dc3545;font-size:.8rem;margin-top:.4rem;display:block}.modern-form .submit-btn{width:100%;padding:1rem;background-color:#e30613;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:1rem;display:flex;justify-content:center;align-items:center}.modern-form .submit-btn:hover:not(:disabled){background-color:#b1050f;transform:translateY(-1px);box-shadow:0 4px 12px #e306134d}.modern-form .submit-btn:active:not(:disabled){transform:translateY(0)}.modern-form .submit-btn:disabled{background-color:#fa555e;cursor:not-allowed}.custom-alert{padding:.8rem 1rem;border-radius:6px;font-size:.9rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.custom-alert.error{background-color:#fdf2f2;color:#c53030;border:1px solid #fc8181}.footer-links{margin-top:2rem;text-align:center}.footer-links p{font-size:.85rem;color:#6c757d}.loader{width:20px;height:20px;border:2px solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.dashboard-page{padding:2rem;min-height:100vh}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.dashboard-title{font-size:1.5rem;font-weight:700;color:#2c3e50;margin:0}.dashboard-filters{display:flex;gap:.4rem;background:#f8f9fa;border-radius:10px;padding:.25rem}.filter-btn{padding:.4rem .85rem;border:none;border-radius:8px;background:transparent;font-size:.85rem;font-weight:500;color:#6c757d;cursor:pointer;transition:all .2s}.filter-btn:hover{color:#2c3e50}.filter-btn.active{background:#fff;color:#e30613;font-weight:600;box-shadow:0 1px 3px #00000014}.dash-loading,.dash-error{display:flex;align-items:center;gap:.5rem;padding:2rem;color:#6c757d;font-size:.95rem}.dash-error{color:#e30613}.dash-empty{display:flex;flex-direction:column;align-items:center;padding:4rem 2rem;text-align:center;color:#6c757d}.dash-empty i{font-size:3rem;opacity:.3;margin-bottom:1rem}.dash-empty p{font-size:1rem;margin:0}.dash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.dash-module-card{background:#fff;border-radius:14px;box-shadow:0 1px 4px #0000000f;overflow:hidden;cursor:pointer;transition:box-shadow .2s,transform .15s;display:flex;flex-direction:column}.dash-module-card:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.dash-card-cover{height:100px;position:relative;display:flex;align-items:flex-start;justify-content:flex-end;padding:.75rem}.dash-card-cover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.dash-card-status{position:relative;z-index:1}.dash-card-status span{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.status-new{background:#ffffffe6;color:#2c3e50}.status-progress{background:#ffc107e6;color:#664d00}.status-passed{background:#28a745e6;color:#fff}.status-failed{background:#dc3545e6;color:#fff}.status-completed{background:#28a745e6;color:#fff}.dash-card-body{padding:1rem 1.25rem;flex:1;display:flex;flex-direction:column;gap:.5rem}.dash-card-title{font-size:1.05rem;font-weight:600;color:#2c3e50;margin:0}.dash-card-desc{font-size:.85rem;color:#6c757d;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dash-card-info{display:flex;gap:.8rem;flex-wrap:wrap}.dash-card-info .info-item{display:inline-flex;align-items:center;gap:.25rem;font-size:.8rem;color:#6c757d}.dash-card-result{margin-top:.5rem}.result-bar{height:6px;background:#e9ecef;border-radius:999px;overflow:hidden}.result-fill{height:100%;border-radius:999px;transition:width .4s ease}.result-fill.fill-passed{background:#28a745}.result-fill.fill-failed{background:#dc3545}.result-details{display:flex;justify-content:space-between;margin-top:.35rem;font-size:.78rem;color:#6c757d}.result-time{display:inline-flex;align-items:center;gap:.25rem}.dash-card-action{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1.25rem;border-top:1px solid #e9ecef;color:#e30613;font-size:.88rem;font-weight:600;transition:background .15s}.dash-module-card:hover .dash-card-action{background:#e306130a}.module-attempts-page{padding:2rem;min-height:100vh}.attempts-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.attempts-title{font-size:1.35rem;font-weight:700;color:#2c3e50;margin:0}.attempts-meta{color:#6c757d;font-size:.88rem;margin:0 0 1.2rem}.btn-start-new{display:inline-flex;align-items:center;gap:.35rem;padding:.55rem .95rem;border:none;border-radius:8px;background:#0d6efd;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer}.btn-start-new:hover{background:#025bdf}.attempts-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.attempt-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:1rem}.attempt-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.attempt-status{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border-radius:999px;font-size:.74rem;font-weight:600}.attempt-date{color:#6c757d;font-size:.78rem}.attempt-score{display:flex;align-items:baseline;gap:.3rem;margin-bottom:.55rem}.attempt-score strong{font-size:1.4rem;color:#2c3e50;line-height:1}.attempt-score span{color:#6c757d;font-size:.86rem}.attempt-details{display:flex;gap:.75rem;flex-wrap:wrap;font-size:.8rem;color:#6c757d;margin-bottom:.8rem}.attempt-details span{display:inline-flex;align-items:center;gap:.25rem}.attempt-open{width:100%;border:1px solid #e9ecef;background:#fff;border-radius:8px;padding:.5rem .7rem;color:#2c3e50;font-size:.85rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.attempt-open:hover{border-color:#e30613;color:#e30613}.module-viewer-page{height:100vh;display:flex;flex-direction:column;overflow:hidden}.viewer-loading,.viewer-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:.75rem;color:#6c757d;font-size:1rem}.viewer-loading p,.viewer-error p{margin:0}.viewer-error{color:#e30613}.viewer-topbar{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:#fff;border-bottom:1px solid #e9ecef;position:sticky;top:0;z-index:10}.btn-back-viewer{background:none;border:none;cursor:pointer;font-size:1.15rem;color:#6c757d;padding:.3rem;border-radius:6px;transition:color .15s,background .15s}.btn-back-viewer:hover{color:#e30613;background:#e3061314}.btn-back-viewer-disabled{opacity:.35;cursor:not-allowed}.preview-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .7rem;border-radius:999px;font-size:.8rem;font-weight:600;background:#f0ad4e26;color:#a67c00;white-space:nowrap}.viewer-progress{flex:1;display:flex;align-items:center;gap:.75rem}.progress-bar{flex:1;height:6px;background:#e9ecef;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:#e30613;border-radius:999px;transition:width .3s ease}.progress-text{font-size:.82rem;color:#6c757d;font-weight:500;white-space:nowrap}.viewer-score{display:flex;align-items:center;gap:.35rem;font-size:.88rem;font-weight:600;color:#f0ad4e}.viewer-score i{font-size:.95rem}.viewer-slide{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:2rem;overflow:hidden}.slide-content{max-width:700px;width:100%}.viewer-slide-educational{padding:0;overflow:hidden;background:#000}.slide-content-educational{max-width:none;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.slide-content-educational .slide-image-wrapper{width:100%;height:100%;margin:0}.slide-content-educational .slide-image{width:100%;height:100%;max-width:none;max-height:none;border-radius:0;box-shadow:none;object-fit:contain;background:#000}.slide-title{font-size:1.5rem;font-weight:700;color:#2c3e50;margin:0 0 1.25rem;text-align:center}.slide-image-wrapper{display:flex;justify-content:center;margin-bottom:1.5rem}.slide-image{max-width:100%;max-height:380px;border-radius:12px;object-fit:contain;box-shadow:0 2px 10px #00000014}.slide-text{font-size:1rem;color:#2c3e50;line-height:1.7;white-space:pre-wrap}.quiz-header{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem;flex-wrap:wrap}.quiz-critical-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .65rem;border-radius:999px;font-size:.8rem;font-weight:600;background:#dc35451a;color:#dc3545}.quiz-points-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .65rem;border-radius:999px;font-size:.8rem;font-weight:600;background:#f0ad4e26;color:#a67c00}.quiz-question{font-size:1.3rem;font-weight:600;color:#2c3e50;margin:0 0 1.5rem;text-align:center;line-height:1.4}.quiz-options{display:flex;flex-direction:column;gap:.6rem}.quiz-option{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border:2px solid #e9ecef;border-radius:12px;background:#fff;cursor:pointer;transition:all .15s;text-align:left;font-size:.95rem}.quiz-option:hover:not(:disabled){border-color:#e30613;background:#e3061305}.quiz-option.selected{border-color:#e30613;background:#e306130d}.quiz-option.option-correct{border-color:#28a745;background:#28a74514}.quiz-option.option-wrong{border-color:#dc3545;background:#dc354514}.quiz-option.option-missed{border-color:#28a745;background:#28a7450a;border-style:dashed}.quiz-option.option-neutral{opacity:.5}.quiz-option:disabled{cursor:default}.option-indicator{font-size:1.25rem;flex-shrink:0}.option-indicator .correct,.option-indicator .bi-check-circle-fill{color:#28a745}.option-indicator .bi-x-circle-fill{color:#dc3545}.option-indicator .bi-circle{color:#6c757d}.selected .option-indicator .bi-check-circle-fill{color:#e30613}.option-text{flex:1;color:#2c3e50}.option-image{width:56px;height:56px;object-fit:cover;border-radius:8px;border:1px solid #e9ecef;flex-shrink:0}.quiz-submit{display:flex;justify-content:center;margin-top:1.5rem}.btn-submit-answer{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 2rem;background:#e30613;color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-submit-answer:hover{background:#bb0510}.btn-submit-answer:disabled{opacity:.5;cursor:not-allowed}.quiz-feedback{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.25rem;padding:.75rem 1rem;border-radius:10px;font-size:.95rem;font-weight:600}.quiz-feedback.feedback-correct{background:#28a7451a;color:#1e7e34}.quiz-feedback.feedback-incorrect{background:#dc35451a;color:#dc3545}.quiz-feedback.feedback-saved{background:#0d6efd1a;color:#0a58ca}.feedback-points{margin-left:.5rem;font-weight:700}.viewer-nav{display:flex;justify-content:space-between;padding:1rem 1.5rem;background:#fff;border-top:1px solid #e9ecef}.btn-nav{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.3rem;border:1px solid #e9ecef;border-radius:10px;background:#fff;font-size:.9rem;font-weight:500;color:#2c3e50;cursor:pointer;transition:all .15s}.btn-nav:hover:not(:disabled){border-color:#e30613;color:#e30613}.btn-nav:disabled{opacity:.35;cursor:not-allowed}.btn-finish{background:#28a745;border-color:#28a745;color:#fff}.btn-finish:hover:not(:disabled){background:#208637;border-color:#208637;color:#fff}.slide-next-enter-active,.slide-next-leave-active,.slide-prev-enter-active,.slide-prev-leave-active{transition:all .25s ease}.slide-next-enter-from{opacity:0;transform:translate(30px)}.slide-next-leave-to,.slide-prev-enter-from{opacity:0;transform:translate(-30px)}.slide-prev-leave-to{opacity:0;transform:translate(30px)}.module-result-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.result-card{background:#fff;border-radius:16px;padding:2.5rem;max-width:500px;width:100%;text-align:center;box-shadow:0 4px 20px #00000014}.result-icon{font-size:3.5rem;margin-bottom:1rem}.result-icon.icon-passed{color:#28a745}.result-icon.icon-failed{color:#dc3545}.result-heading{font-size:1.5rem;font-weight:700;color:#2c3e50;margin:0 0 .5rem}.result-module-title{margin:0 0 .75rem;font-size:.82rem;color:#6c757d;text-transform:uppercase;letter-spacing:.03em;font-weight:600}.result-critical-note{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.88rem;color:#dc3545;margin:.5rem 0 1rem}.result-stats{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin:1.5rem 0;padding:1.25rem;background:#f8f9fa;border-radius:12px}.result-stat{display:flex;flex-direction:column;align-items:center;gap:.2rem}.stat-value{font-size:1.5rem;font-weight:700;color:#2c3e50}.stat-label{font-size:.78rem;color:#6c757d;font-weight:500}.result-stat-divider{width:1px;height:40px;background:#e9ecef}.result-meta{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.meta-row{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.88rem;color:#6c757d}.meta-row i{font-size:1rem}.result-actions{margin-top:1.5rem;display:flex;align-items:center;justify-content:center;gap:.65rem;flex-wrap:wrap}.btn-back-dashboard{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.3rem;background:#e30613;color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-back-dashboard:hover{background:#bb0510}.btn-retry-module{background:#0d6efd}.btn-retry-module:hover{background:#025bdf}.admin-dashboard-page{padding:2rem;min-height:100vh}.admin-dashboard-greeting{font-size:1.5rem;font-weight:600;color:#333}.admin-users-page{padding:2rem;min-height:100vh}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.users-title{font-size:1.5rem;font-weight:700;color:#2c3e50;margin:0}.btn-create{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:#e30613;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-create:hover{background:#bb0510}.users-loading,.users-error{display:flex;align-items:center;gap:.5rem;padding:2rem;color:#6c757d;font-size:.95rem}.users-error{color:#e30613}.btn-retry{margin-left:.5rem;padding:.3rem .8rem;background:none;border:1px solid #E30613;border-radius:6px;color:#e30613;cursor:pointer;font-size:.85rem}.btn-retry:hover{background:#e3061314}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.users-table-wrapper{overflow-x:auto;background:#fff;border-radius:10px;box-shadow:0 1px 4px #0000000f}.users-table{width:100%;border-collapse:collapse;font-size:.92rem}.users-table thead{background:#f8f9fa}.users-table thead th{text-align:left;padding:.75rem 1rem;font-weight:600;color:#6c757d;white-space:nowrap;border-bottom:2px solid #e9ecef}.users-table tbody tr{transition:background .15s}.users-table tbody tr:hover{background:#e3061308}.users-table tbody tr td{padding:.75rem 1rem;border-bottom:1px solid #e9ecef;vertical-align:middle;min-height:60px}.cell-name{display:flex;align-items:center;gap:.5rem;font-weight:500}.cell-name .user-icon{font-size:1.25rem;color:#6c757d}.badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.78rem;font-weight:600}.col-actions{text-align:center;width:120px}.btn-icon{background:none;border:none;cursor:pointer;padding:.35rem;border-radius:6px;color:#6c757d;font-size:1.1rem;transition:color .15s,background .15s}.btn-icon:hover{color:#e30613;background:#e3061314}.btn-icon-danger:hover{color:#dc3545;background:#dc354514}.empty-row{text-align:center;color:#6c757d;padding:2rem!important}.modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-panel{background:#fff;border-radius:14px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 30px #0000002e}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e9ecef}.modal-title{font-size:1.15rem;font-weight:700;color:#2c3e50;margin:0}.modal-close{background:none;border:none;cursor:pointer;font-size:1.15rem;color:#6c757d;padding:.25rem;border-radius:6px;transition:color .15s,background .15s}.modal-close:hover{color:#e30613;background:#e3061314}.modal-form{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.form-alert{display:flex;align-items:center;gap:.5rem;padding:.65rem .9rem;border-radius:8px;font-size:.88rem}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1}.form-group{display:flex;flex-direction:column;gap:.3rem}.form-group label{font-size:.85rem;font-weight:600;color:#2c3e50}.form-group .required{color:#e30613}.form-group .hint{font-weight:400;font-size:.78rem;color:#6c757d}.form-group input[type=text],.form-group input[type=password]{padding:.55rem .75rem;border:1px solid #e9ecef;border-radius:8px;font-size:.9rem;background:#f8f9fa;transition:border-color .2s,box-shadow .2s;outline:none}.form-group input[type=text]:focus,.form-group input[type=password]:focus{border-color:#e30613;box-shadow:0 0 0 3px #e3061333}.form-group input[type=text]:disabled,.form-group input[type=password]:disabled{opacity:.6;cursor:not-allowed}.checkbox-group .checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;font-weight:500;color:#2c3e50}.checkbox-group .checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#E30613;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem}.btn-cancel{padding:.55rem 1.1rem;background:none;border:1px solid #e9ecef;border-radius:8px;font-size:.88rem;font-weight:500;color:#6c757d;cursor:pointer;transition:border-color .15s,color .15s}.btn-cancel:hover{border-color:#6c757d;color:#2c3e50}.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.btn-save{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.3rem;background:#e30613;color:#fff;border:none;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-save:hover{background:#bb0510}.btn-save:disabled{opacity:.6;cursor:not-allowed}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity .2s ease}.modal-fade-enter-from,.modal-fade-leave-to{opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.delete-confirm-panel{max-width:420px}.delete-confirm-body{padding:1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.delete-confirm-body p{margin:0;font-size:.95rem;color:#2c3e50}.delete-warn-icon{font-size:2.5rem;color:#dc3545;margin-bottom:.25rem}.delete-user-name{font-weight:600;font-size:1rem!important}.delete-confirm-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:0 1.5rem 1.5rem}.btn-delete{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.3rem;background:#dc3545;color:#fff;border:none;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-delete:hover{background:#c62232}.btn-delete:disabled{opacity:.6;cursor:not-allowed}.admin-modules-page{padding:2rem;min-height:100vh}.modules-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modules-title{font-size:1.5rem;font-weight:700;color:#2c3e50;margin:0}.modules-loading,.modules-error{display:flex;align-items:center;gap:.5rem;padding:2rem;color:#6c757d;font-size:.95rem}.modules-error{color:#e30613}.modules-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem}.modules-empty-card{width:100%;max-width:640px;background:#fff;border:1px solid rgba(227,6,19,.16);border-radius:16px;padding:2rem;text-align:center;box-shadow:0 6px 24px #0000000f}.empty-icon-wrap{width:68px;height:68px;margin:0 auto 1rem;border-radius:16px;background:#e306131a;color:#e30613;display:flex;align-items:center;justify-content:center}.empty-icon-wrap i{font-size:2rem}.modules-empty-title{margin:0 0 .5rem;font-size:1.35rem;font-weight:700;color:#2c3e50}.modules-empty-text{margin:0 auto 1.35rem;max-width:500px;color:#6c757d;font-size:.95rem;line-height:1.5}.modules-empty-actions{display:flex;align-items:center;justify-content:center;gap:.55rem;flex-wrap:wrap}.btn-create-empty,.btn-empty-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:8px;font-size:.88rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s}.btn-create-empty{background:#e30613;color:#fff;border:none}.btn-create-empty:hover{background:#bb0510}.btn-empty-secondary{background:#fff;color:#2c3e50;border:1px solid #e9ecef}.btn-empty-secondary:hover{color:#e30613;border-color:#e3061373;background:#e3061308}.modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem}.module-card{background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000f;overflow:hidden;cursor:pointer;transition:box-shadow .2s,transform .15s;position:relative;display:flex;flex-direction:column}.module-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.module-card-accent{height:5px;width:100%}.module-card-body{padding:1.25rem;flex:1;display:flex;flex-direction:column;gap:.6rem}.module-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.module-card-title{font-size:1.05rem;font-weight:600;color:#2c3e50;margin:0;line-height:1.3}.module-card-badges{display:flex;gap:.35rem;flex-shrink:0}.badge-draft{background:#f0ad4e26;color:#a67c00;display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-active{background:#28a7451f;color:#1e7e34;display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-scheduled{background:#0d6efd1f;color:#0a58ca;display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-expired{background:#dc35451f;color:#b02a37;display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-inactive{background:#6c757d1f;color:#6c757d;display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600}.module-card-desc{font-size:.87rem;color:#6c757d;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.module-card-stats{display:flex;gap:1rem;margin-top:.25rem}.module-card-stats .stat{display:inline-flex;align-items:center;gap:.3rem;font-size:.82rem;color:#6c757d}.module-card-stats .stat i{font-size:.9rem}.module-card-meta{display:flex;gap:1rem;margin-top:auto;padding-top:.5rem}.module-card-meta .meta-item{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;color:#6c757d;opacity:.8}.module-card-actions{position:absolute;bottom:14px;right:10px}.delete-warn-text{font-size:.85rem!important;color:#6c757d!important;margin-top:.25rem}.admin-results-page{padding:2rem;min-height:100vh}.results-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.results-title{font-size:1.5rem;font-weight:700;color:#2c3e50}.results-view-switch{display:inline-flex;border:1px solid #e9ecef;border-radius:10px;overflow:hidden}.switch-btn{border:none;background:#fff;color:#6c757d;padding:.55rem .9rem;font-weight:600;cursor:pointer}.switch-btn.active{background:#e30613;color:#fff}.results-loading,.results-error,.results-empty{display:flex;align-items:center;gap:.5rem;padding:1rem 0}.results-error{color:#e30613}.results-empty{color:#6c757d}.results-groups{display:flex;flex-direction:column;gap:1rem}.results-group-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 1px 4px #0000000d}.group-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1rem;border-bottom:1px solid #e9ecef}.group-title{font-size:1rem;font-weight:700;color:#2c3e50}.group-meta{color:#6c757d;font-size:.85rem}.group-table-wrapper{overflow-x:auto}.group-table{width:100%;border-collapse:collapse;font-size:.88rem}.group-table th,.group-table td{text-align:left;padding:.65rem .8rem;border-bottom:1px solid #e9ecef;white-space:nowrap}.group-table th{color:#6c757d;font-weight:600;background:#f8f9fa}.group-table tr:last-child td{border-bottom:none}.status-badge{display:inline-flex;padding:.15rem .5rem;border-radius:999px;font-size:.74rem;font-weight:700}.status-passed{background:#1987541f;color:#198754}.status-failed{background:#dc35451f;color:#dc3545}.status-in-progress{background:#0d6efd1f;color:#0d6efd}.status-completed{background:#2c3e501a;color:#2c3e50}.status-not-started{background:#6c757d1f;color:#6c757d}.module-form-page{padding:2rem;min-height:100vh}.module-form-sticky-header{position:sticky;top:0;z-index:20;margin:-2rem -2rem 1.5rem;padding:1rem 2rem .25rem;background:#fff;border-bottom:1px solid #e9ecef}.module-form-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.btn-back{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:none;border:1px solid #e9ecef;border-radius:8px;color:#6c757d;font-size:.85rem;cursor:pointer;transition:border-color .15s,color .15s}.btn-back:hover{border-color:#6c757d;color:#2c3e50}.module-form-title{font-size:1.5rem;font-weight:700;color:#2c3e50;margin:0;flex:1}.btn-preview{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1rem;background:none;border:1px solid #e9ecef;border-radius:8px;color:#6c757d;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.btn-preview:hover{border-color:#e30613;color:#e30613;background:#e306130a}.stepper{display:flex;align-items:center;gap:0;margin-bottom:2rem;padding:0 1rem}.step{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem 0;transition:opacity .2s}.step.disabled{opacity:.4;cursor:not-allowed}.step.active .step-number{background:#e30613;color:#fff}.step.completed .step-number{background:#28a745;color:#fff}.step-number{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;background:#f8f9fa;color:#6c757d;border:2px solid #e9ecef;transition:background .2s,color .2s,border-color .2s}.step.active .step-number,.step.completed .step-number{border-color:transparent}.step-label{font-size:.9rem;font-weight:500;color:#2c3e50}.step-line{flex:1;height:2px;background:#e9ecef;margin:0 1rem;transition:background .3s}.step-line.active{background:#28a745}.step-content{display:flex;flex-direction:column;gap:1.5rem}.settings-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 4px #0000000f}.card-section-title{font-size:1.1rem;font-weight:700;color:#2c3e50;margin:0 0 1.25rem;display:flex;align-items:center;gap:.5rem}.card-section-title i{color:#e30613;font-size:1.15rem}.settings-form{display:flex;flex-direction:column;gap:1rem}.settings-form textarea{padding:.55rem .75rem;border:1px solid #e9ecef;border-radius:8px;font-size:.9rem;font-family:inherit;background:#f8f9fa;transition:border-color .2s,box-shadow .2s;outline:none;resize:vertical}.settings-form textarea:focus{border-color:#e30613;box-shadow:0 0 0 3px #e3061333}.settings-form textarea:disabled{opacity:.6;cursor:not-allowed}.settings-form input[type=text],.settings-form input[type=number],.settings-form input[type=datetime-local]{padding:.55rem .75rem;border:1px solid #e9ecef;border-radius:8px;font-size:.9rem;background:#f8f9fa;transition:border-color .2s,box-shadow .2s;outline:none}.settings-form input[type=text]:focus,.settings-form input[type=number]:focus,.settings-form input[type=datetime-local]:focus{border-color:#e30613;box-shadow:0 0 0 3px #e3061333}.settings-form input[type=text]:disabled,.settings-form input[type=number]:disabled,.settings-form input[type=datetime-local]:disabled{opacity:.6;cursor:not-allowed}.color-picker-wrapper{display:flex;align-items:center;gap:.6rem}.color-input{width:44px;height:38px;padding:2px;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;background:#f8f9fa}.color-hex{font-size:.85rem;color:#6c757d;font-family:monospace}.checkbox-inline{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding-top:1.5rem}.form-actions{display:flex;justify-content:flex-end;padding-top:.5rem}.form-alert{display:flex;align-items:center;gap:.5rem;padding:.65rem .9rem;border-radius:8px;font-size:.88rem;margin-bottom:.5rem}.form-alert.error{background:#e3061314;color:#e30613}.form-alert.success{background:#28a74514;color:#1e7e34}.slides-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 4px #0000000f}.slides-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.slide-add-buttons{display:flex;gap:.5rem}.btn-add-slide{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;font-size:.85rem;font-weight:500;color:#2c3e50;cursor:pointer;transition:border-color .15s,background .15s}.btn-add-slide:hover{border-color:#e30613;background:#e306130a}.btn-add-slide.btn-add-quiz:hover{border-color:#6f42c1;background:#6f42c10a}.slides-empty{text-align:center;padding:2.5rem 1rem;color:#6c757d}.slides-empty i{font-size:2.5rem;opacity:.3;display:block;margin-bottom:.75rem}.slides-empty p{margin:0;font-size:.95rem}.slides-empty-hint{font-size:.85rem!important;margin-top:.35rem!important;opacity:.7}.slides-list{display:flex;flex-direction:column;gap:.75rem}.slide-panel{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;overflow:hidden;transition:border-color .2s}.slide-panel.slide-type-quiz{border-left:3px solid #6f42c1}.slide-panel.slide-type-educational{border-left:3px solid #17a2b8}.slide-panel-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.slide-panel-header:hover{background:#00000005}.slide-panel-left{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1}.slide-order{font-weight:700;font-size:.9rem;color:#6c757d;min-width:22px}.slide-type-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .5rem;border-radius:999px;font-size:.73rem;font-weight:600;flex-shrink:0}.slide-type-badge.type-edu{background:#17a2b81f;color:#117a8b}.slide-type-badge.type-quiz{background:#6f42c11f;color:#6f42c1}.slide-header-title{font-size:.88rem;color:#2c3e50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge-critical{color:#dc3545;font-size:.85rem;flex-shrink:0}.slide-panel-right{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.btn-icon-sm{background:none;border:none;cursor:pointer;padding:.3rem;border-radius:6px;color:#6c757d;font-size:.95rem;transition:color .15s,background .15s}.btn-icon-sm:hover{color:#2c3e50;background:#0000000f}.btn-icon-sm:disabled{opacity:.3;cursor:not-allowed}.btn-icon-sm:disabled:hover{background:none;color:#6c757d}.btn-icon-sm-danger:hover{color:#dc3545;background:#dc354514}.slide-panel-body{padding:1rem 1.25rem 1.25rem;border-top:1px solid #e9ecef;display:flex;flex-direction:column;gap:1rem}.slide-panel-body .form-group{display:flex;flex-direction:column;gap:.3rem}.slide-panel-body .form-group label{font-size:.85rem;font-weight:600;color:#2c3e50}.slide-panel-body .form-group input[type=text],.slide-panel-body .form-group input[type=number],.slide-panel-body .form-group textarea{padding:.5rem .7rem;border:1px solid #e9ecef;border-radius:8px;font-size:.88rem;background:#fff;font-family:inherit;transition:border-color .2s,box-shadow .2s;outline:none;resize:vertical}.slide-panel-body .form-group input[type=text]:focus,.slide-panel-body .form-group input[type=number]:focus,.slide-panel-body .form-group textarea:focus{border-color:#e30613;box-shadow:0 0 0 3px #e3061333}.slide-panel-body .form-group input[type=text]:disabled,.slide-panel-body .form-group input[type=number]:disabled,.slide-panel-body .form-group textarea:disabled{opacity:.6;cursor:not-allowed}.edu-slide-hint{margin:0;font-size:.85rem;color:#6c757d;line-height:1.45}.image-upload-area{margin-top:.25rem}.image-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:2px dashed #e9ecef;border-radius:10px;cursor:pointer;transition:border-color .2s,background .2s;color:#6c757d;gap:.5rem}.image-dropzone i{font-size:2rem;opacity:.4}.image-dropzone span{font-size:.85rem}.image-dropzone:hover{border-color:#e30613;background:#e3061305}.hidden-input{display:none}.image-preview{position:relative;display:inline-block;max-width:100%}.image-preview img{max-width:100%;max-height:200px;border-radius:8px;display:block;object-fit:contain}.btn-remove-image{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:50%;background:#000000a6;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:background .2s}.btn-remove-image:hover{background:#dc3545e6}.question-type-select{display:flex;gap:.5rem;flex-wrap:wrap}.qt-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .85rem;border:1.5px solid #e9ecef;border-radius:8px;background:#fff;font-size:.85rem;font-weight:500;color:#6c757d;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.qt-btn:hover{border-color:#6f42c1;color:#6f42c1}.qt-btn.active{border-color:#6f42c1;background:#6f42c114;color:#6f42c1;font-weight:600}.qt-btn:disabled{opacity:.5;cursor:not-allowed}.answer-options-section{margin-top:.25rem}.answer-options-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.answer-options-header label{font-size:.85rem;font-weight:600;color:#2c3e50}.btn-add-option{display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .65rem;background:none;border:1px solid #e9ecef;border-radius:6px;font-size:.8rem;color:#6c757d;cursor:pointer;transition:border-color .15s,color .15s}.btn-add-option:hover{border-color:#6f42c1;color:#6f42c1}.answer-options-list{display:flex;flex-direction:column;gap:.4rem}.answer-option-row{display:flex;align-items:center;gap:.5rem}.option-correct-toggle{cursor:pointer;display:flex;align-items:center}.option-correct-toggle input[type=checkbox]{display:none}.option-correct-toggle i{font-size:1.2rem;color:#6c757d;transition:color .15s}.option-correct-toggle i.correct{color:#28a745}.option-text-input{flex:1;padding:.4rem .65rem!important;font-size:.88rem!important}.options-empty{font-size:.85rem;color:#6c757d;text-align:center;padding:.75rem 0;margin:0}.quiz-settings-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-start;padding-top:.25rem}.quiz-settings-row .form-group{min-width:120px}.quiz-settings-row input[type=number]{max-width:100px}.checkbox-hint{font-size:.75rem;color:#6c757d;margin-top:.15rem}.slide-panel-actions{display:flex;justify-content:flex-end;padding-top:.25rem}.slide-expand-enter-active,.slide-expand-leave-active{transition:all .25s ease;overflow:hidden}.slide-expand-enter-from,.slide-expand-leave-to{opacity:0;max-height:0;padding-top:0;padding-bottom:0}.slide-list-enter-active,.slide-list-leave-active{transition:all .3s ease}.slide-list-enter-from{opacity:0;transform:translate(-20px)}.slide-list-leave-to{opacity:0;transform:translate(20px)}.slide-list-move{transition:transform .3s ease}.option-list-enter-active,.option-list-leave-active{transition:all .2s ease}.option-list-enter-from,.option-list-leave-to{opacity:0}.assignment-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 4px #0000000f}.assignment-controls{margin-bottom:1rem;display:flex;flex-direction:column;gap:.75rem}.assignment-select-row{display:flex;gap:.5rem;align-items:stretch;width:100%}.assignment-select{flex:1;min-width:0}.assignment-user-select.multiselect,.assignment-department-select.multiselect{width:100%;padding:0;min-height:40px;border-radius:8px;border-color:#e9ecef;background:#f8f9fa;box-shadow:none}.assignment-user-select.multiselect.is-active,.assignment-department-select.multiselect.is-active{border-color:#e30613;box-shadow:0 0 0 3px #e3061333}.assignment-user-select.multiselect .multiselect-search,.assignment-department-select.multiselect .multiselect-search{font-size:.88rem;padding:.5rem .75rem;min-height:38px;color:#2c3e50}.assignment-user-select.multiselect .multiselect-placeholder,.assignment-user-select.multiselect .multiselect-single-label,.assignment-user-select.multiselect .multiselect-option,.assignment-department-select.multiselect .multiselect-placeholder,.assignment-department-select.multiselect .multiselect-single-label,.assignment-department-select.multiselect .multiselect-option{font-size:.88rem}.assignment-user-select.multiselect .multiselect-option.is-selected,.assignment-department-select.multiselect .multiselect-option.is-selected{background:#e306131a;color:#2c3e50}.assignment-user-select.multiselect.is-disabled,.assignment-department-select.multiselect.is-disabled{opacity:.6}.btn-assign{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;background:#e30613;color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap;min-width:150px;justify-content:center}.btn-assign:hover{background:#bb0510}.btn-assign:disabled{opacity:.5;cursor:not-allowed}.btn-assign-secondary{background:transparent;color:#e30613;border:1px solid rgba(227,6,19,.3)}.btn-assign-secondary:hover{background:#e306130f}.assignment-bulk-actions{display:flex;flex-direction:column;gap:.5rem}.assignment-bulk-actions>.btn-assign-secondary{align-self:flex-start}.assignment-help{margin:0 0 .9rem;padding:.6rem .75rem;border-radius:8px;font-size:.84rem;color:#6c757d;background:#f8f9fa;border:1px dashed #e9ecef}.assignment-list{display:flex;flex-direction:column;gap:.35rem}.assignment-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:#f8f9fa;border-radius:8px;transition:background .15s}.assignment-item:hover{background:#f2f4f6}.assignment-user{display:flex;align-items:center;gap:.5rem;font-size:.88rem;color:#2c3e50}.assignment-user i{font-size:1.1rem;color:#6c757d}.assignment-empty{font-size:.88rem;color:#6c757d;text-align:center;padding:1rem 0;margin:0}.publish-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 4px #0000000f;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.publish-info{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#6c757d}.publish-info i{font-size:1.1rem;color:#f0ad4e}.publish-info.published i{color:#28a745}.btn-publish{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.3rem;background:#28a745;color:#fff;border:none;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-publish:hover{background:#208637}.btn-publish:disabled{opacity:.6;cursor:not-allowed}.profile-page{padding:2rem;min-height:100vh;max-width:640px}.profile-header{margin-bottom:1.5rem}.profile-title{font-size:1.5rem;font-weight:700;color:#2c3e50;margin:0}.profile-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 4px #0000000f;margin-bottom:1.5rem}.profile-info{display:flex;align-items:center;gap:1.25rem;margin-bottom:1rem}.profile-avatar{font-size:3rem;color:#6c757d;line-height:1}.profile-details{display:flex;flex-direction:column;gap:.25rem}.profile-name{font-size:1.25rem;font-weight:700;color:#2c3e50;margin:0}.profile-username{font-size:.9rem;color:#6c757d}.profile-badge{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;width:fit-content;margin-top:.15rem}.badge-admin{background:#e306131a;color:#e30613}.badge-user{background:#6c757d1f;color:#6c757d}.profile-meta{display:flex;flex-wrap:wrap;gap:1.25rem;padding-top:1rem;border-top:1px solid #e9ecef}.meta-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#6c757d}.meta-item i{font-size:1rem}.password-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 4px #0000000f}.card-title{font-size:1.1rem;font-weight:700;color:#2c3e50;margin:0 0 1.25rem;display:flex;align-items:center;gap:.5rem}.card-title i{font-size:1.15rem;color:#6c757d}.password-form .form-group{margin-bottom:1.25rem}.password-form .form-group label{display:block;font-size:.85rem;font-weight:600;color:#2c3e50;margin-bottom:.4rem}.password-form .form-group .input-wrapper{position:relative}.password-form .form-group .input-wrapper input{width:100%;padding:.65rem 2.5rem .65rem .85rem;border:1px solid #e9ecef;border-radius:8px;background:#f8f9fa;font-size:.92rem;color:#2c3e50;transition:border-color .2s,box-shadow .2s}.password-form .form-group .input-wrapper input:focus{outline:none;border-color:#e30613;box-shadow:0 0 0 3px #e3061333}.password-form .form-group .input-wrapper input:disabled{opacity:.6;cursor:not-allowed}.password-form .form-group .input-wrapper .toggle-password{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#6c757d;font-size:1rem;padding:.2rem;line-height:1}.password-form .form-group .input-wrapper .toggle-password:hover{color:#2c3e50}.alert{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;margin-bottom:1rem}.alert i{font-size:1rem;flex-shrink:0}.alert-success{background:#28a7451a;color:#28a745;border:1px solid rgba(40,167,69,.2)}.alert-error{background:#e3061314;color:#e30613;border:1px solid rgba(227,6,19,.15)}.btn-save{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.5rem;background:#e30613;color:#fff;border:none;border-radius:8px;font-size:.92rem;font-weight:600;cursor:pointer;transition:background .2s;min-width:180px}.btn-save:hover:not(:disabled){background:#bb0510}.btn-save:disabled{opacity:.5;cursor:not-allowed}.btn-save.loading{pointer-events:none}.btn-save .loader{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{opacity:0}@media(max-width:767px){.sidebar{transform:translate(-100%);transition:transform .3s ease;width:280px}.sidebar.open{transform:translate(0)}.sidebar .sidebar-header .sidebar-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;color:#cbd5e1;font-size:1.25rem;cursor:pointer;border-radius:6px}.sidebar .sidebar-header .sidebar-close:hover{background-color:#ffffff1a}.sidebar-overlay{display:block;position:fixed;inset:0;background-color:#00000080;z-index:99;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.visible{opacity:1;pointer-events:auto}.sidebar-toggle{display:flex;position:fixed;top:.75rem;left:.75rem;z-index:90;align-items:center;justify-content:center;width:44px;height:44px;background-color:#1a1a1a;color:#fff;border:none;border-radius:10px;font-size:1.5rem;cursor:pointer;box-shadow:0 2px 8px #0003}.main-content.with-sidebar{margin-left:0;padding-top:3.5rem}.visual-side{display:none}.form-side{padding:1.5rem}.mobile-header{display:block;text-align:center;margin-bottom:2rem;color:#e30613;font-weight:800}.form-header{margin-bottom:2rem;text-align:center}.form-header h2{font-size:1.5rem}.modern-form .input-group{margin-bottom:1.25rem}.modern-form .input-group .input-wrapper input{padding:.75rem 1rem .75rem 2.25rem;font-size:.95rem}.modern-form .submit-btn{padding:.85rem;font-size:.95rem}.footer-links{margin-top:1.5rem}.dashboard-page{padding:1rem}.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-title{font-size:1.25rem}.dashboard-filters{width:100%;overflow-x:auto}.dashboard-filters .filter-btn{white-space:nowrap;font-size:.82rem;padding:.35rem .7rem}.dash-grid{grid-template-columns:1fr}.dash-card-info{gap:.6rem}.module-attempts-page{padding:1rem}.attempts-header{flex-wrap:wrap}.attempts-title{font-size:1.15rem;width:100%;order:3}.attempts-list{grid-template-columns:1fr}.viewer-topbar{padding:.6rem 1rem}.viewer-slide{padding:1.25rem}.viewer-slide-educational{padding:0}.slide-title{font-size:1.2rem}.slide-image{max-height:240px}.slide-content-educational .slide-image{max-height:none}.quiz-question{font-size:1.1rem}.quiz-option{padding:.7rem .85rem;font-size:.9rem}.option-image{width:42px;height:42px}.viewer-nav{padding:.75rem 1rem}.btn-nav{padding:.5rem 1rem;font-size:.85rem}.module-result-page{padding:1rem}.result-card{padding:1.75rem}.result-stats{gap:1rem;padding:1rem}.stat-value{font-size:1.25rem}.admin-dashboard-page{padding:1rem;min-height:100vh}.admin-dashboard-greeting{font-size:1.25rem;font-weight:600;color:#333}.admin-users-page{padding:1rem;min-height:100vh}.users-header{flex-direction:column;align-items:flex-start;gap:.75rem}.users-title{font-size:1.25rem}.btn-create{width:100%;justify-content:center}.users-table-wrapper{border-radius:8px}.users-table{font-size:.84rem}.users-table thead th,.users-table tbody td{padding:.5rem .6rem}.modal-panel{max-width:100%;margin:.5rem;border-radius:12px}.form-row{flex-direction:column;gap:1rem}.modal-actions{flex-direction:column-reverse}.modal-actions .btn-cancel,.modal-actions .btn-save{width:100%;justify-content:center}.delete-confirm-panel{max-width:100%;margin:.5rem}.delete-confirm-actions{flex-direction:column-reverse}.delete-confirm-actions .btn-cancel,.delete-confirm-actions .btn-delete{width:100%;justify-content:center}.admin-modules-page{padding:1rem}.modules-header{flex-direction:column;align-items:flex-start;gap:.75rem}.modules-title{font-size:1.25rem}.modules-grid{grid-template-columns:1fr;gap:1rem}.modules-empty{padding:1.5rem .5rem}.modules-empty-card{padding:1.25rem}.empty-icon-wrap{width:58px;height:58px;border-radius:14px}.modules-empty-title{font-size:1.1rem}.modules-empty-text{font-size:.88rem;margin-bottom:1rem}.modules-empty-actions{width:100%;flex-direction:column;align-items:stretch}.btn-create-empty,.btn-empty-secondary{width:100%;justify-content:center}.module-card-stats{flex-wrap:wrap;gap:.6rem}.admin-results-page{padding:1rem}.results-header{flex-direction:column;align-items:stretch}.results-view-switch{width:100%}.results-view-switch .switch-btn{flex:1}.group-header{flex-direction:column;align-items:flex-start}.group-table{font-size:.82rem}.group-table th,.group-table td{padding:.5rem .55rem}.module-form-page{padding:1rem}.module-form-sticky-header{top:0;margin:-1rem -1rem 1rem;padding:.75rem 1rem .15rem}.module-form-header{flex-wrap:wrap}.module-form-title{font-size:1.2rem}.stepper{padding:0;margin-bottom:1.5rem}.step-label{font-size:.82rem}.step-line{margin:0 .5rem}.settings-form .form-row{flex-direction:column;gap:1rem}.checkbox-inline{padding-top:0}.slide-add-buttons{flex-wrap:wrap;width:100%}.slide-add-buttons .btn-add-slide{flex:1;justify-content:center}.slide-panel-header{padding:.6rem .75rem}.slide-header-title{max-width:100px}.quiz-settings-row{flex-direction:column;gap:.75rem}.question-type-select .qt-btn{flex:1;justify-content:center;min-width:0}.assignment-select-row{flex-direction:column}.assignment-bulk-actions{display:flex;flex-direction:column;gap:.5rem}.btn-assign{width:100%;justify-content:center}.assignment-user-select.multiselect,.assignment-department-select.multiselect{width:100%}.publish-section{flex-direction:column;align-items:stretch;text-align:center}.btn-publish{width:100%;justify-content:center}.profile-page{padding:1rem;min-height:100vh}.profile-title{font-size:1.25rem}.profile-card{padding:1.25rem}.profile-info{gap:1rem}.profile-avatar{font-size:2.5rem}.profile-name{font-size:1.1rem}.profile-meta{flex-direction:column;gap:.75rem}.password-card{padding:1.25rem}.btn-save{width:100%}}