.spinner-container{align-items:center;display:flex;justify-content:center;min-height:400px;width:100%}.spinner{border-color:#1976d2 #e0e0e0 #e0e0e0;border-style:solid}.spinner-small{border-width:3px;height:24px;width:24px}.spinner-medium{border-width:4px;height:48px;width:48px}.spinner-large{border-width:5px;height:64px;width:64px}.assessment-dashboard{min-height:100vh;padding:24px}.dashboard-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.dashboard-title{color:#1a1a1a;font-size:32px;font-weight:700;margin:0 0 8px}.dashboard-subtitle{color:#666;font-size:16px;margin:0}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:24px;gap:24px;margin-bottom:40px}.stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 4px #0000000d;gap:20px;padding:24px}.stat-card:hover{box-shadow:0 4px 12px #0000001a}.stat-card-blue{border-left:4px solid #1976d2}.stat-card-green{border-left:4px solid #388e3c}.stat-card-purple{border-left:4px solid #7b1fa2}.stat-icon{background:#0000000a}.stat-card-blue .stat-icon{color:#1976d2}.stat-card-green .stat-icon{color:#388e3c}.stat-card-purple .stat-icon{color:#7b1fa2}.stat-icon svg{height:32px;width:32px}.stat-label{color:#666;letter-spacing:.5px;margin:0 0 4px;text-transform:uppercase}.stat-value{color:#1a1a1a;font-size:36px;margin:0}.assessments-boxes{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px;margin-top:40px}.assessment-box{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 4px #0000000d;overflow:hidden}.box-header{align-items:center;background:#fafafa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px}.box-title{color:#1a1a1a;font-size:20px;font-weight:600;margin:0}.btn-view-all{align-items:center;background:#0000;border:1px solid #1976d2;border-radius:6px;color:#1976d2;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.btn-view-all:hover{background:#1976d2;color:#fff;transform:translateX(2px)}.box-content{padding:20px}.assessments-list{display:flex}.assessments-list,.loading-spinner{flex-direction:column;gap:16px}.spinner{animation:spin .8s linear infinite;border:4px solid #e0e0e0;border-top-color:#1976d2;height:48px;width:48px}.loading-text{color:#666;font-size:16px;font-weight:500}[data-theme=dark] .assessment-dashboard{background-color:#121212;color:#fff}[data-theme=dark] .dashboard-title{color:#fff}[data-theme=dark] .dashboard-subtitle{color:#b0b0b0}[data-theme=dark] .stat-card{background:#1e1e1e;border-color:#333;box-shadow:0 2px 4px #0000004d}[data-theme=dark] .stat-card:hover{box-shadow:0 4px 12px #00000080}[data-theme=dark] .stat-icon{background:#ffffff0d}[data-theme=dark] .stat-label{color:#b0b0b0}[data-theme=dark] .stat-value{color:#fff}[data-theme=dark] .assessment-box{background:#1e1e1e;border-color:#333;box-shadow:0 2px 4px #0000004d}[data-theme=dark] .box-header{background:#252525;border-bottom-color:#333}[data-theme=dark] .box-title{color:#fff}[data-theme=dark] .btn-view-all{border-color:#64b5f6;color:#64b5f6}[data-theme=dark] .btn-view-all:hover{background:#64b5f6;color:#121212}[data-theme=dark] .spinner{border-color:#64b5f6 #333 #333}[data-theme=dark] .loading-text{color:#b0b0b0}@media (max-width:768px){.assessment-dashboard{padding:16px}.dashboard-header{flex-direction:column;gap:16px}.btn-create-assessment{justify-content:center;width:100%}.assessments-boxes,.stats-grid{gap:16px;grid-template-columns:1fr}.dashboard-title{font-size:24px}.stat-value{font-size:28px}.box-header{align-items:flex-start;flex-direction:column;gap:12px}.btn-view-all{justify-content:center;width:100%}}.holiday-management-container{animation:fadeIn .5s ease;padding:24px}.management-header{margin-bottom:32px}.header-content{gap:20px;margin-bottom:24px}.header-content,.header-icon{align-items:center;display:flex}.header-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 8px 24px #667eea4d;color:#fff;height:80px;justify-content:center;width:80px}.header-text{flex:1 1}.header-title{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;font-size:32px;font-weight:700;margin:0 0 8px;-webkit-text-fill-color:#0000;background-clip:text}.header-subtitle{color:var(--text-secondary);font-size:16px;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:20px;gap:20px}.stat-card{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.stat-icon{align-items:center;border-radius:12px;color:#fff;display:flex;height:56px;justify-content:center;width:56px}.stat-icon.public{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-icon.users{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-icon.selected{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-content{flex:1 1}.stat-value{color:var(--text-primary);font-size:32px;font-weight:700;line-height:1;margin-bottom:4px}.stat-label{color:var(--text-secondary);font-size:14px;font-weight:500}.employee-selections-section,.public-holidays-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;margin-bottom:24px;padding:24px}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-start;margin-bottom:24px}.section-title{color:var(--text-primary);font-weight:700;gap:16px;margin:0}.section-icon{color:#667eea}.holidays-carousel{display:flex;gap:16px;overflow-x:auto;padding-bottom:12px;scrollbar-color:var(--border-color) #0000;scrollbar-width:thin}.holidays-carousel::-webkit-scrollbar{height:8px}.holidays-carousel::-webkit-scrollbar-track{background:#0000}.holidays-carousel::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.holiday-chip{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;flex-shrink:0;min-width:200px;padding:16px;text-align:center}.chip-date{font-size:14px;margin-bottom:4px;opacity:.9}.chip-name{font-size:16px;font-weight:600}.filter-controls{margin-bottom:24px}.filter-controls,.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.search-box{align-items:center;background:var(--input-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:8px;min-width:250px;padding:10px 16px}.search-box svg{color:var(--text-secondary)}.search-box input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:14px;outline:none}.filter-group{background:var(--input-bg);border-radius:12px;display:flex;gap:8px;padding:4px}.filter-btn{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.filter-btn:hover{background:var(--border-color)}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.employee-list{display:flex;flex-direction:column;gap:16px}.employee-card{background:var(--card-bg);border:2px solid var(--border-color);border-radius:16px;overflow:hidden;transition:all .3s ease}.employee-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33}.employee-header{cursor:pointer;justify-content:space-between;padding:20px}.employee-header,.employee-info{align-items:center;display:flex;gap:16px}.employee-info{flex:1 1}.employee-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;font-size:16px;font-weight:600;height:48px;justify-content:center;width:48px}.employee-details{flex:1 1}.employee-name{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:4px}.employee-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.employee-email{color:var(--text-secondary);font-size:14px}.employee-role-badge{align-items:center;background:linear-gradient(135deg,#667eea26,#764ba226);border:1px solid #667eea4d;border-radius:6px;color:#667eea;display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.employee-summary{align-items:center;display:flex;gap:12px}.selection-badge{align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:8px;color:#667eea;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px}.selection-badge .no-selection{color:var(--text-secondary)}.expand-btn{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.expand-btn:hover{background:var(--border-color)}.employee-holidays{animation:slideDown .3s ease;border-top:1px solid var(--border-color);padding:0 20px 20px}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.holidays-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:12px;gap:12px;margin-top:16px}.holiday-item{align-items:center;background:var(--input-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:12px;padding:12px;transition:all .2s ease}.holiday-item:hover{border-color:#667eea;transform:translateX(4px)}.holiday-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.holiday-details{flex:1 1;min-width:0}.holiday-name{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.holiday-date{color:var(--text-secondary);font-size:12px}.empty-state,.loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-state .spinner{animation:spin 1s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top:4px solid #667eea;height:48px;margin-bottom:16px;width:48px}.empty-state svg{color:var(--border-color);margin-bottom:16px}.empty-state h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 8px}.empty-state p{color:var(--text-secondary);font-size:14px;margin:0}.empty-message{color:var(--text-secondary);font-size:16px;padding:40px;text-align:center}[data-theme=dark]{--card-bg:#1a1a2e;--input-bg:#16213e;--border-color:#2a2a3e;--text-primary:#fff;--text-secondary:#a0a0b0}[data-theme=light]{--card-bg:#fff;--input-bg:#f5f5f5;--border-color:#e0e0e0;--text-primary:#1a1a1a;--text-secondary:#6b6b6b}.pagination-container{align-items:center;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:16px;margin-top:24px;padding-top:24px}.pagination-info{color:var(--text-secondary);font-size:14px;text-align:center}.pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.pagination-btn{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:var(--input-bg);border-color:#667eea}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-pages{display:flex;flex-wrap:wrap;gap:6px}.pagination-page{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;height:40px;justify-content:center;transition:all .2s ease;width:40px}.pagination-page:hover{background:var(--input-bg);border-color:#667eea}.pagination-page.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}@media (max-width:768px){.holiday-management-container{padding:16px}.header-content{flex-direction:column;text-align:center}.header-title{font-size:24px}.stats-grid{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column}.filter-controls,.header-actions{flex-direction:column;width:100%}.filter-group,.search-box{width:100%}.pagination-controls{flex-direction:column}.pagination-pages{justify-content:center}.holidays-grid{grid-template-columns:1fr}.employee-header{align-items:flex-start;flex-direction:column}.employee-summary{justify-content:space-between;width:100%}}.payroll-container{font-family:Segoe UI,Roboto,sans-serif;min-height:100vh;padding:24px}.payroll-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.payroll-header h1{color:var(--text-primary,#333);font-size:2rem;margin:0}.subtitle{color:var(--text-secondary,#666);margin-top:4px}[data-theme=dark] .payroll-header h1{color:#ffffffde}[data-theme=dark] .subtitle{color:#fff9}.btn-primary{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:1rem;gap:8px;padding:12px 24px;transition:background .2s}.btn-primary:hover{background:#1565c0}.btn{background:#0000;border:1px solid #ccc;color:#000000de;padding:10px 20px}[data-theme=dark] .btn{border:1px solid #ffffff3b;color:#ffffffde}[data-theme=dark] .btn:hover{background:#ffffff14;border-color:#fff6}.card{border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}[data-theme=dark] .card{box-shadow:0 2px 10px #00000080}.card input[type=text]{background:#fff;border:1px solid #ccc;color:#000000de}[data-theme=dark] .card input[type=text]{background:#3a3a3a;border:1px solid #ffffff3b;color:#ffffffde}[data-theme=dark] .card input[type=text]::placeholder{color:#ffffff80}[data-theme=dark] .card input[type=text]:focus{border-color:#90caf9;outline:none}.payroll-table{border-collapse:collapse;width:100%}.payroll-table td,.payroll-table th{border-bottom:1px solid #eee;color:#000000de;padding:14px 16px;text-align:left}[data-theme=dark] .payroll-table td,[data-theme=dark] .payroll-table th{border-bottom:1px solid #ffffff1f;color:#ffffffde}.payroll-table th{background:#f5f5f5;color:#444;font-weight:600}[data-theme=dark] .payroll-table th{background:#2d2d2d;color:#ffffffde}.table-row-hover:hover{background:#f0f8ff;cursor:pointer}[data-theme=dark] .table-row-hover:hover{background:#2196f314}.chip{border-radius:16px;font-size:.8rem;font-weight:700;padding:6px 12px;text-transform:uppercase}.chip-warning{background:#fff3e0;color:#ff9800}.chip-success{background:#e8f5e9;color:#4caf50}.chip-info{background:#e3f2fd;color:#2196f3}.actions{display:flex;gap:8px;justify-content:center}.icon-btn{background:none;border:none;border-radius:4px;color:#0000008a;cursor:pointer;font-size:1.2rem;padding:6px}[data-theme=dark] .icon-btn{color:#ffffffb3}.icon-btn:hover{background:#0000001a}[data-theme=dark] .icon-btn:hover{background:#ffffff14}.icon-btn.delete:hover{background:#f443361a;color:#f44336}[data-theme=dark] .icon-btn.delete:hover{background:#f4433633;color:#ef5350}.empty-state{color:#888;font-style:italic;padding:40px}[data-theme=dark] .empty-state{color:#ffffff80}.loading-state{color:#666;font-size:1.1rem;padding:40px;text-align:center}[data-theme=dark] .loading-state{color:#ffffffb3}.modal-backdrop{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal{background:#fff;border-radius:8px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;max-height:65vh;max-width:500px;width:90%}[data-theme=dark] .modal{background:#2d2d2d;box-shadow:0 10px 30px #000c}.modal-title{color:#000000de;flex-shrink:0;padding:20px 24px 0}[data-theme=dark] .modal-title{color:#ffffffde}.modal-body{flex-grow:1;padding:16px 24px}.form-group{margin-bottom:16px}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:6px}[data-theme=dark] .form-group label{color:#ffffffde}.form-group input,.form-group select{background:#fff;border:1px solid #ccc;border-radius:4px;color:#000000de;font-size:1rem;padding:10px;width:100%}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select{background:#3a3a3a;border:1px solid #ffffff3b;color:#ffffffde}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus{border-color:#90caf9;outline:none}.modal-footer{flex-shrink:0;padding:0 24px 24px}[data-theme=dark] button[style*="border: 1px solid #ccc"]{background:#ffffff0d!important;border:1px solid #ffffff3b!important;color:#ffffffde!important}[data-theme=dark] button[disabled][style*="background: #f5f5f5"]{background:#ffffff0d!important;color:#ffffff61!important}[data-theme=dark] span[style*="fontSize: 0.875rem"]{color:#ffffffde}.snackbar{align-items:center;border-radius:6px;bottom:24px;color:#fff;display:flex;font-weight:500;gap:12px;justify-content:center;left:50%;min-width:300px;opacity:0;padding:14px 24px;position:fixed;text-align:center;transform:translateX(-50%);transition:opacity .3s;z-index:2000}.snackbar.success{background:#4caf50}.snackbar.error{background:#f44336}.snackbar.show{opacity:1}.snackbar-close{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem;margin-left:12px}.manage-assessments{min-height:100vh;padding:24px}.page-header{align-items:flex-start}.btn-create-assessment{align-items:center;background:#1976d2;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.btn-create-assessment:hover{background:#1565c0;box-shadow:0 4px 12px #1976d24d;transform:translateY(-2px)}.btn-create-assessment:active{transform:translateY(0)}.tabs-container{margin-bottom:32px}.tabs{border-bottom:2px solid #e0e0e0;padding-bottom:2px}.tab,.tabs{display:flex}.tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;flex:1 1;font-size:15px;font-weight:500;gap:8px;justify-content:center;margin-bottom:-2px;padding:12px 24px;position:relative;transition:all .3s ease}.tab-active,.tab:hover{color:#1976d2}.tab-active{border-bottom-color:#1976d2;font-weight:600}.tab-count{align-items:center;background:#1976d2;border-radius:10px;color:#fff;display:inline-flex;font-size:11px;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.tab-active .tab-count{background:#1565c0}.status-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.status-draft{background:#fff3e0;border:1px solid #ffb74d;color:#e65100}.status-review{background:#e3f2fd;border:1px solid #64b5f6;color:#01579b}.assessment-card-header{align-items:center;display:flex;justify-content:space-between}.draft-actions{display:flex;gap:12px;width:100%}.btn-finish-assessment{align-items:center;background:#ff9800;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase;transition:all .3s ease}.btn-finish-assessment:hover{background:#fb8c00;transform:scale(1.02)}.btn-finish-assessment:active{transform:scale(.98)}.btn-create-questions{align-items:center;background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase;transition:all .3s ease}.btn-create-questions:hover:not(:disabled){background:#45a049;transform:scale(1.02)}.btn-create-questions:active:not(:disabled){transform:scale(.98)}.btn-create-questions:disabled{background:#ccc;cursor:not-allowed;opacity:.6;transform:none}.assessments-section{margin-top:40px}.section-title{font-size:24px;margin:0 0 24px}.assessments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:24px;gap:24px}.assessment-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 4px #0000000d;overflow:hidden;transition:all .3s ease}.assessment-card:hover{border-color:#1976d2;box-shadow:0 4px 12px #0000001a;transform:translateY(-4px)}.assessment-card-header{background:#fafafa;border-bottom:1px solid #e0e0e0;padding:20px}.assessment-title{color:#1a1a1a;font-size:18px;font-weight:600;margin:0}.assessment-card-body{padding:20px}.assessment-details{display:flex;flex-direction:column;gap:12px}.detail-item{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;gap:12px;justify-content:space-between;padding:8px 0}.detail-item:last-child{border-bottom:none}.detail-label{color:#666;font-size:13px;font-weight:600;letter-spacing:.5px;min-width:100px;text-transform:uppercase}.detail-value{color:#1a1a1a;flex:1 1;font-size:14px;text-align:right;word-break:break-word}.assessment-description{color:#666;font-size:14px;line-height:1.6;margin:0}.assessment-card-footer{background:#fafafa;border-top:1px solid #e0e0e0;padding:16px 20px}.btn-view-results{background:#1976d2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px 20px;text-transform:uppercase;transition:all .3s ease;width:100%}.btn-view-results:hover{background:#1565c0;transform:scale(1.02)}.btn-view-results:active{transform:scale(.98)}[data-theme=dark] .manage-assessments{background-color:#121212;color:#fff}[data-theme=dark] .assessment-card{background:#1e1e1e;border-color:#333;box-shadow:0 2px 4px #0000004d}[data-theme=dark] .assessment-card:hover{box-shadow:0 4px 12px #00000080}[data-theme=dark] .assessment-card-header{background:#252525;border-bottom-color:#333}[data-theme=dark] .assessment-title{color:#fff}[data-theme=dark] .assessment-description{color:#b0b0b0}[data-theme=dark] .detail-item{border-bottom-color:#333}[data-theme=dark] .detail-label{color:#b0b0b0}[data-theme=dark] .detail-value{color:#e0e0e0}[data-theme=dark] .assessment-card-footer{background:#ffffff05;border-top-color:#333}[data-theme=dark] .tabs{border-bottom-color:#333}[data-theme=dark] .tab{color:#b0b0b0}[data-theme=dark] .tab:hover{color:#64b5f6}[data-theme=dark] .tab-active{border-bottom-color:#64b5f6;color:#64b5f6}[data-theme=dark] .tab-count{background:#64b5f6;color:#121212}[data-theme=dark] .tab-active .tab-count{background:#42a5f5}[data-theme=dark] .status-draft{background:#ff980026;border-color:#ff9800;color:#ffb74d}[data-theme=dark] .status-review{background:#2196f326;border-color:#2196f3;color:#64b5f6}.draft-edit-modal-content{max-height:500px;overflow-y:auto;padding-top:8px}.draft-edit-modal-content::-webkit-scrollbar{width:8px}.draft-edit-modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.draft-edit-modal-content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.draft-edit-modal-content::-webkit-scrollbar-thumb:hover{background:#555}[data-theme=dark] .draft-edit-modal-content::-webkit-scrollbar-track{background:#2a2a2a}[data-theme=dark] .draft-edit-modal-content::-webkit-scrollbar-thumb{background:#555}[data-theme=dark] .draft-edit-modal-content::-webkit-scrollbar-thumb:hover{background:#777}@media (max-width:768px){.manage-assessments{padding:16px}.page-header{flex-direction:column;gap:16px}.btn-create-assessment{justify-content:center;width:100%}.assessments-grid{gap:16px;grid-template-columns:1fr}.page-title{font-size:24px}.draft-edit-modal-content{max-height:400px}}.assessment-results{min-height:100vh;padding:24px}.results-header{margin-bottom:32px}.btn-back{background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#1a1a1a;font-size:14px;gap:8px;margin-bottom:16px;padding:10px 16px;transition:all .3s ease}.btn-back:hover{background:#f5f5f5;border-color:#1976d2}.header-content{margin-top:16px}.results-title{color:#1a1a1a;font-size:32px;font-weight:700;margin:0 0 8px}.results-subtitle{color:#666;font-size:16px;margin:0}.action-buttons{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.btn-action{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.btn-primary{background:#388e3c}.btn-primary:hover:not(:disabled){background:#2e7d32;transform:scale(1.02)}.btn-secondary{background:#1976d2;color:#fff}.btn-secondary:hover:not(:disabled){background:#1565c0;transform:scale(1.02)}.btn-action:disabled{cursor:not-allowed;opacity:.5}.table-container{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;overflow:hidden}.results-table{border-collapse:collapse;font-size:14px;width:100%}.results-table thead{background:#fafafa}.results-table th{border-bottom:1px solid #e0e0e0;color:#1a1a1a;font-size:12px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.results-table tbody tr{border-bottom:1px solid #e0e0e0;transition:all .2s ease}.results-table tbody tr:hover{background:#1976d20d}.results-table td{color:#666;padding:16px}.checkbox{accent-color:#1976d2;cursor:pointer;height:18px;width:18px}.email-status{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.email-status.sent{background:#388e3c26;color:#388e3c}.email-status.not-sent{background:#f4433626;color:#f44336}.action-cell{gap:8px}.action-cell,.btn-icon{align-items:center;display:flex}.btn-icon{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;color:#1a1a1a;cursor:pointer;font-size:18px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.btn-icon:hover:not(:disabled){background:#1976d21a;border-color:#1976d2;transform:scale(1.1)}.btn-icon:disabled{cursor:not-allowed;opacity:.5}.error-message{background:#ffebee;border:1px solid #ef5350;border-radius:8px;color:#c62828;margin-bottom:16px;padding:16px}.btn-retry{background:#1976d2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-retry:hover{background:#1565c0}.empty-state{padding:60px 20px}[data-theme=dark] .assessment-results{background-color:#121212;color:#fff}[data-theme=dark] .btn-back{background:#1e1e1e;border-color:#333;color:#fff}[data-theme=dark] .btn-back:hover{background:#252525}[data-theme=dark] .results-title{color:#fff}[data-theme=dark] .results-subtitle{color:#b0b0b0}[data-theme=dark] .table-container{background:#1e1e1e;box-shadow:0 2px 4px #0000004d}[data-theme=dark] .results-table thead{background:#252525}[data-theme=dark] .results-table th{border-bottom-color:#333;color:#fff}[data-theme=dark] .results-table tbody tr{border-bottom-color:#333}[data-theme=dark] .results-table tbody tr:hover{background:#1976d21a}[data-theme=dark] .results-table td{color:#b0b0b0}[data-theme=dark] .email-status.sent{background:#388e3c33;color:#66bb6a}[data-theme=dark] .email-status.not-sent{background:#f4433633;color:#ef5350}[data-theme=dark] .btn-icon{background:#ffffff0d;border-color:#333;color:#fff}[data-theme=dark] .btn-icon:hover:not(:disabled){background:#1976d233}[data-theme=dark] .error-message{background:#3e2723;border-color:#d32f2f;color:#ffcdd2}@media (max-width:768px){.assessment-results{padding:16px}.action-buttons{flex-direction:column}.btn-action{width:100%}.table-container{overflow-x:auto}.results-table{min-width:800px}.results-title{font-size:24px}}.create-assessment{background:var(--card-bg);box-shadow:0 2px 8px #0000001a;padding:2rem}.create-assessment-header{margin-bottom:2rem}.btn-back{align-items:center;background:#0000;border:1px solid var(--border-color,#e0e0e0);border-radius:6px;color:var(--text-color,#333);cursor:pointer;display:flex;font-size:.95rem;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;transition:all .2s}.btn-back:hover{background:var(--hover-bg,#f5f5f5);border-color:var(--primary-color,#4a90e2);color:var(--primary-color,#4a90e2)}[data-theme=dark] .btn-back{border-color:#444;color:#e0e0e0}[data-theme=dark] .btn-back:hover{background:#2a2a2a;border-color:#4a90e2;color:#4a90e2}.page-title{color:var(--text-color,#333);font-size:2rem;font-weight:600;margin:0}[data-theme=dark] .page-title{color:#e0e0e0}.alert-error{background:#fee;border:1px solid #fcc;color:#c33}.alert-success{background:#efe;border:1px solid #cfc;color:#3c3}.assessment-form{border-radius:12px;padding:2rem}[data-theme=dark] .assessment-form{background:#1e1e1e;box-shadow:0 2px 8px #0000004d}.form-section{margin-bottom:2rem}.form-section:last-of-type{margin-bottom:0}.section-title{border-bottom:2px solid var(--border-color,#e0e0e0);color:var(--text-color,#333);font-size:1.25rem;margin-bottom:1.5rem;padding-bottom:.5rem}[data-theme=dark] .section-title{border-bottom-color:#444;color:#e0e0e0}.form-group{margin-bottom:1.5rem}.form-row{grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.form-label{color:var(--text-color,#555);font-size:.95rem;font-weight:500;margin-bottom:.5rem}.form-label.required:after{color:#e74c3c;content:" *"}.form-input,.form-select,.form-textarea{background:var(--input-bg,#fff);border:1px solid var(--border-color,#ddd);border-radius:6px;color:var(--text-color,#333);font-size:1rem;padding:.75rem;transition:all .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-color,#4a90e2);box-shadow:0 0 0 3px #4a90e21a;outline:none}[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea{background:#2a2a2a;border-color:#444;color:#e0e0e0}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-select:focus,[data-theme=dark] .form-textarea:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e233}.form-textarea{min-height:100px}.form-group-checkbox{margin-bottom:1rem}.checkbox-label{align-items:center;color:var(--text-color,#555);cursor:pointer;display:flex;font-size:.95rem;gap:.75rem}[data-theme=dark] .checkbox-label{color:#b0b0b0}.form-checkbox{accent-color:var(--primary-color,#4a90e2);cursor:pointer;height:20px;width:20px}.loading-text{color:var(--text-secondary,#888);font-style:italic;padding:.75rem}.form-actions{border-top:1px solid var(--border-color,#e0e0e0);display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}[data-theme=dark] .form-actions{border-top-color:#444}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:var(--primary-color,#4a90e2)}.btn-primary:hover:not(:disabled){background:var(--primary-hover,#357abd);box-shadow:0 4px 12px #4a90e24d;transform:translateY(-1px)}.btn-secondary{background:#0000;border:1px solid var(--border-color,#ddd);color:var(--text-color,#333)}.btn-secondary:hover:not(:disabled){background:var(--hover-bg,#f5f5f5);border-color:var(--primary-color,#4a90e2)}[data-theme=dark] .btn-secondary{border-color:#444}[data-theme=dark] .btn-secondary:hover:not(:disabled){background:#2a2a2a;border-color:#4a90e2}@media (max-width:768px){.create-assessment{padding:1rem}.assessment-form{padding:1.5rem}.page-title{font-size:1.5rem}.form-actions{flex-direction:column}.btn{justify-content:center;width:100%}}.module-mapping-container{min-height:100vh;padding:24px}.page-header{align-items:center;display:flex;gap:20px}.alert,.page-header{justify-content:space-between}.alert-close{align-items:center;background:none;border:none;cursor:pointer;display:flex;opacity:.7;padding:4px;transition:opacity .2s}.alert-close:hover{opacity:1}.form-section{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px;padding:24px}.section-title{margin:0 0 20px}.form-group{flex:1 1;margin-bottom:20px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px;margin-bottom:20px}.form-label{display:block;margin-bottom:8px}.form-input{border:1px solid #d0d0d0;font-family:inherit;padding:12px 16px;transition:all .2s;width:100%}.form-input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.form-input option{background:#fff;color:#1a1a1a;padding:8px}.form-select-custom{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%231a1a1a' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;color:#1a1a1a!important;padding-right:40px}.form-select-custom option{background:#fff!important;color:#1a1a1a!important}.input-with-button{display:flex;gap:8px}.label-with-button{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.btn-create-inline{align-items:center;background:#fff;border:1px solid #1976d2;border-radius:6px;color:#1976d2;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.btn-create-inline:hover{background:#1976d2;box-shadow:0 2px 8px #1976d24d;color:#fff;transform:translateY(-1px)}.btn-delete,.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.btn-primary{background:#1976d2;color:#fff}.btn-primary:hover:not(:disabled){background:#1565c0;box-shadow:0 4px 12px #1976d24d;transform:translateY(-2px)}.btn-primary:disabled{background:#ccc;cursor:not-allowed;transform:none}.btn-secondary{background:#f5f5f5;color:#333}.btn-secondary:hover{background:#e0e0e0}.btn-delete{background:#ef5350;color:#fff;padding:8px}.btn-delete:hover{background:#e53935;transform:scale(1.05)}.table-container{border:1px solid #e0e0e0;border-radius:8px;overflow-x:auto}.mappings-table{border-collapse:collapse;width:100%}.mappings-table thead{background:#f5f5f5}.mappings-table td,.mappings-table th{border-bottom:1px solid #e0e0e0;padding:12px 16px;text-align:left}.mappings-table th{color:#666;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.mappings-table td{color:#333;font-size:14px}.mappings-table tbody tr:hover{background:#fafafa}.mappings-table tbody tr:last-child td{border-bottom:none}.empty-state{color:#999;font-size:16px;padding:40px 20px}.modal-overlay{z-index:1000}.modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:24px}.modal-header h3{color:#1a1a1a;font-size:20px;font-weight:600;margin:0}.modal-close{padding:4px;transition:color .2s}.modal-close:hover{color:#333}.modal-body{padding:24px}.modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:24px}[data-theme=dark] .module-mapping-container{background-color:#121212;color:#fff}[data-theme=dark] .alert-success{border-color:#4caf50}[data-theme=dark] .form-section{background:#1e1e1e;border-color:#333;box-shadow:0 2px 4px #0000004d}[data-theme=dark] .form-label{color:#e0e0e0}[data-theme=dark] .form-input{background:#2c2c2c;border-color:#444}[data-theme=dark] .form-input:focus{border-color:#42a5f5;box-shadow:0 0 0 3px #42a5f533}[data-theme=dark] .form-input:disabled{background:#1a1a1a;color:#666}[data-theme=dark] .form-input option{background:#2c2c2c;color:#fff}[data-theme=dark] .form-select-custom{background:#fff!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%231a1a1a' d='M6 9 1 4h10z'/%3E%3C/svg%3E");color:#1a1a1a!important}[data-theme=dark] .form-select-custom option{background:#fff!important;color:#1a1a1a!important}[data-theme=dark] .btn-create-inline{background:#1e1e1e;border-color:#42a5f5;color:#42a5f5}[data-theme=dark] .btn-create-inline:hover{background:#42a5f5;color:#1a1a1a}[data-theme=dark] .btn-secondary{background:#2c2c2c;color:#e0e0e0}[data-theme=dark] .btn-secondary:hover{background:#3c3c3c}[data-theme=dark] .table-container{border-color:#333}[data-theme=dark] .mappings-table thead{background:#252525}[data-theme=dark] .mappings-table th{color:#b0b0b0}[data-theme=dark] .mappings-table td{border-bottom-color:#333;color:#e0e0e0}[data-theme=dark] .mappings-table tbody tr:hover{background:#252525}[data-theme=dark] .empty-state{color:#666}[data-theme=dark] .modal-content{background:#1e1e1e}[data-theme=dark] .modal-header h3{color:#fff}[data-theme=dark] .modal-footer{border-top-color:#333}.spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (max-width:768px){.module-mapping-container{padding:16px}.page-header{align-items:flex-start;flex-direction:column;gap:16px}.page-title{font-size:24px}.form-section{padding:16px}.form-row{grid-template-columns:1fr}.modal-content{max-width:none;width:95%}.table-container{font-size:13px}.mappings-table td,.mappings-table th{padding:8px 12px}.btn-primary,.btn-secondary{justify-content:center;width:100%}.page-header .btn-primary{width:100%}}.create-question-page{background-color:#f5f5f5;min-height:100vh;padding:24px}.page-header{margin-bottom:32px}.page-title{color:#1a1a1a;font-size:32px;font-weight:700;margin:0 0 8px}.page-subtitle{color:#666;font-size:16px;margin:0}.alert{border-radius:8px;font-size:14px;font-weight:500;gap:12px;margin-bottom:24px;padding:16px}.main-grid{display:grid;grid-template-columns:1fr;grid-gap:24px;gap:24px}@media (min-width:1024px){.main-grid{grid-template-columns:320px 1fr}}.main-content,.sidebar{display:flex;flex-direction:column}.main-content{gap:24px}.card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:24px}.section-title{align-items:center;color:#1a1a1a;display:flex;font-size:20px;font-weight:600;gap:8px;margin:0 0 16px}.section-description{color:#666;font-size:14px;margin-bottom:20px}.module-list{display:flex;flex-direction:column;gap:12px}.module-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#1a1a1a;cursor:pointer;padding:16px;text-align:left;transition:all .3s ease;width:100%}.module-card:hover{border-color:#1976d2;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.module-card.active{background:#1976d2;border-color:#1976d2;box-shadow:0 4px 12px #1976d24d;color:#fff}.module-name{font-size:16px;font-weight:600;margin-bottom:4px}.module-count{font-size:13px;opacity:.9}.question-form{display:flex;flex-direction:column;gap:24px}.form-group{gap:8px}.form-label,.form-textarea{color:#1a1a1a;font-size:14px}.form-textarea{background:#fff;border:1px solid #e0e0e0;border-radius:8px;font-family:inherit;padding:12px;resize:vertical;transition:all .3s ease;width:100%}.form-textarea:focus{border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a;outline:none}.form-input{flex:1 1;font-size:14px;padding:12px;transition:all .3s ease}.form-input:focus{box-shadow:0 0 0 3px #1976d21a}.options-section{display:flex;flex-direction:column;gap:12px}.options-grid{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px}@media (min-width:768px){.options-grid{grid-template-columns:1fr 1fr}}.option-group{display:flex;flex-direction:column;gap:8px}.option-header{align-items:center;display:flex;justify-content:space-between}.option-label{color:#666;font-size:13px;font-weight:500}.option-input-wrapper{align-items:stretch;display:flex;gap:8px}.check-button{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;display:flex;justify-content:center;min-width:44px;padding:12px;transition:all .3s ease}.check-button:hover{background:#f1f8f4;border-color:#4caf50}.check-button.active{background:#4caf50;border-color:#4caf50;box-shadow:0 2px 8px #4caf504d;color:#fff}.btn-submit{align-items:center;background:#1976d2;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.5px;padding:14px 24px;text-transform:uppercase;transition:all .3s ease;width:100%}.btn-submit:hover:not(:disabled){background:#1565c0;box-shadow:0 4px 12px #1976d24d;transform:translateY(-2px)}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.questions-list{display:flex;flex-direction:column;gap:16px}.question-card{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:16px;transition:all .3s ease}.question-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.question-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.question-text{color:#1a1a1a;flex:1 1;font-size:16px;font-weight:600;margin:0}.question-meta{display:flex;flex-wrap:wrap;gap:12px}.question-id,.question-type{background:#fff;border:1px solid #e0e0e0;border-radius:12px;color:#666;font-size:12px;padding:4px 12px}.saved-options-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.saved-option{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#1a1a1a;display:flex;font-size:14px;gap:8px;padding:10px 12px;transition:all .2s ease}.saved-option.correct-option{background:#e8f5e9;border-color:#4caf50;font-weight:500}.check-icon{color:#4caf50;flex-shrink:0}.option-text{flex:1 1}.empty-state{color:#666;font-size:15px;padding:48px 20px;text-align:center}.empty-state-card{padding:60px 24px;text-align:center}.empty-icon{color:#cbd5e1;margin:0 auto 16px}.empty-title{color:#1a1a1a;font-size:20px;font-weight:600;margin:0 0 8px}.empty-text{color:#666;font-size:15px;margin:0}.loading-spinner{font-size:18px}.error-container,.loading-spinner{align-items:center;color:#666;display:flex;justify-content:center;min-height:400px}.error-container{flex-direction:column;gap:16px;text-align:center}.error-container h2{color:#1a1a1a;font-size:24px;font-weight:600;margin:0}.error-container p{font-size:16px;margin:0}[data-theme=dark] .create-question-page{background-color:#121212;color:#fff}[data-theme=dark] .page-title{color:#fff}[data-theme=dark] .page-subtitle{color:#b0b0b0}[data-theme=dark] .alert-error{background:#3e2723;border-color:#d32f2f;color:#ffcdd2}[data-theme=dark] .alert-success{background:#1b5e20;border-color:#66bb6a;color:#c8e6c9}[data-theme=dark] .card{background:#1e1e1e;border-color:#333;box-shadow:0 2px 4px #0000004d}[data-theme=dark] .section-title{color:#fff}[data-theme=dark] .section-description{color:#b0b0b0}[data-theme=dark] .module-card{background:#252525;border-color:#333;color:#fff}[data-theme=dark] .module-card:hover{border-color:#64b5f6}[data-theme=dark] .module-card.active{background:#1976d2;border-color:#1976d2}[data-theme=dark] .form-label{color:#fff}[data-theme=dark] .form-input,[data-theme=dark] .form-textarea{background:#252525;border-color:#333;color:#fff}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-textarea:focus{border-color:#64b5f6;box-shadow:0 0 0 3px #64b5f61a}[data-theme=dark] .option-label{color:#b0b0b0}[data-theme=dark] .check-button{background:#252525;border-color:#333;color:#b0b0b0}[data-theme=dark] .check-button:hover{background:#66bb6a1a;border-color:#66bb6a}[data-theme=dark] .check-button.active{background:#4caf50;border-color:#4caf50;color:#fff}[data-theme=dark] .btn-submit{background:#1976d2}[data-theme=dark] .btn-submit:hover:not(:disabled){background:#1565c0}[data-theme=dark] .btn-submit:disabled{background:#444}[data-theme=dark] .question-card{background:#252525;border-color:#333}[data-theme=dark] .question-text{color:#fff}[data-theme=dark] .question-id,[data-theme=dark] .question-type{background:#ffffff0d;border-color:#333;color:#b0b0b0}[data-theme=dark] .saved-option{background:#1a1a1a;border-color:#333;color:#fff}[data-theme=dark] .saved-option.correct-option{background:#4caf5026;border-color:#66bb6a}[data-theme=dark] .check-icon{color:#66bb6a}[data-theme=dark] .empty-state{color:#b0b0b0}[data-theme=dark] .empty-title{color:#fff}[data-theme=dark] .empty-text,[data-theme=dark] .error-container,[data-theme=dark] .loading-spinner{color:#b0b0b0}[data-theme=dark] .error-container h2{color:#fff}@media (max-width:768px){.create-question-page{padding:16px}.page-title{font-size:24px}.main-grid,.options-grid{grid-template-columns:1fr}}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9998}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{animation:scaleIn .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:500px;max-width:500px;padding:0;width:90%}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}[data-theme=dark] .modal-container{background:#1e1e1e;border:1px solid #333}.modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem 2rem}[data-theme=dark] .modal-header{border-bottom-color:#333}.modal-title{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin:0}[data-theme=dark] .modal-title{color:#fff}.modal-close{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:color .2s ease}.modal-close:hover{color:#1a1a1a}[data-theme=dark] .modal-close{color:#b0b0b0}[data-theme=dark] .modal-close:hover{color:#fff}.modal-body{flex:1 1;overflow-y:auto;padding:1.5rem 2rem}.modal-form{gap:1.25rem}.form-group,.modal-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-label{color:#333;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}[data-theme=dark] .form-label{color:#b0b0b0}.form-input{background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#1a1a1a;font-size:1rem;padding:.75rem;transition:border-color .2s ease}.form-input:focus{border-color:#1976d2;outline:none}[data-theme=dark] .form-input{background:#252525;border-color:#333;color:#fff}[data-theme=dark] .form-input:focus{border-color:#64b5f6}.modal-actions{border-top:1px solid #e0e0e0;display:flex;flex-shrink:0;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}[data-theme=dark] .modal-actions{border-top-color:#333}.modal-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;letter-spacing:.5px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .2s ease}.modal-btn-cancel{background:#e0e0e0;color:#666}.modal-btn-cancel:hover{background:#d0d0d0}[data-theme=dark] .modal-btn-cancel{background:#333;color:#b0b0b0}[data-theme=dark] .modal-btn-cancel:hover{background:#404040}.modal-btn-primary{background:#1976d2;color:#fff}.modal-btn-primary:hover:not(:disabled){background:#1565c0}.modal-btn-primary:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.modal-btn-danger{background:#d32f2f;color:#fff}.modal-btn-danger:hover:not(:disabled){background:#c62828}.modal-btn-danger:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.btn-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.delete-confirmation{color:#666;font-size:1rem;line-height:1.6}[data-theme=dark] .delete-confirmation{color:#b0b0b0}.delete-user-info{background:#f5f5f5;border-left:4px solid #d32f2f;border-radius:8px;margin-top:1rem;padding:1rem}[data-theme=dark] .delete-user-info{background:#252525;border-left-color:#ef5350}.delete-user-info p{color:#1a1a1a;margin:.25rem 0}[data-theme=dark] .delete-user-info p{color:#e0e0e0}.delete-user-info strong{font-weight:600}.alert{align-items:center;animation:slideIn .3s ease-out;border-radius:12px;box-shadow:0 8px 32px #0003;display:flex;font-size:1rem;gap:.75rem;left:50%;max-width:500px;min-width:300px;padding:1.5rem 2rem;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:9999}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.alert-error{background:#ffebee;border:1px solid #ef5350;color:#c62828}.alert-success{background:#e8f5e9;border:1px solid #66bb6a;color:#2e7d32}[data-theme=dark] .alert-error{background:#4a1a1a;border-color:#6a2a2a;color:#ff6b6b}[data-theme=dark] .alert-success{background:#1a4a1a;border-color:#2a6a2a;color:#6bff6b}
/*# sourceMappingURL=main.403feeae.css.map*/