.app-layout{display:flex;flex-direction:column;height:100vh;background:var(--surface)}.app-body{display:flex;flex:1;overflow:hidden}.main-content{flex:1;overflow:auto;background:var(--surface)}.content-wrapper{padding:var(--spacing-lg);max-width:1400px;margin:0 auto;width:100%;animation:fadeIn var(--transition-slow)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing) var(--spacing-lg);background:var(--background);color:var(--text-primary);box-shadow:var(--shadow-sm);z-index:1000;position:relative;border-bottom:1px solid var(--border)}.header-left{display:flex;align-items:center}.logo{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1.5rem}.logo-icon{font-size:2rem}.logo-text{font-size:1.25rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.header-right{display:flex;align-items:center}.profile-menu{position:relative}.profile-button{display:flex;align-items:center;gap:.75rem;background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-md);padding:.5rem 1rem;color:var(--text-primary);cursor:pointer;transition:all var(--transition)}.profile-button:hover{background:var(--gray-100);border-color:var(--gray-300);box-shadow:var(--shadow-sm)}.profile-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-600);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.95rem;color:#fff}.profile-email{font-size:.9rem;font-weight:500}.profile-arrow{transition:transform var(--transition);opacity:.8}.profile-arrow.open{transform:rotate(180deg)}.profile-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:300px;background:var(--background);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);border:1px solid var(--border);z-index:1001;overflow:hidden;animation:slideDown var(--transition-fast)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-header{display:flex;align-items:center;gap:var(--spacing);padding:var(--spacing-md);background:var(--gray-50);border-bottom:1px solid var(--border)}.profile-avatar-large{width:52px;height:52px;border-radius:50%;background:var(--primary-600);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.3rem;flex-shrink:0;box-shadow:var(--shadow)}.profile-dropdown-info{flex:1;min-width:0}.profile-dropdown-email{font-weight:600;color:var(--text-primary);font-size:.95rem;word-break:break-word}.profile-dropdown-date{color:var(--text-muted);font-size:.8rem;margin-top:.25rem}.profile-dropdown-divider{border:none;height:1px;background:var(--border);margin:0}.profile-dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:var(--spacing) var(--spacing-md);background:none;border:none;text-align:left;cursor:pointer;color:#000;font-size:.9rem;font-weight:500;transition:all var(--transition)}.profile-dropdown-item:hover{background:var(--gray-50);color:var(--text-primary)}.profile-dropdown-item:last-child{color:var(--danger-600)}.profile-dropdown-item:last-child:hover{background:var(--danger-50);color:var(--danger-700)}.sidebar{width:280px;background:var(--background);border-right:1px solid var(--border);overflow-y:auto;overflow-x:hidden;transition:width var(--transition-slow);box-shadow:var(--shadow-sm)}.sidebar.collapsed{width:80px}.sidebar-nav{padding:var(--spacing-md) 0;height:100%;display:flex;flex-direction:column}.sidebar-section{margin-bottom:var(--spacing-lg)}.sidebar-section-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--spacing);padding:0 var(--spacing-md);transition:opacity var(--transition)}.sidebar.collapsed .sidebar-section-title{opacity:0;pointer-events:none}.sidebar-menu{list-style:none;padding:0;margin:0}.sidebar-menu-item{margin-bottom:.125rem}.sidebar-menu-button{display:flex;align-items:center;width:100%;padding:var(--spacing) var(--spacing-md);background:none;border:none;text-align:left;cursor:pointer;border-radius:0;transition:all var(--transition);color:var(--text-secondary);position:relative;font-family:inherit}.sidebar-menu-button:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--primary-600);border-radius:0 var(--radius-sm) var(--radius-sm) 0;transition:height var(--transition)}.sidebar-menu-button:hover{background:var(--gray-50);color:var(--text-primary)}.sidebar-menu-button.active{background:var(--primary-50);color:var(--primary-700);font-weight:600}.sidebar-menu-button.active:before{height:60%}.sidebar-menu-icon{font-size:1.35rem;width:28px;text-align:center;margin-right:var(--spacing);flex-shrink:0;transition:transform var(--transition)}.sidebar-menu-button:hover .sidebar-menu-icon{transform:scale(1.1)}.sidebar.collapsed .sidebar-menu-icon{margin-right:0}.sidebar-menu-content{flex:1;min-width:0;transition:opacity var(--transition)}.sidebar.collapsed .sidebar-menu-content{opacity:0;pointer-events:none}.sidebar-menu-label{display:block;font-weight:600;font-size:.9rem;margin-bottom:.125rem;line-height:1.3}.sidebar-menu-description{display:block;font-size:.75rem;opacity:.75;line-height:1.3;color:var(--text-muted)}.sidebar-footer{margin-top:auto;padding:var(--spacing-md);transition:opacity var(--transition)}.sidebar.collapsed .sidebar-footer{opacity:0;pointer-events:none}.sidebar-help{background:var(--primary-50);border-radius:var(--radius-lg);padding:var(--spacing);border:1px solid var(--primary-200)}.sidebar-help-icon{font-size:1.75rem;margin-bottom:var(--spacing-sm)}.sidebar-help-content h4{font-size:.9rem;font-weight:700;margin-bottom:.25rem;color:var(--text-primary)}.sidebar-help-content p{font-size:.8rem;color:var(--text-secondary);line-height:1.4;margin:0}.page-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border)}.page-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing)}.page-title-icon{font-size:2rem;color:var(--primary-600)}.page-description{font-size:1.05rem;color:var(--text-secondary);margin:0}.page-content{background:var(--background);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-md);border:1px solid var(--border)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.stat-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow);transition:all var(--transition);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--primary-600)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing)}.stat-card-title{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.stat-card-icon{font-size:2rem;opacity:.3}.stat-card-value{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm);line-height:1}.stat-card-footer{font-size:.85rem;color:var(--text-secondary)}@media (max-width: 1024px){.content-wrapper{padding:var(--spacing)}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width: 768px){.app-header{padding:var(--spacing)}.logo-text,.profile-email{display:none}.sidebar{width:70px}.sidebar-section-title,.sidebar-menu-content,.sidebar-footer{display:none}.sidebar-menu-icon{margin-right:0}.content-wrapper{padding:var(--spacing)}.profile-dropdown{width:260px}.page-title{font-size:1.5rem}.stat-card-value{font-size:2rem}}@media (max-width: 480px){.dashboard-grid{grid-template-columns:1fr}}.status-badge{display:inline-flex;align-items:center;padding:.375rem .875rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-success{background:var(--success-50);color:var(--success-700);border:1px solid var(--success-500)}.status-error{background:var(--danger-50);color:var(--danger-700);border:1px solid var(--danger-500)}.status-processing{background:var(--primary-50);color:var(--primary-700);border:1px solid var(--primary-500);animation:pulse-status 2s ease-in-out infinite}@keyframes pulse-status{0%,to{opacity:1}50%{opacity:.7}}.processing-container{background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-md);margin:var(--spacing-md) 0}.processing-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing);background:var(--background);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);border:1px solid var(--border);border-left:3px solid var(--primary-500);transition:all var(--transition)}.processing-item:last-child{margin-bottom:0}.processing-item:hover{box-shadow:var(--shadow);transform:translate(4px)}.processing-item.success{border-left-color:var(--success-500);background:var(--success-50)}.processing-item.error{border-left-color:var(--danger-500);background:var(--danger-50)}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn var(--transition-fast)}.modal{background:var(--background);border-radius:var(--radius-xl);width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl);animation:slideUp var(--transition)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border)}.modal-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted);width:32px;height:32px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.close-btn:hover{background:var(--gray-100);color:var(--text-primary)}.modal-body{padding:var(--spacing-lg)}.modal-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:var(--spacing)}.empty-state{text-align:center;padding:var(--spacing-2xl) var(--spacing);color:var(--text-muted)}.empty-state-icon{font-size:4rem;margin-bottom:var(--spacing);opacity:.3}.empty-state-title{font-size:1.25rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.empty-state-description{color:var(--text-muted);margin-bottom:var(--spacing-md)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp var(--transition-slow)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,var(--gray-100) 0%,var(--gray-200) 50%,var(--gray-100) 100%);background-size:1000px 100%;animation:shimmer 2s infinite;border-radius:var(--radius)}.take-assessment-container{height:100vh;display:flex;flex-direction:column;background-color:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.assessment-header{background:#fff;border-bottom:1px solid #e1e8ed;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a;z-index:10}.header-left .assessment-title{margin:0;font-size:20px;font-weight:600;color:#1a1a1a}.header-right{display:flex;align-items:center;gap:16px}.timer{display:flex;align-items:center;gap:8px;background:#f8f9fa;padding:8px 16px;border-radius:8px;font-weight:600;color:#495057;border:1px solid #dee2e6}.timer-warning{background:#fff3cd;color:#856404;border-color:#ffeaa7}.assessment-body{flex:1;display:flex;overflow:hidden}.assessment-sidebar{width:280px;background:#fff;border-right:1px solid #e1e8ed;padding:24px;overflow-y:auto}.section-info h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#1a1a1a}.status-summary{margin-bottom:24px;padding:16px;background:#f8f9fa;border-radius:8px}.status-item{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:14px}.status-item:last-child{margin-bottom:0}.status-dot{width:12px;height:12px;border-radius:50%}.status-item.answered .status-dot{background-color:#28a745}.status-item.flagged .status-dot{background-color:#ffc107}.status-item.unanswered .status-dot{background-color:#6c757d}.question-navigation{margin-top:16px}.question-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.question-nav-btn{width:40px;height:40px;border:2px solid #dee2e6;background:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;color:#495057}.question-nav-btn:hover{border-color:#007bff;background:#f8f9fa}.question-nav-btn.active{background:#007bff;border-color:#007bff;color:#fff}.question-nav-btn.answered{background:#28a745;border-color:#28a745;color:#fff}.question-nav-btn.answered.active{background:#1e7e34;border-color:#1e7e34}.question-nav-btn.flagged{background:#ffc107;border-color:#ffc107;color:#212529}.question-nav-btn.flagged.active{background:#e0a800;border-color:#e0a800}.question-nav-btn.answered.flagged{background:linear-gradient(45deg,#28a745 50%,#ffc107 50%);border-color:#28a745;color:#fff}.assessment-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.question-container{flex:1;padding:32px;overflow-y:auto;background:#fff;margin:24px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.question-content{max-width:800px}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e1e8ed}.question-info{display:flex;align-items:center;gap:16px}.question-number{font-size:16px;font-weight:700;color:#007bff}.question-type{background:#e9ecef;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600;color:#495057;text-transform:uppercase}.question-points{background:#007bff;color:#fff;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600}.btn.flagged{background:#ffc107;border-color:#ffc107;color:#212529}.question-text{margin-bottom:32px}.question-text p{font-size:16px;line-height:1.6;color:#343a40;margin:0}.answer-section{margin-top:24px}.multiple-choice-options,.true-false-options{display:flex;flex-direction:column;gap:12px}.option-item{display:flex;align-items:center;gap:12px;padding:16px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .2s ease}.option-item:hover{background:#e9ecef;border-color:#007bff}.option-item input[type=radio]{width:18px;height:18px;accent-color:#007bff}.option-item input[type=radio]:checked+.option-text{font-weight:600;color:#007bff}.option-text{flex:1;font-size:15px;color:#495057}.answer-textarea{width:100%;min-height:120px;padding:16px;border:2px solid #e9ecef;border-radius:8px;font-size:15px;line-height:1.5;resize:vertical;font-family:inherit}.answer-textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.question-controls{background:#fff;border-top:1px solid #e1e8ed;padding:20px 32px;display:flex;justify-content:space-between;align-items:center;margin:0 24px 24px;border-radius:0 0 12px 12px;box-shadow:0 -2px 8px #0000000d}.control-left,.control-right{flex:1}.control-right{display:flex;justify-content:flex-end}.control-center{flex:1;text-align:center}.question-counter{font-size:14px;font-weight:600;color:#6c757d}.assessment-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:#f5f7fa}.loading-spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.assessment-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:#f5f7fa;text-align:center;padding:40px}.assessment-error h2{color:#dc3545;margin-bottom:16px}.assessment-error p{color:#6c757d;margin-bottom:24px;max-width:500px}@media (max-width: 1024px){.assessment-sidebar{width:240px}.question-container{padding:24px;margin:16px}.question-controls{padding:16px 24px;margin:0 16px 16px}}@media (max-width: 768px){.assessment-body{flex-direction:column}.assessment-sidebar{width:100%;max-height:200px;padding:16px}.question-grid{grid-template-columns:repeat(10,1fr)}.question-nav-btn{width:32px;height:32px;font-size:12px}.assessment-header{padding:12px 16px}.header-right{gap:8px}.timer{padding:6px 12px;font-size:14px}}.audio-question{margin-top:16px}.audio-player-container{background:#f8f9fa;padding:24px;border-radius:12px;margin-bottom:24px;border:2px solid #e1e8ed;display:flex;justify-content:center;align-items:center}.audio-player{width:100%;max-width:500px;height:48px;border-radius:8px;outline:none}.audio-player:focus{outline:2px solid var(--primary-500);outline-offset:2px}.audio-answer-section{margin-top:20px}.audio-instruction{font-size:15px;font-weight:500;color:#495057;margin-bottom:12px;display:flex;align-items:center;gap:8px}.audio-instruction:before{content:"🎧";font-size:20px}.rubric-generation{max-width:1400px;margin:0 auto;padding:20px}.page-header{margin-bottom:30px}.page-header h1{font-size:2rem;font-weight:600;margin-bottom:8px;color:#1f2937}.page-header p{color:#6b7280;font-size:1rem}.rubric-container{display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:start}.rubric-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:24px}.rubric-form h2{font-size:1.25rem;font-weight:600;margin-bottom:20px;color:#1f2937}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:500;margin-bottom:8px;color:#374151;font-size:.875rem}.rubric-form-textarea,.rubric-form-select{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;transition:border-color .2s,box-shadow .2s}.rubric-form-textarea:focus,.rubric-form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.rubric-form-textarea.error,.rubric-form-select.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.rubric-form-textarea{resize:vertical;min-height:80px}.validation-error{color:#dc2626;font-size:.875rem;margin-top:4px;display:flex;align-items:center;gap:4px}.validation-error:before{content:"⚠️";font-size:.75rem}.form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.complexity-slider{display:flex;align-items:center;gap:12px;margin-bottom:8px}.complexity-slider span{font-size:.875rem;color:#6b7280;min-width:30px}.slider{flex:1;height:4px;border-radius:2px;background:#e5e7eb;outline:none;cursor:pointer}.slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:#3b82f6;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0000001a}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#3b82f6;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0000001a}.complexity-value{text-align:center;font-weight:500;color:#374151;font-size:.875rem}.number-selector{display:flex;align-items:center;gap:12px}.number-value{font-weight:600;color:#374151;min-width:20px;text-align:center}.generate-button{width:100%;background:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s;margin-top:20px}.generate-button:hover:not(:disabled){background:#2563eb}.generate-button:disabled{background:#9ca3af;cursor:not-allowed}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px;border-radius:6px;margin-top:12px;font-size:.875rem}.rubric-preview{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:24px}.rubric-preview h2{font-size:1.25rem;font-weight:600;margin-bottom:16px;color:#1f2937}.info-banner{background:#e0f2fe;border:1px solid #b3e5fc;border-radius:6px;padding:12px;margin-bottom:16px;display:flex;align-items:center;gap:8px;font-size:.875rem;color:#0277bd}.info-icon{font-size:1rem}.preview-note{color:#6b7280;font-size:.875rem;margin-bottom:20px}.rubric-table-container{overflow-x:auto;margin-bottom:20px}.rubric-table{width:100%;border-collapse:collapse;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.rubric-table th,.rubric-table td{border:1px solid #e5e7eb;padding:12px;text-align:left;vertical-align:top}.rubric-table th{background:#f9fafb;font-weight:600;color:#374151}.criteria-header{width:200px;min-width:200px}.level-header{min-width:150px;text-align:center}.level-name{font-size:.875rem;margin-bottom:4px}.level-value{font-size:.75rem;color:#6b7280}.criteria-cell{background:#f9fafb;width:200px}.criterion-name{margin-bottom:8px}.criterion-input{width:100%;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;font-weight:500}.weight-input{width:100%;padding:4px 6px;border:1px solid #d1d5db;border-radius:4px;font-size:.75rem;color:#6b7280}.description-cell{min-width:250px}.description-textarea{width:100%;padding:8px;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;resize:none;line-height:1.4}.description-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.rubric-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.cancel-button,.continue-button{padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-button{background:#fff;border:1px solid #d1d5db;color:#374151}.cancel-button:hover{background:#f9fafb;border-color:#9ca3af}.continue-button{background:#1f2937;border:1px solid #1f2937;color:#fff}.continue-button:hover{background:#111827;border-color:#111827}@media (max-width: 1200px){.rubric-container{grid-template-columns:1fr;gap:20px}}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:12px}.rubric-table{font-size:.875rem}.rubric-table th,.rubric-table td{padding:8px}.criteria-header,.criteria-cell{width:150px;min-width:150px}.level-header{min-width:120px}.description-cell{min-width:200px}}.rubric-management{max-width:1400px;margin:0 auto;padding:var(--spacing-lg)}.rubric-management-header{margin-bottom:var(--spacing-xl)}.rubric-management-header h1{color:var(--text-primary);margin-bottom:var(--spacing-xs)}.rubric-management-subtitle{color:var(--text-secondary);font-size:1rem}.rubric-filters{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-md);background:var(--surface-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.filter-group{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-group label{font-weight:500;color:var(--text-primary);font-size:.9rem}.filter-select{padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-white);color:var(--text-primary);font-size:.95rem;cursor:pointer;transition:all .2s}.filter-select:hover:not(:disabled){border-color:var(--primary-color)}.filter-select:disabled{opacity:.5;cursor:not-allowed}.error-message{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:#fee;color:#c33;border-radius:var(--radius-sm);margin-bottom:var(--spacing-md)}.error-dismiss{background:none;border:none;font-size:1.5rem;color:#c33;cursor:pointer;padding:0 var(--spacing-sm)}.loading-state,.empty-state{text-align:center;padding:var(--spacing-xxl);color:var(--text-secondary)}.empty-state{background:var(--surface-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.empty-state p{margin-bottom:var(--spacing-md);font-size:1.1rem}.rubrics-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.rubric-card{background:var(--surface-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);transition:box-shadow .2s}.rubric-card:hover{box-shadow:var(--shadow-md)}.rubric-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md)}.rubric-card-info{flex:1}.rubric-title{color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;font-size:1.3rem}.rubric-description{color:var(--text-secondary);margin:0 0 var(--spacing-sm) 0;line-height:1.5}.rubric-meta{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.rubric-badge{display:inline-block;padding:4px 12px;background:var(--accent-lavender);color:var(--text-primary);border-radius:var(--radius-full);font-size:.85rem;font-weight:500}.rubric-card-actions{display:flex;gap:var(--spacing-xs)}.btn-icon{background:none;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-sm);cursor:pointer;font-size:1rem;transition:all .2s;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--surface-light);border-color:var(--primary-color)}.btn-edit:hover{background:var(--accent-blue)}.btn-delete:hover{background:#fee;border-color:#c33}.rubric-details{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.rubric-details h4{color:var(--text-primary);margin:var(--spacing-lg) 0 var(--spacing-md) 0}.rubric-details h4:first-child{margin-top:0}.performance-levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.performance-level{padding:var(--spacing-md);background:var(--surface-light);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.performance-level strong{color:var(--text-primary);display:block;margin-bottom:var(--spacing-xs)}.performance-level p{color:var(--text-secondary);font-size:.9rem;margin:0}.criteria-table{overflow-x:auto}.criteria-table table{width:100%;border-collapse:collapse;background:var(--surface-white)}.criteria-table th,.criteria-table td{padding:var(--spacing-sm);text-align:left;border:1px solid var(--border-color)}.criteria-table th{background:var(--surface-light);color:var(--text-primary);font-weight:600;white-space:nowrap}.criteria-table td{color:var(--text-secondary);vertical-align:top}.criteria-table td strong{color:var(--text-primary)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.modal-content{background:var(--surface-white);border-radius:var(--radius-lg);max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.modal-confirm{max-width:500px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-header h2{color:var(--text-primary);margin:0;font-size:1.5rem}.modal-close{background:none;border:none;font-size:2rem;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s}.modal-close:hover{background:var(--surface-light);color:var(--text-primary)}.modal-body{padding:var(--spacing-lg);overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--border-color)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--text-primary)}.rubric-mgmt-input,.rubric-mgmt-textarea,.rubric-mgmt-select{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.95rem;color:var(--text-primary);background:var(--surface-white);transition:border-color .2s}.rubric-mgmt-input:focus,.rubric-mgmt-textarea:focus,.rubric-mgmt-select:focus{outline:none;border-color:var(--primary-color)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.btn-primary,.btn-secondary,.btn-danger{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-sm);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--surface-light);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--accent-blue)}.btn-danger{background:#c33;color:#fff}.btn-danger:hover:not(:disabled){background:#a22}.btn-primary:disabled,.btn-secondary:disabled,.btn-danger:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.rubric-filters{flex-direction:column}.form-row{grid-template-columns:1fr}.rubric-card-header{flex-direction:column}.rubric-card-actions{align-self:flex-start}}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--secondary-50: #f8fafc;--secondary-100: #f1f5f9;--secondary-200: #e2e8f0;--secondary-300: #cbd5e1;--secondary-400: #94a3b8;--secondary-500: #64748b;--secondary-600: #475569;--secondary-700: #334155;--secondary-800: #1e293b;--secondary-900: #0f172a;--success-50: #f0fdf4;--success-100: #dcfce7;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--danger-50: #fef2f2;--danger-100: #fee2e2;--danger-500: #ef4444;--danger-600: #dc2626;--danger-700: #b91c1c;--info-50: #f0f9ff;--info-100: #e0f2fe;--info-500: #06b6d4;--info-600: #0891b2;--info-700: #0e7490;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--background: #ffffff;--surface: #f9fafb;--border: #e5e7eb;--text-primary: #111827;--text-secondary: #6b7280;--text-muted: #9ca3af;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--radius-sm: .375rem;--radius: .5rem;--radius-md: .625rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:var(--font-sans);background-color:var(--surface);color:var(--text-primary);line-height:1.6;height:100vh;overflow:hidden}#root{height:100vh}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--text-primary);margin-bottom:var(--spacing);letter-spacing:-.025em}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:var(--spacing);color:var(--text-secondary);line-height:1.7}a{color:var(--primary-600);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--primary-700)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;font-family:inherit;line-height:1.5;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);background:var(--primary-600);color:#fff;box-shadow:var(--shadow-sm);white-space:nowrap}.btn:hover:not(:disabled){background:var(--primary-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-sm{padding:.5rem 1rem;font-size:.8125rem}.btn-lg{padding:.875rem 1.75rem;font-size:1rem}.btn-secondary{background:var(--secondary-600);color:#fff}.btn-secondary:hover:not(:disabled){background:var(--secondary-700)}.btn-success{background:var(--success-600);color:#fff}.btn-success:hover:not(:disabled){background:var(--success-700)}.btn-danger{background:var(--danger-600);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-700)}.btn-outline{background:transparent;color:var(--primary-600);border:1.5px solid var(--primary-300);box-shadow:none}.btn-outline:hover:not(:disabled){background:var(--primary-50);border-color:var(--primary-600);color:var(--primary-700)}.btn-ghost{background:transparent;color:var(--text-secondary);box-shadow:none}.btn-ghost:hover:not(:disabled){background:var(--gray-100);color:var(--text-primary)}.form-group{margin-bottom:var(--spacing-md)}.form-label,label{display:block;margin-bottom:var(--spacing-sm);font-weight:600;font-size:.875rem;color:var(--text-primary);letter-spacing:.01em}.form-input,.form-textarea,.form-select,input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{width:100%;padding:.625rem .875rem;font-size:.9375rem;font-family:inherit;line-height:1.5;color:var(--text-primary);background-color:var(--background);border:1.5px solid var(--gray-300);border-radius:var(--radius-md);transition:all var(--transition)}.form-input:focus,.form-textarea:focus,.form-select:focus,input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.form-input::placeholder,input::placeholder,textarea::placeholder{color:var(--text-muted)}.form-textarea,textarea{min-height:120px;resize:vertical}.form-select,select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300)}.card-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing);border-bottom:1px solid var(--border)}.card-title{font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.card-subtitle{font-size:.875rem;color:var(--text-secondary)}.card-body{margin-bottom:var(--spacing)}.card-footer{margin-top:var(--spacing-md);padding-top:var(--spacing);border-top:1px solid var(--border)}.alert{padding:var(--spacing) var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);border-left:4px solid;display:flex;align-items:flex-start;gap:var(--spacing);font-size:.9375rem}.alert-success{background:var(--success-50);border-left-color:var(--success-600);color:var(--success-700)}.alert-error{background:var(--danger-50);border-left-color:var(--danger-600);color:var(--danger-700)}.alert-warning{background:var(--warning-50);border-left-color:var(--warning-600);color:var(--warning-700)}.alert-info{background:var(--info-50);border-left-color:var(--info-600);color:var(--info-700)}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:600;line-height:1;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.badge-primary{background:var(--primary-100);color:var(--primary-700)}.badge-success{background:var(--success-100);color:var(--success-700)}.badge-danger{background:var(--danger-100);color:var(--danger-700)}.badge-warning{background:var(--warning-100);color:var(--warning-700)}.badge-gray{background:var(--gray-100);color:var(--gray-700)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--text-secondary)}.spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--primary-600);border-radius:50%;animation:spin .8s linear infinite;margin-right:var(--spacing)}@keyframes spin{to{transform:rotate(360deg)}}.table-container{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border);margin-bottom:var(--spacing-md);background:var(--background)}.data-table{width:100%;border-collapse:collapse;background:var(--background)}.data-table thead{background:var(--gray-50);border-bottom:2px solid var(--border)}.data-table th{padding:.875rem 1rem;text-align:left;font-weight:600;font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.data-table td{padding:.875rem 1rem;border-bottom:1px solid var(--border);color:var(--text-primary);font-size:.9375rem}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background-color var(--transition-fast)}.data-table tbody tr:hover{background:var(--gray-50)}.data-table .text-center{text-align:center}.m-0{margin:0}.mt-2{margin-top:var(--spacing-sm)}.mt-4{margin-top:var(--spacing-md)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-4{margin-bottom:var(--spacing-md)}.p-4{padding:var(--spacing-md)}.gap-2{gap:var(--spacing-sm)}.gap-4{gap:var(--spacing-md)}.w-full{width:100%}.d-flex{display:flex}.d-grid{display:grid}.d-none{display:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.grid{display:grid;gap:var(--spacing-md)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.file-upload{border:2px dashed var(--gray-300);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;transition:all var(--transition);cursor:pointer;background:var(--gray-50)}.file-upload:hover{border-color:var(--primary-400);background:var(--primary-50)}.file-upload.dragover{border-color:var(--primary-600);background:var(--primary-50);transform:scale(1.01);box-shadow:var(--shadow-lg)}.file-upload input[type=file]{display:none}.upload-icon{font-size:3rem;margin-bottom:var(--spacing);opacity:.5;color:var(--text-secondary)}.upload-text{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:var(--spacing-sm)}.upload-hint{color:var(--text-muted);font-size:.875rem}@media (max-width: 768px){html{font-size:14px}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}.card{padding:var(--spacing)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gray-100) 0%,var(--gray-200) 100%);padding:2rem;overflow-y:auto}.auth-card{max-width:440px;width:100%;background:var(--background);border-radius:var(--radius-2xl);padding:3rem;box-shadow:var(--shadow-2xl);animation:slideUp var(--transition-slow)}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-icon{font-size:3rem;margin-bottom:var(--spacing);color:var(--primary-600)}.auth-title{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.auth-subtitle{color:var(--text-secondary);font-size:.9375rem}.auth-divider{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border);text-align:center}.auth-link{background:none;border:none;color:var(--primary-600);cursor:pointer;font-weight:600;font-family:inherit;font-size:inherit;text-decoration:none;transition:color var(--transition)}.auth-link:hover{color:var(--primary-700)}.auth-link:focus-visible{color:var(--primary-700);outline:2px solid var(--primary-300);outline-offset:2px;border-radius:var(--radius-sm)}.auth-text{color:var(--text-secondary);margin:0}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.submissions-table-container{overflow-x:auto;margin-top:var(--spacing)}.response-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm)}.response-header{margin-bottom:var(--spacing)}.question-text{font-size:1.0625rem;font-weight:600;color:var(--text-primary);margin:var(--spacing-sm) 0}.question-meta{display:flex;gap:var(--spacing);align-items:center;margin-top:var(--spacing-sm)}.response-content{margin:var(--spacing-md) 0}.options-list{margin:var(--spacing) 0}.option-item{padding:var(--spacing-sm) var(--spacing);margin:var(--spacing-sm) 0;border-radius:var(--radius);border:1px solid var(--border);background:var(--gray-50);transition:all var(--transition-fast)}.option-item.selected{background:var(--info-50);border-color:var(--info-600)}.option-item.correct{background:var(--success-50);border-color:var(--success-600)}.option-item.selected.correct{background:var(--success-100);border-color:var(--success-700)}.option-marker{margin-right:var(--spacing-sm);font-weight:600}.text-response,.audio-response,.image-response{margin:var(--spacing) 0}.text-response p{background:var(--gray-50);padding:var(--spacing);border-radius:var(--radius);border-left:3px solid var(--primary-600)}.grading-info{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:2px solid var(--border)}.grading-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing)}.grading-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.score-info,.ai-grade-info,.reviewer-info,.correctness-indicator{padding:var(--spacing-sm)}.ai-feedback{background:var(--info-50);padding:var(--spacing);border-radius:var(--radius);border-left:3px solid var(--info-600)}.ai-feedback p{margin-top:var(--spacing-sm);color:var(--text-secondary)}.submission-summary{background:linear-gradient(135deg,var(--primary-50) 0%,var(--info-50) 100%);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm);border:1px solid var(--primary-200)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing)}.summary-item{padding:var(--spacing-sm)}.summary-item strong{display:block;color:var(--text-secondary);font-size:.8125rem;margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.05em}.responses-section{margin-top:var(--spacing-lg)}.processing-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing);background:var(--gray-50);border-radius:var(--radius);margin-bottom:var(--spacing-sm);border:1px solid var(--border)}.processing-item span{color:var(--text-primary);font-size:.9375rem}.tabs{border-bottom:2px solid var(--border);margin-bottom:var(--spacing-lg)}.tab-list{display:flex;gap:var(--spacing);list-style:none;margin:0;padding:0}.tab-button{background:none;border:none;padding:var(--spacing) var(--spacing-md);font-size:.9375rem;font-weight:600;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all var(--transition)}.tab-button:hover{color:var(--text-primary);background:var(--gray-50);border-radius:var(--radius) var(--radius) 0 0}.tab-button.active{color:var(--primary-600);border-bottom-color:var(--primary-600)}.app-container{display:flex;height:100vh;background:var(--surface)}.main-content{flex:1;overflow-y:auto;background:var(--surface)}.page-header{background:var(--background);border-bottom:1px solid var(--border);padding:var(--spacing-lg) var(--spacing-xl);box-shadow:var(--shadow-sm)}.page-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.page-subtitle{font-size:.9375rem;color:var(--text-secondary);margin-top:var(--spacing-xs)}.content-container{padding:var(--spacing-lg) var(--spacing-xl);max-width:1400px;margin:0 auto}.stats-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-sm)}.stats-value{font-size:2rem;font-weight:700;color:var(--primary-600);margin-bottom:var(--spacing-xs)}.stats-label{font-size:.8125rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.empty-state-icon{font-size:4rem;opacity:.3;margin-bottom:var(--spacing)}.empty-state-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.empty-state-description{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}