.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background-color:var(--background)}.auth-card{width:100%;max-width:28rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:2.5rem}.auth-title{text-align:center;font-size:1.75rem;font-weight:400;margin-bottom:.5rem;color:var(--text-primary)}.auth-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:2rem;font-size:.875rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{padding-right:3.5rem}.password-toggle{position:absolute;right:.5rem;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-secondary);cursor:pointer;padding:0;z-index:1}.password-toggle:hover{color:var(--primary-color);border-color:var(--primary-color);background:color-mix(in srgb,var(--input-bg) 88%,var(--primary-color) 12%)}.password-toggle:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:.25rem}.password-toggle-icon{width:1rem;height:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-hint{display:block;margin-top:.375rem;font-size:.75rem;color:var(--text-secondary)}.auth-footer{margin-top:1.5rem;text-align:center;font-size:.875rem;color:var(--text-secondary)}.auth-footer a{color:var(--primary-color);text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.demo-credentials{margin-top:1.5rem;padding:1rem;background-color:var(--surface-hover);border:1px solid var(--border);border-left:3px solid var(--primary-color);border-radius:var(--radius-md);font-size:.8125rem}.demo-credentials p{margin:.25rem 0;color:var(--text-primary)}.demo-credentials strong{color:var(--text-primary);font-weight:700}@media (max-width: 640px){.auth-card{padding:1.5rem}.auth-title{font-size:1.5rem}.form-row{grid-template-columns:1fr}}.preferences-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay);z-index:999;animation:fadeIn .2s ease-in-out}.preferences-menu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);width:90%;max-width:500px;max-height:80vh;overflow-y:auto;z-index:1000;animation:slideIn .3s ease-out}.preferences-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border)}.preferences-header h2{font-size:1.25rem;font-weight:700;margin:0;color:var(--text-primary)}.preferences-close{background:none;border:none;font-size:2rem;line-height:1;color:var(--text-secondary);cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.preferences-close:hover{color:var(--primary-color)}.preferences-content{padding:1.5rem}.preference-section{margin-bottom:2rem}.preference-section:last-child{margin-bottom:0}.preference-section h3{font-size:1rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.preference-group{margin-bottom:1.5rem}.preference-group:last-child{margin-bottom:0}.preference-label{display:block;font-size:.875rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary)}.theme-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem}.theme-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--surface);border:2px solid var(--border);cursor:pointer;transition:var(--transition);font-size:.875rem;color:var(--text-secondary)}.theme-option:hover{border-color:var(--primary-color);background:var(--surface-hover)}.theme-option.active{border-color:var(--primary-color);background:var(--surface-hover);color:var(--primary-color)}.theme-icon{width:2rem;height:2rem;stroke-width:2}.preference-hint{font-size:.75rem;color:var(--text-tertiary);margin-top:.5rem;line-height:1.4}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (max-width: 640px){.preferences-menu{width:95%;max-height:90vh}.preferences-header,.preferences-content{padding:1rem}.theme-options{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000;z-index:999;animation:fadeIn .2s ease-in-out}.modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--background-color);border-radius:8px;box-shadow:0 4px 20px #00000026;z-index:1000;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease-out}.course-modal{width:90%;max-width:500px}.delete-dialog{width:90%;max-width:450px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;font-size:1.5rem;color:var(--text-color)}.modal-close{background:none;border:none;font-size:2rem;line-height:1;color:var(--text-secondary);cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s,color .2s}.modal-close:hover:not(:disabled){background-color:var(--hover-background);color:var(--text-color)}.modal-close:disabled{opacity:.5;cursor:not-allowed}.modal-body{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-color);font-size:.95rem}.form-group .required{color:#c0392b}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;background-color:var(--input-background);color:var(--text-color);transition:border-color .2s;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c0392b1a}.form-group input:disabled,.form-group textarea:disabled{opacity:.6;cursor:not-allowed;background-color:var(--disabled-background)}.form-group textarea{resize:vertical;min-height:100px}.form-hint{display:block;margin-top:.375rem;font-size:.875rem;color:var(--text-secondary)}.error-message{padding:.75rem 1rem;background-color:#e74c3c1a;border:1px solid #e74c3c;border-radius:4px;color:#c0392b;margin-bottom:1rem;font-size:.95rem}.warning-message{display:flex;gap:1rem;padding:1rem;background-color:#f39c121a;border:1px solid #f39c12;border-radius:4px;margin-bottom:1.5rem}.warning-icon{width:24px;height:24px;color:#f39c12;flex-shrink:0;margin-top:.125rem}.warning-title{font-weight:600;color:var(--text-color);margin:0 0 .5rem;font-size:1rem}.warning-text{margin:0 0 .5rem;color:var(--text-color);font-size:.95rem;line-height:1.5}.warning-text strong{font-weight:600;color:#c0392b}.warning-list{margin:.5rem 0 0 1.25rem;padding:0;color:var(--text-color);font-size:.95rem}.warning-list li{margin-bottom:.25rem}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.modal-actions .btn{min-width:100px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(-50%,-48%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}@media (max-width: 768px){.course-modal,.delete-dialog{width:95%;max-width:none}.modal-header,.modal-body{padding:1rem}.modal-header h2{font-size:1.25rem}}.dashboard-container{min-height:100vh;background-color:var(--background)}.dashboard-header{background:var(--black);border-bottom:2px solid var(--primary-color);box-shadow:none;position:sticky;top:0;z-index:100}.header-content{max-width:1400px;margin:0 auto;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.header-content h1{font-size:1.5rem;margin:0;color:var(--white);font-weight:700}.user-info{display:flex;align-items:center;gap:1rem}.user-info span{font-size:.875rem;color:var(--white)}.user-info .user-role{font-size:.6875rem;color:var(--primary-color);text-transform:uppercase;font-weight:700;letter-spacing:.5px}.dashboard-content{max-width:1400px;margin:0 auto;padding:1.5rem;display:grid;grid-template-columns:300px 1fr;gap:1.5rem}.courses-sidebar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;height:fit-content;position:sticky;top:100px;box-shadow:none}.courses-sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:.5rem}.courses-sidebar-header h2{font-size:1.125rem;margin:0;font-weight:700}.add-course-btn{padding:.375rem .75rem;font-size:.875rem;white-space:nowrap}.courses-sidebar h2{font-size:1.125rem;margin-bottom:1rem;font-weight:700}.courses-list{display:flex;flex-direction:column;gap:.625rem}.join-course-card{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background)}.join-course-card label{font-size:.875rem;font-weight:600}.join-course-card input{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.95rem;text-transform:uppercase}.join-course-message{margin:0;font-size:.8125rem;color:var(--text-secondary)}.course-item{width:100%;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);display:flex;align-items:stretch;position:relative}.course-item-content{flex:1;padding:1rem;cursor:pointer}.course-delete-btn{background:none;border:none;padding:.5rem;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);border-left:1px solid transparent}.course-delete-btn svg{width:18px;height:18px;stroke-width:2}.course-delete-btn:hover{color:var(--primary-color);background-color:#c0392b1a}.course-item:hover{background-color:var(--surface-hover);border-color:var(--primary-color)}.course-item:hover .course-delete-btn{border-left-color:var(--border)}.course-item.active{background-color:var(--primary-color);border-color:var(--primary-color)}.course-item.active .course-delete-btn{color:#ffffffb3;border-left-color:#fff3}.course-item.active .course-delete-btn:hover{color:var(--white);background-color:#ffffff1a}.course-item.active .course-code,.course-item.active .course-name{color:var(--white)}.course-code{font-size:.9375rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.course-item.active .course-code{color:var(--white)}.course-name{font-size:.8125rem;color:var(--text-secondary);line-height:1.4}.course-view-link{display:inline-block;margin-top:.5rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;color:var(--primary-color);background:var(--surface);border:1px solid var(--primary-color);border-radius:var(--radius-sm, 4px);text-decoration:none;transition:var(--transition)}.course-view-link:hover{background:var(--primary-color);color:var(--white);text-decoration:none}.course-item.active .course-view-link{color:var(--white);background:transparent;border-color:var(--white)}.course-item.active .course-view-link:hover{background:var(--white);color:var(--primary-color)}.dashboard-main{display:flex;flex-direction:column;gap:2rem}.no-selection{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:4rem 2rem;text-align:center;color:var(--text-secondary);box-shadow:none}.quizzes-section h2{margin-bottom:1.5rem;font-size:1.25rem;font-weight:700}.quizzes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.quiz-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:none;transition:var(--transition);display:flex;flex-direction:column;cursor:pointer}.quiz-visibility-badge{display:inline-flex;margin-bottom:.75rem;padding:.2rem .5rem;border-radius:999px;background:#c0392b1f;color:var(--primary-color);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.quiz-card:hover{border-color:var(--primary-color);background-color:var(--surface-hover)}.quiz-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:.75rem;gap:.75rem}.quiz-header h3{font-size:1.125rem;margin:0;font-weight:700}.quiz-topic{padding:.25rem .75rem;background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;white-space:nowrap;text-transform:uppercase}.quiz-description{font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.quiz-stats{display:flex;gap:1rem;margin-bottom:1rem;padding:1rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stat{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.75rem;color:var(--text-secondary)}.stat-value{font-size:.875rem;font-weight:600;color:var(--text-primary)}.quiz-attempts{font-size:.8125rem;color:var(--text-secondary);margin-bottom:1rem}.in-progress-notice{background:var(--accent-soft);border-left:3px solid var(--primary-color);padding:.75rem;margin-bottom:1rem;font-size:.8125rem;color:var(--text-primary);border-radius:var(--radius-sm);font-weight:400}.quiz-card .btn{margin-top:auto}.history-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:none}.history-section h2{margin-bottom:1.25rem;font-size:1.125rem;font-weight:700}.history-list{display:flex;flex-direction:column;gap:.75rem}.history-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition)}.history-item:hover{border-color:var(--primary-color);background:var(--surface-hover)}.history-info{flex:1}.history-title{font-weight:500;font-size:.9375rem;margin-bottom:.25rem}.history-date{font-size:.8125rem;color:var(--text-secondary)}.history-result{display:flex;align-items:center;gap:1rem}.score{font-size:1.25rem;font-weight:700;padding:.375rem .75rem;border-radius:var(--radius-md);border:1px solid}.score.pass{background-color:var(--success-soft-bg);color:var(--success-soft-text);border-color:var(--success-soft-border)}.score.fail{background-color:var(--accent-soft);color:var(--primary-color);border-color:var(--primary-color)}.history-status{font-size:.875rem;color:var(--warning-color);font-weight:500}@media (max-width: 1024px){.dashboard-content{grid-template-columns:250px 1fr}.quizzes-grid{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-content{grid-template-columns:1fr}.courses-sidebar{position:static}.header-content{flex-direction:column;gap:1rem;text-align:center}.quiz-stats{flex-direction:column;gap:.5rem}.history-item{flex-direction:column;align-items:flex-start;gap:.75rem}}.quiz-container{min-height:100vh;background-color:var(--background);display:flex;flex-direction:column}.quiz-header{background:var(--black);border-bottom:2px solid var(--primary-color);padding:1.5rem 2rem;box-shadow:none;color:var(--white)}.quiz-title-section h1{font-size:1.5rem;margin-bottom:.25rem;color:var(--white);font-weight:700}.quiz-subtitle{font-size:.9375rem;color:var(--light-gray);margin:0}.quiz-meta{display:flex;gap:2rem;margin-top:1rem;font-size:.875rem;color:var(--light-gray)}.timer{font-weight:700;font-size:1rem;padding:.375rem .75rem;background:#ffffff1a;border-radius:var(--radius-md);color:var(--white)}.timer-warning{background:#fbbf24;color:#000;animation:pulse 1s ease-in-out infinite}.timer-danger{background:var(--primary-color);color:var(--white);animation:pulse .5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.continuation-notice{background:var(--accent-soft);border-left:4px solid var(--primary-color);border-right:1px solid var(--accent-soft-border);border-top:1px solid var(--accent-soft-border);border-bottom:1px solid var(--accent-soft-border);padding:1rem 1.5rem;margin:1rem 2rem 0;font-size:.9375rem;color:var(--text-primary);border-radius:var(--radius-md)}.continuation-notice strong{color:var(--text-primary);font-weight:700}.progress-bar{height:4px;background-color:var(--medium-gray)}.progress-fill{height:100%;background-color:var(--primary-color);transition:width .3s ease}.quiz-content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:2rem;display:grid;grid-template-columns:1fr 280px;gap:2rem}.question-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;box-shadow:none;height:fit-content}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.question-header h2{font-size:1.125rem;margin:0;font-weight:700}.question-points{font-size:.875rem;font-weight:700;color:var(--primary-color);padding:.375rem .75rem;background-color:transparent;border:1px solid var(--primary-color);border-radius:var(--radius-md)}.question-text{font-size:1.125rem;line-height:1.7;margin-bottom:2rem;color:var(--text-primary);font-weight:700}.answers-list{display:flex;flex-direction:column;gap:.75rem}.answer-option{display:flex;align-items:center;gap:.75rem;padding:.875rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);text-align:left;font-size:.875rem;color:var(--text-primary)}.answer-option.mcq-option{padding:1rem;gap:1rem;border-width:2px}.answer-option:hover{background:var(--surface-hover);border-color:var(--primary-color)}.answer-option.selected{background:var(--accent-soft);border-color:var(--primary-color);box-shadow:none}.option-indicator{flex-shrink:0;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition)}.option-letter{font-weight:700;font-size:.9rem;color:var(--text-primary)}.answer-option.selected .option-letter{color:var(--white)}.answer-option.selected .option-indicator{background:var(--primary-color);border-color:var(--primary-color)}.option-text{flex:1;line-height:1.5}.check-icon{width:1.25rem;height:1.25rem;stroke-width:3;color:var(--primary-color)}.short-answer-question,.long-answer-question{display:flex;flex-direction:column;gap:.75rem}.answer-textarea,.long-answer-textarea{width:100%;padding:1rem;font-size:1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--input-bg);color:var(--text-primary);font-family:inherit;transition:border-color .2s ease;resize:vertical}.answer-textarea{min-height:140px}.long-answer-textarea{min-height:220px;line-height:1.6}.answer-textarea:focus,.long-answer-textarea:focus{border-color:var(--primary-color);outline:none}.answer-meta,.answer-stats{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;color:var(--text-tertiary)}.answer-meta .question-category,.answer-stats .word-count{font-weight:600}.question-actions{display:flex;gap:.75rem}.action-button{border:1px solid var(--border);background:var(--surface);color:var(--text-primary);padding:.65rem 1.25rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition)}.action-button.clear{border-color:var(--border)}.action-button.save,.action-button:hover{border-color:var(--primary-color);color:var(--primary-color)}.answer-hint{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;background:var(--surface-hover);border-left:3px solid var(--primary-color);font-size:.875rem;color:var(--text-secondary);border-radius:var(--radius-md)}.hint-icon{width:1rem;height:1rem;flex-shrink:0;stroke-width:2;color:var(--primary-color);margin-top:.125rem}.question-navigator{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:none;height:fit-content;position:sticky;top:1rem}.question-navigator h3{font-size:1rem;margin-bottom:1rem;font-weight:700}.question-dots{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.question-dot{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.875rem;font-weight:700;cursor:pointer;transition:var(--transition)}.question-dot:hover{background:var(--surface-hover);border-color:var(--primary-color)}.question-dot.answered{background:var(--success-soft-bg);border-color:var(--success-soft-border);color:var(--success-soft-text)}.question-dot.current{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.quiz-footer{background:var(--surface);border-top:1px solid var(--border);padding:1.5rem 2rem;box-shadow:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}.footer-actions{display:flex;gap:1rem}@media (max-width: 1024px){.quiz-content{grid-template-columns:1fr}.question-navigator{position:static}}@media (max-width: 768px){.quiz-header{padding:1rem}.quiz-title-section h1{font-size:1.1rem}.quiz-subtitle{display:none}.quiz-meta{gap:.75rem;margin-top:.5rem}.quiz-content{padding:1rem}.question-card{padding:1.5rem}.question-dots{grid-template-columns:repeat(4,1fr)}.quiz-footer{padding:1rem;flex-direction:column}.footer-actions{width:100%;flex-direction:column}.footer-actions .btn,.quiz-footer>.btn{width:100%}}.results-container{min-height:100vh;background-color:var(--background);padding:2rem}.results-header{max-width:900px;margin:0 auto 2rem;display:flex;align-items:center;gap:1rem}.back-button{padding:.5rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);font-size:.875rem;color:var(--text-primary)}.back-button:hover{background:var(--surface-hover);border-color:var(--primary-color)}.results-header h1{font-size:1.875rem;margin:0;font-weight:700}.results-summary{max-width:900px;margin:0 auto 2rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:none;display:grid;grid-template-columns:auto 1fr auto;gap:2rem;align-items:center}.results-summary.passed{border-left:6px solid var(--success-color)}.results-summary.failed{border-left:6px solid var(--primary-color)}.summary-icon{width:4rem;height:4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;border:2px solid}.results-summary.passed .summary-icon{background:var(--success-soft-bg);color:var(--success-soft-text);border-color:var(--success-soft-border)}.results-summary.failed .summary-icon{background:var(--accent-soft);color:var(--primary-color);border-color:var(--primary-color)}.summary-content h2{font-size:1.5rem;margin-bottom:.5rem;font-weight:700}.quiz-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.course-code{font-size:.9375rem;color:var(--text-secondary)}.summary-stats{display:flex;gap:2rem;align-items:center}.stat-large{text-align:center}.stat-large .stat-value{font-size:3rem;font-weight:700;line-height:1;margin-bottom:.25rem}.results-summary.passed .stat-large .stat-value{color:var(--success-color)}.results-summary.failed .stat-large .stat-value{color:var(--primary-color)}.stat-large .stat-label{font-size:.875rem;color:var(--text-secondary)}.stat-group{display:flex;flex-direction:column;gap:.75rem;padding-left:2rem;border-left:1px solid var(--border)}.stat-group .stat{display:flex;align-items:center;gap:.75rem}.stat-group .stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.stat-group .stat-label{font-size:.875rem;color:var(--text-secondary)}.results-controls{max-width:900px;margin:0 auto 1.5rem;display:flex;justify-content:flex-end}.toggle-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-label input[type=checkbox]{width:auto}.detailed-answers{max-width:900px;margin:0 auto}.detailed-answers>h2{font-size:1.25rem;margin-bottom:1.5rem;font-weight:700}.answer-review{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1rem;box-shadow:none;border-left:4px solid transparent}.answer-review.correct{border-left-color:var(--success-color)}.answer-review.incorrect{border-left-color:var(--primary-color)}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.review-number{display:flex;align-items:center;gap:.75rem}.question-number{font-weight:700;color:var(--text-primary)}.result-badge{padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;text-transform:uppercase;border:1px solid}.result-badge.correct{background:var(--success-soft-bg);color:var(--success-soft-text);border-color:var(--success-soft-border)}.result-badge.incorrect{background:var(--accent-soft);color:var(--primary-color);border-color:var(--primary-color)}.review-points{font-size:.875rem;font-weight:700;color:var(--text-secondary)}.review-question{font-size:1.0625rem;line-height:1.6;margin-bottom:1.25rem;color:var(--text-primary);font-weight:700}.review-answers{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.review-answer{padding:1rem;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);display:flex;gap:.75rem}.review-answer.wrong{background:var(--accent-soft);border-color:var(--primary-color)}.review-answer.correct-answer{background:var(--success-soft-bg);border-color:var(--success-soft-border)}.answer-label{font-size:.8125rem;font-weight:700;color:var(--text-primary);min-width:100px}.answer-text{flex:1;font-size:.9375rem;line-height:1.5}.review-explanation{padding:1rem;background:var(--surface-hover);border:1px solid var(--border);border-left:3px solid var(--primary-color);border-radius:var(--radius-md);font-size:.9375rem;line-height:1.6;color:var(--text-primary);font-style:italic}.review-explanation strong{color:var(--text-primary);font-weight:700;font-style:normal}.results-footer{max-width:900px;margin:2rem auto 0;display:flex;justify-content:space-between;gap:1rem;padding-top:2rem;border-top:1px solid var(--border)}@media (max-width: 768px){.results-container{padding:1rem}.results-header{flex-direction:column;align-items:flex-start}.results-header h1{font-size:1.5rem}.results-summary{grid-template-columns:1fr;text-align:center;padding:1rem}.summary-icon{margin:0 auto;width:3rem;height:3rem;font-size:1.5rem}.summary-content h2{font-size:1.2rem}.summary-stats{flex-direction:row;justify-content:center;gap:1.5rem}.stat-large .stat-value{font-size:2.25rem}.stat-group{padding-left:1.5rem;border-left:1px solid var(--border);border-top:none;padding-top:0}.answer-review{padding:1rem}.review-header{flex-direction:column;align-items:flex-start;gap:.5rem}.review-answer{flex-direction:column;gap:.5rem}.answer-label{min-width:auto}.results-footer{flex-direction:column}.results-footer .btn{width:100%}}.ai-feedback{margin-top:1rem;padding:1.25rem;background:linear-gradient(135deg,#dc262608,#dc26260f);border:1px solid rgba(220,38,38,.15);border-radius:var(--radius-md);border-left:4px solid var(--primary-color)}.feedback-header{font-size:1rem;margin-bottom:.875rem;color:var(--primary-color)}.feedback-header strong{font-weight:700}.feedback-summary{font-size:.9375rem;line-height:1.6;color:var(--text-primary);margin-bottom:1rem;padding:.75rem;background:var(--surface);border-radius:var(--radius-sm);border-left:3px solid var(--primary-color)}.feedback-section{margin-top:1rem;padding:.875rem;border-radius:var(--radius-sm)}.feedback-section.strengths{background:var(--success-soft-bg);border:1px solid var(--success-soft-border)}.feedback-section.improvements{background:#3b82f60d;border:1px solid rgba(59,130,246,.15)}.feedback-section.criteria-breakdown{background:var(--surface);border:1px solid var(--border)}.feedback-section strong{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:700;color:var(--text-primary)}.feedback-section ul{margin:0;padding-left:1.5rem;list-style-type:disc}.feedback-section li{margin-bottom:.375rem;font-size:.875rem;line-height:1.5;color:var(--text-primary)}.feedback-section li:last-child{margin-bottom:0}.criterion{padding:.75rem;margin-top:.5rem;background:var(--surface-hover);border-radius:var(--radius-sm);border-left:3px solid var(--primary-color)}.criterion:first-child{margin-top:0}.criterion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem}.criterion-name{font-weight:700;font-size:.875rem;color:var(--text-primary)}.criterion-score{font-size:.875rem;font-weight:700;color:var(--primary-color)}.criterion-rationale{font-size:.8125rem;line-height:1.5;color:var(--text-secondary)}@media (max-width: 768px){.ai-feedback{padding:1rem}.criterion-header{flex-direction:column;align-items:flex-start;gap:.25rem}}.lecture-upload-container{margin-bottom:2rem}.upload-dropzone{border:2px dashed var(--border-color, #ccc);border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:border-color .2s,background-color .2s;background:var(--card-bg, #fafafa)}.upload-dropzone:hover{border-color:var(--primary-color, #4a90d9);background:var(--hover-bg, #f0f4ff)}.upload-dropzone.drag-over{border-color:var(--primary-color, #4a90d9);border-style:solid;background:var(--hover-bg, #e8f0fe)}.upload-input-hidden{display:none}.upload-icon{font-size:2.5rem;margin-bottom:.5rem}.upload-text{font-size:1rem;color:var(--text-color, #333);margin:.5rem 0 .25rem}.upload-hint{font-size:.85rem;color:var(--text-secondary, #888);margin:0}.upload-status{border-radius:12px;padding:2rem;text-align:center;background:var(--card-bg, #fafafa);border:2px solid var(--border-color, #ccc)}.upload-status p{margin:.75rem 0;font-size:1rem}.upload-spinner{display:inline-block;width:32px;height:32px;border:3px solid var(--border-color, #ccc);border-top-color:var(--primary-color, #4a90d9);border-radius:50%;animation:upload-spin .8s linear infinite}@keyframes upload-spin{to{transform:rotate(360deg)}}.upload-status.processing .upload-spinner{animation:upload-spin .8s linear infinite,upload-pulse 2s ease-in-out infinite}@keyframes upload-pulse{0%,to{opacity:1}50%{opacity:.5}}.upload-status.completed{border-color:#28a745;background:#f0fff4}.upload-success-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#28a745;color:#fff;font-size:1.5rem;font-weight:700}.upload-status.failed{border-color:#dc3545;background:#fff5f5}.upload-error-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#dc3545;color:#fff;font-size:1.5rem;font-weight:700}.upload-status .btn{margin-top:1rem}.upload-jobs-list{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.upload-job-item{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;border-radius:8px;background:var(--card-bg, #fafafa);border:1px solid var(--border-color, #ddd);font-size:.9rem}.upload-job-spinner{display:inline-block;width:18px;height:18px;border:2px solid var(--border-color, #ccc);border-top-color:var(--primary-color, #4a90d9);border-radius:50%;animation:upload-spin .8s linear infinite;flex-shrink:0}.upload-job-filename{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.upload-job-status-text{color:var(--text-secondary, #888);margin-left:auto;white-space:nowrap}.upload-job-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;color:#fff;font-size:.8rem;font-weight:700;flex-shrink:0}.upload-job-icon.completed{background:#28a745}.upload-job-icon.failed{background:#dc3545}.upload-job-item.completed{border-color:#28a745}.upload-job-item.failed{border-color:#dc3545}.upload-job-item.failed .upload-job-status-text{color:#dc3545;font-size:.82rem}.upload-job-dismiss{background:none;border:none;font-size:1.2rem;color:var(--text-secondary, #999);cursor:pointer;padding:0 .25rem;line-height:1;flex-shrink:0}.upload-job-dismiss:hover{color:var(--text-color, #333)}.upload-clear-btn{align-self:flex-end;font-size:.82rem;padding:.3rem .75rem;margin-top:.25rem}.course-page-container{max-width:960px;margin:0 auto;padding:2rem 1.5rem}.course-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.course-page-header h1{margin:0;font-size:1.6rem}.course-page-header .course-page-code{color:var(--text-secondary, #666);font-weight:400;margin-left:.5rem}.back-link{color:var(--primary-color, #4a90d9);text-decoration:none;font-size:.95rem;display:inline-flex;align-items:center;gap:.25rem}.back-link:hover{text-decoration:underline}.course-page-section{margin-bottom:2rem}.course-page-section h2{font-size:1.25rem;margin-bottom:1rem}.analytics-spotlight-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:1.1rem 1.2rem;display:flex;justify-content:space-between;gap:1rem;align-items:center;background:radial-gradient(circle at 12% 12%,rgba(233,28,36,.12),transparent 35%),radial-gradient(circle at 85% 12%,rgba(42,157,143,.12),transparent 28%),var(--surface)}.analytics-spotlight-kicker{margin:0 0 .3rem;color:var(--primary-color);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:700}.analytics-spotlight-card h2{margin:0}.analytics-spotlight-card p{margin:.45rem 0 0;color:var(--text-secondary);max-width:740px}.analytics-spotlight-status strong{color:var(--text-primary)}.analytics-spotlight-actions{display:flex;flex-wrap:wrap;gap:.65rem}.instructor-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.course-info-card,.student-roster-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem 1.25rem}.join-code-display{margin:.5rem 0 .25rem;font-size:1.5rem;font-weight:800;letter-spacing:.18em}.join-code-hint{margin:0;color:var(--text-secondary)}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.analytics-grid div{display:flex;flex-direction:column;gap:.25rem}.analytics-controls{display:flex;flex-direction:column;gap:1rem}.analytics-visibility-toggle{display:flex;align-items:center;gap:.85rem;position:relative;color:var(--text-primary);cursor:pointer}.analytics-visibility-toggle input[type=checkbox]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.analytics-visibility-track{width:50px;height:30px;border-radius:999px;background:color-mix(in srgb,var(--text-secondary) 30%,transparent);border:1px solid color-mix(in srgb,var(--text-secondary) 40%,transparent);position:relative;transition:background-color .18s ease,border-color .18s ease;flex:0 0 auto}.analytics-visibility-track:after{content:"";position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform .18s ease}.analytics-visibility-toggle input[type=checkbox]:checked+.analytics-visibility-track{background:color-mix(in srgb,var(--primary-color) 72%,transparent);border-color:color-mix(in srgb,var(--primary-color) 90%,transparent)}.analytics-visibility-toggle input[type=checkbox]:checked+.analytics-visibility-track:after{transform:translate(20px)}.analytics-visibility-toggle input[type=checkbox]:focus-visible+.analytics-visibility-track{outline:2px solid var(--primary-color);outline-offset:2px}.analytics-visibility-copy{display:flex;flex-direction:column;gap:.2rem}.analytics-visibility-copy small{color:var(--text-secondary)}.analytics-visibility-toggle input[type=checkbox]:disabled+.analytics-visibility-track,.analytics-visibility-toggle input[type=checkbox]:disabled+.analytics-visibility-track+.analytics-visibility-copy{opacity:.65}.export-actions{display:flex;flex-wrap:wrap;gap:.75rem}.analytics-spotlight-actions .btn,.export-actions .btn{min-height:40px;min-width:152px;justify-content:center}.analytics-panel-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.analytics-pill-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.analytics-inline-toggle{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .65rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);font-size:.9rem}.metrics-grid{margin-bottom:1rem}.analytics-chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}.analytics-chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem}.analytics-chart-card h3{margin-top:0;margin-bottom:.9rem}.analytics-heatmap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.analytics-heatmap-cell{border-radius:var(--radius-sm);padding:.75rem;color:#fff;display:flex;flex-direction:column;gap:.2rem;min-height:82px}.analytics-heatmap-cell .heatmap-label{font-size:.82rem;line-height:1.2}.analytics-heatmap-cell small{opacity:.9}.analytics-label{color:var(--text-secondary);font-size:.8125rem;text-transform:uppercase;letter-spacing:.04em}.course-quiz-actions{display:flex;gap:.75rem;flex-wrap:wrap}.student-roster{display:flex;flex-direction:column;gap:.75rem}.student-roster-item{display:flex;justify-content:space-between;gap:1rem;align-items:center}.student-roster-item p{margin:.25rem 0 0;color:var(--text-secondary)}.student-stats{display:flex;gap:1rem;flex-wrap:wrap;color:var(--text-secondary);font-size:.9rem}.info-message{color:var(--text-secondary);font-size:.9375rem;padding:1.5rem;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}@media (max-width: 760px){.analytics-spotlight-card{flex-direction:column;align-items:flex-start}.analytics-spotlight-actions .btn,.export-actions .btn{width:100%}}.analytics-page-shell{max-width:1440px;margin:0 auto;padding:1.5rem 1.75rem 2.25rem}.analytics-page-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:1.2rem}.analytics-page-header h1{margin:0;font-size:1.9rem}.analytics-page-header p{margin:.3rem 0 0;color:var(--text-secondary)}.analytics-page-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.prof-analytics-shell{display:flex;flex-direction:column;gap:1rem}.prof-analytics-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.1rem 1.1rem .9rem;border:1px solid var(--border);border-radius:var(--radius-md);background:radial-gradient(circle at 12% 10%,rgba(233,28,36,.14),transparent 36%),radial-gradient(circle at 88% 10%,rgba(42,157,143,.15),transparent 30%),var(--surface)}.prof-analytics-hero h2{margin:0;font-size:1.5rem}.prof-analytics-hero p{margin:.45rem 0 0;color:var(--text-secondary);max-width:780px}.prof-analytics-view-note{font-size:.9rem;color:var(--text-primary);font-weight:500}.prof-analytics-kicker{margin:0 0 .35rem;color:var(--primary-color);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:700}.prof-analytics-toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.8rem}.prof-analytics-group{border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem;background:var(--surface)}.prof-analytics-group-title{display:block;font-size:.78rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.45rem}.prof-analytics-pill-row{display:flex;gap:.45rem;flex-wrap:wrap}.prof-analytics-source-filter{margin-top:.55rem;display:flex;gap:.45rem;align-items:center;flex-wrap:wrap}.prof-analytics-source-filter select{min-width:220px;padding:.42rem .55rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-primary)}.prof-analytics-source-filter select:focus{outline:none;border-color:var(--primary-color)}.prof-analytics-source-note{margin:.55rem 0 0;color:var(--text-secondary);font-size:.84rem}.prof-analytics-warning{border:1px solid rgba(197,139,63,.45);border-radius:var(--radius-md);background:#c58b3f14;color:var(--text-primary);padding:.7rem .85rem;font-size:.9rem}.prof-analytics-empty-state{width:100%;box-sizing:border-box;height:100%;min-height:220px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--border);color:var(--text-secondary);font-size:.92rem;text-align:center;line-height:1.4;white-space:normal;padding:1rem}.prof-analytics-pill-row .btn{padding:.42rem .7rem;font-size:.86rem}.prof-analytics-inline-toggle{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--border);background:var(--surface-hover);padding:.33rem .5rem;font-size:.82rem;color:var(--text-secondary)}.prof-analytics-inline-toggle input{width:auto;margin:0}.prof-analytics-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.7rem}.prof-metric-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:.75rem}.prof-metric-card strong{display:block;font-size:1.24rem;margin-top:.2rem}.prof-analytics-chart-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.9rem}.prof-analytics-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:.95rem;grid-column:span 6}.prof-analytics-card header{margin-bottom:.55rem}.prof-analytics-card header h3{margin:0;font-size:1.03rem}.prof-analytics-card header p{margin:.24rem 0 0;color:var(--text-secondary);font-size:.88rem}.prof-span-2{grid-column:span 12}.prof-heatmap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.6rem}.prof-heatmap-cell{padding:.7rem;border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-sm);min-height:86px;display:flex;flex-direction:column;gap:.24rem}.prof-heatmap-cell .heatmap-label{font-size:.8rem;line-height:1.2}.prof-heatmap-cell small{opacity:.92}.prof-tag-coverage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem}.prof-tag-coverage-grid>div{border:1px solid var(--border);border-radius:var(--radius-sm);padding:.65rem;background:var(--surface-hover)}.prof-tag-coverage-grid strong{display:block;margin-top:.2rem;font-size:1.14rem}@media (max-width: 1080px){.analytics-page-shell{padding:1rem 1rem 1.7rem}.prof-analytics-card{grid-column:span 12}}@media (max-width: 720px){.analytics-page-header h1{font-size:1.45rem}.prof-analytics-hero{padding:.95rem}.prof-analytics-hero h2{font-size:1.24rem}}*{margin:0;padding:0;box-sizing:border-box}:root,[data-theme=light]{--primary-color: #E91C24;--primary-hover: #c71920;--primary-light: #ff4d54;--primary-dark: #b01419;--black: #000000;--dark-gray: #1a1a1a;--medium-gray: #333333;--light-gray: #666666;--border-gray: #cccccc;--white: #ffffff;--success-color: #10b981;--success-hover: #059669;--success-bg: #f0fdf4;--success-border: #86efac;--danger-color: #E91C24;--danger-hover: #c71920;--warning-color: #f59e0b;--background: #f0f0f0;--surface: #ffffff;--surface-elevated: #ffffff;--surface-hover: #fafafa;--border: #cccccc;--border-hover: #E91C24;--text-primary: #000000;--text-secondary: #666666;--text-tertiary: #999999;--text-inverse: #ffffff;--input-bg: #ffffff;--input-border: #cccccc;--overlay: rgba(0, 0, 0, .5);--accent-soft: #fff5f5;--accent-soft-border: #f8b4b4;--success-soft-bg: #f0fdf4;--success-soft-border: #86efac;--success-soft-text: #15803d;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .1);--shadow-md: 0 1px 4px 0 rgba(0, 0, 0, .15);--shadow-lg: 0 2px 8px 0 rgba(0, 0, 0, .2)}[data-theme=dark]{--primary-color: #ff2e38;--primary-hover: #ff4d54;--primary-light: #ff6b74;--primary-dark: #d11920;--black: #000000;--dark-gray: #f5f5f5;--medium-gray: #d4d4d4;--light-gray: #a3a3a3;--border-gray: #333333;--white: #ffffff;--success-color: #34d399;--success-hover: #6ee7b7;--success-bg: #0f2a1a;--success-border: #2f855a;--danger-color: #ff2e38;--danger-hover: #ff4d54;--warning-color: #fbbf24;--background: #0a0a0a;--surface: #1a1a1a;--surface-elevated: #242424;--surface-hover: #2a2a2a;--border: #333333;--border-hover: #ff2e38;--text-primary: #ffffff;--text-secondary: #c4c4c4;--text-tertiary: #9ca3af;--text-inverse: #000000;--input-bg: #1a1a1a;--input-border: #333333;--overlay: rgba(0, 0, 0, .8);--accent-soft: rgba(255, 46, 56, .15);--accent-soft-border: #ff4d54;--success-soft-bg: rgba(52, 211, 153, .15);--success-soft-border: #34d399;--success-soft-text: #34d399;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 1px 4px 0 rgba(0, 0, 0, .4);--shadow-lg: 0 2px 8px 0 rgba(0, 0, 0, .5)}:root{--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--transition: all .2s ease-in-out}body{font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease}#root{min-height:100vh}button{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:.5rem}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}p{margin-bottom:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 2.5rem;font-size:1rem;font-weight:400;border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);text-decoration:none;white-space:nowrap;background-color:var(--surface);color:var(--text-primary)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:hover:not(:disabled){background-color:var(--surface-hover);border-color:var(--primary-color)}.btn-primary{background-color:var(--primary-color);color:var(--white);border:none;padding:.75rem 2.5rem;font-weight:400}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover)}.btn-secondary{background-color:var(--surface);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background-color:var(--surface-hover);border-color:var(--primary-color)}.btn-success{background-color:var(--success-color);color:var(--white);border:none}.btn-success:hover:not(:disabled){background-color:var(--success-hover)}.btn-small{padding:.5rem 1.25rem;font-size:.875rem}.btn-back{margin-bottom:1.25rem}input,textarea,select{width:100%;padding:.625rem;font-size:.875rem;border:1px solid var(--input-border);border-radius:var(--radius-md);transition:var(--transition);font-family:inherit;background-color:var(--input-bg);color:var(--text-primary)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:none}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}label{display:block;margin-bottom:.375rem;font-size:.875rem;font-weight:400;color:var(--text-primary)}.loading{display:flex;justify-content:center;align-items:center;padding:3rem;font-size:1.125rem;color:var(--text-secondary)}.error-message{padding:.75rem 1rem;background-color:var(--accent-soft);border:1px solid var(--accent-soft-border);border-radius:var(--radius-md);color:var(--danger-color);font-size:.875rem;margin-bottom:1rem}.error-banner{padding:1rem;background-color:var(--accent-soft);border-left:4px solid var(--danger-color);color:var(--danger-color);margin-bottom:1rem}.no-data{text-align:center;padding:3rem 1rem;color:var(--text-secondary);font-size:.9375rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:none;padding:1.25rem;transition:var(--transition)}.card:hover{border-color:var(--border-hover);background-color:var(--surface-hover)}@media (max-width: 768px){h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}.btn{padding:.5rem 1rem;font-size:.8125rem}}