.auth-page{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - var(--header-height) - 50px);padding:20px}.auth-form-container{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 8px #0000001a;width:100%;max-width:400px}.auth-form-container h2{text-align:center;color:var(--primary-color);margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{display:block;font-weight:700;margin-bottom:5px;color:#333}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text]{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:1em}.form-group input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #007bff40}.auth-button{width:100%;padding:12px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;font-size:1.1em;font-weight:700;cursor:pointer;transition:background-color .3s ease}.auth-button:hover{opacity:.9}.auth-button:disabled{background-color:#ccc;cursor:not-allowed}.error-message{color:red;background-color:#ffebee;border:1px solid red;padding:10px;border-radius:4px;margin-bottom:15px;text-align:center}.auth-switch-prompt{text-align:center;margin-top:20px;font-size:.9em}.auth-switch-prompt a{color:var(--primary-color);font-weight:700;text-decoration:none}.auth-switch-prompt a:hover{text-decoration:underline}.dashboard-page{padding:20px}.historical-year-banner{background:linear-gradient(90deg,#fff3cd 0%,#ffeeba 100%);color:#856404;padding:10px 20px;text-align:center;font-size:.95rem;border-bottom:1px solid #ffc107;border-radius:6px;margin-bottom:20px;display:flex;justify-content:center;align-items:center;gap:16px;box-shadow:0 2px 4px #ffc10733}.dashboard-header{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}.dashboard-header h1{color:var(--primary-color);margin-bottom:5px}.dashboard-header p{font-size:1.1em;color:var(--secondary-color)}.dashboard-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.summary-card{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000000d;transition:transform .2s ease-in-out}.summary-card:hover{transform:translateY(-5px)}.summary-card h2{font-size:1.3em;color:var(--primary-color);margin-top:0;margin-bottom:10px}.summary-card p{font-size:1.2em;color:#333;font-weight:700;margin-bottom:5px}.quick-actions{margin-bottom:30px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d}.quick-actions h2{margin-top:0;margin-bottom:15px;color:var(--primary-color)}.quick-actions button{background-color:var(--primary-color);color:#fff;border:none;padding:10px 15px;margin-right:10px;margin-bottom:10px;border-radius:4px;cursor:pointer;font-size:1em;transition:background-color .2s ease}.quick-actions button:hover{opacity:.9}.role-switcher{background:white;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e1e5e9;margin-bottom:30px}.role-switcher h3{margin:0 0 15px;color:#2c3e50;font-size:1.2rem}.view-buttons{display:flex;gap:10px;flex-wrap:wrap}.view-button{background:#f8f9fa;color:#495057;border:2px solid #e9ecef;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.view-button:hover{background:#e9ecef;border-color:#667eea}.view-button.active{background:#667eea;color:#fff;border-color:#667eea}.action-group{margin-bottom:25px;padding:20px;background:#f8f9fa;border-radius:8px;border-left:4px solid #667eea}.action-group h4{margin:0 0 15px;color:#2c3e50;font-size:1.1rem;font-weight:600}.action-group button{margin-right:15px;margin-bottom:10px;background:#667eea;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color .2s ease}.action-group button:hover{background:#5a6fd8}@media (max-width: 768px){.view-buttons{flex-direction:column}.view-button{width:100%;text-align:center}.action-group button{width:100%;margin-right:0}}.dashboard-separator{margin:40px 0;padding:15px 0;text-align:center;border-top:2px dashed #667eea;border-bottom:2px dashed #667eea;background:linear-gradient(135deg,#f8f9ff 0%,#f0f4ff 100%)}.dashboard-separator span{color:#667eea;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.new-dashboard-layout{padding:20px 0}.dashboard-top-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.dashboard-card{background:white;border-radius:12px;box-shadow:0 2px 12px #00000014;overflow:hidden;transition:box-shadow .2s ease}.dashboard-card:hover{box-shadow:0 4px 20px #0000001f}.dashboard-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.dashboard-card .card-header h3{margin:0;font-size:1.1rem;color:#2c3e50}.dashboard-card .card-body{padding:20px}.badge{padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:600}.badge-success{background:#d4edda;color:#155724}.badge-warning{background:#fff3cd;color:#856404}.badge-danger{background:#f8d7da;color:#721c24}.action-needed-card .action-list{list-style:none;padding:0;margin:0}.action-needed-card .action-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;margin-bottom:8px;transition:background-color .2s ease}.action-needed-card .action-item:hover{background:#f8f9fa}.action-needed-card .action-item.priority-high{border-left:3px solid #dc3545}.action-needed-card .action-item.priority-normal{border-left:3px solid #ffc107}.action-needed-card .action-icon{font-size:1.5rem}.action-needed-card .action-content{flex:1;display:flex;flex-direction:column}.action-needed-card .action-title{font-weight:600;color:#2c3e50}.action-needed-card .action-subtitle{font-size:.85rem;color:#6c757d}.action-needed-card .action-button{background:#667eea;color:#fff;border:none;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:.75rem;transition:background-color .2s ease;white-space:nowrap;flex-shrink:0;align-self:center;width:auto!important;max-width:60px}.action-needed-card .action-button:hover{background:#5a6fd8}.action-needed-card .no-actions{text-align:center;color:#6c757d;font-style:italic}.action-needed-card .more-actions-btn{display:block;width:100%;padding:10px;margin-top:10px;background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);border:1px dashed #cbd5e1;border-radius:8px;color:#475569;font-weight:500;cursor:pointer;transition:all .2s;text-align:center}.action-needed-card .more-actions-btn:hover{background:linear-gradient(135deg,#e2e8f0 0%,#cbd5e1 100%);border-color:#94a3b8;color:#334155}.action-needed-card .action-list.expanded{max-height:500px;overflow-y:auto}.this-week-card .event-list,.schedule-card .event-list{list-style:none;padding:0;margin:0}.this-week-card .event-item,.schedule-card .event-item{display:grid;grid-template-columns:50px 1fr auto;gap:10px;align-items:center;padding:10px 8px;border-bottom:1px solid #f0f0f0;border-radius:6px;margin:4px 0;transition:background-color .2s ease}.this-week-card .event-item.clickable,.schedule-card .event-item.clickable{cursor:pointer}.this-week-card .event-item.clickable:hover,.schedule-card .event-item.clickable:hover{background-color:#f8f9fa}.this-week-card .event-item:last-child,.schedule-card .event-item:last-child{border-bottom:none}.this-week-card .event-date-block,.schedule-card .event-date-block{display:flex;flex-direction:column;align-items:center}.this-week-card .event-day,.schedule-card .event-day{font-weight:600;color:#667eea;text-transform:uppercase;font-size:.75rem}.this-week-card .event-date,.schedule-card .event-date{font-size:.7rem;color:#6c757d}.this-week-card .event-details,.schedule-card .event-details{display:flex;flex-direction:column;gap:2px}.this-week-card .event-title,.schedule-card .event-title{color:#2c3e50;font-weight:500;font-size:.9rem}.this-week-card .event-class,.schedule-card .event-class{font-size:.75rem;color:#6c757d}.this-week-card .event-badges,.schedule-card .event-badges{display:flex;gap:4px;margin-top:2px}.this-week-card .print-badge,.schedule-card .print-badge{font-size:.8rem;padding:1px 4px;border-radius:3px;cursor:help}.this-week-card .print-badge.needs-print,.schedule-card .print-badge.needs-print{background:#fff3cd;color:#856404}.this-week-card .print-badge.printed,.schedule-card .print-badge.printed{background:#d1ecf1;color:#0c5460}.this-week-card .print-badge.confirmed,.schedule-card .print-badge.confirmed{background:#d4edda;color:#155724}.this-week-card .print-badge.bypassed,.schedule-card .print-badge.bypassed{background:#e2e3e5;color:#383d41}.this-week-card .event-status,.schedule-card .event-status{padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:500;text-transform:uppercase}.this-week-card .status-draft,.schedule-card .status-draft{background:#fff3cd;color:#856404}.this-week-card .status-published,.schedule-card .status-published{background:#d4edda;color:#155724}.this-week-card .status-printed,.schedule-card .status-printed{background:#d1ecf1;color:#0c5460}.this-week-card .no-events,.schedule-card .no-events{text-align:center;color:#6c757d;font-style:italic}.this-week-card .event-item.summative-highlight,.schedule-card .event-item.summative-highlight{background:linear-gradient(90deg,#fff3cd 0%,#ffffff 30%);border-left:3px solid #ffc107}.this-week-card .task-type-badge,.schedule-card .task-type-badge{display:inline-block;font-size:.6rem;padding:1px 4px;border-radius:3px;margin-right:5px;font-weight:700;text-transform:uppercase}.this-week-card .task-type-badge.summative,.schedule-card .task-type-badge.summative{background:#ffc107;color:#000}.text-button{background:none;border:none;color:#667eea;cursor:pointer;font-size:.9rem;text-decoration:underline}.text-button:hover{color:#5a6fd8}.my-classes-card .class-count{color:#6c757d;font-size:.9rem}.my-classes-card .class-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.my-classes-card .class-tile{background-color:#667eea;color:#fff;padding:16px;border-radius:10px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;gap:4px;border-left:4px solid rgba(255,255,255,.3)}.my-classes-card .class-tile:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.my-classes-card .class-name{font-weight:700;font-size:1.1rem}.my-classes-card .class-students{font-size:.85rem;opacity:.9}.my-classes-card .pending-badge{background:#dc3545;padding:2px 8px;border-radius:4px;font-size:.75rem;align-self:flex-start;margin-top:4px}.my-classes-card .no-classes{text-align:center;color:#6c757d;font-style:italic;padding:20px}.my-classes-card .show-more-btn{display:block;width:100%;padding:10px;margin-top:15px;background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);border:1px dashed #cbd5e1;border-radius:8px;color:#475569;font-weight:500;cursor:pointer;transition:all .2s;text-align:center}.my-classes-card .show-more-btn:hover{background:linear-gradient(135deg,#e2e8f0 0%,#cbd5e1 100%);border-color:#94a3b8;color:#334155}.my-classes-card .class-grid.expanded{max-height:500px;overflow-y:auto}.notification-bell{position:relative;background:none;border:none;font-size:1.5rem;cursor:pointer;padding:8px;transition:transform .2s ease}.notification-bell:hover{transform:scale(1.1)}.notification-bell .notification-badge{position:absolute;top:0;right:0;background:#dc3545;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}@media (max-width: 768px){.dashboard-top-row{grid-template-columns:1fr}.my-classes-card .class-grid{grid-template-columns:repeat(2,1fr)}}.department-overview-card{margin-bottom:24px}.department-overview-card .card-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid #e2e8f0;margin-bottom:16px}.department-overview-card .card-header h3{margin:0;font-size:1.1rem;color:#1e293b}.dept-stats-row{display:flex;gap:24px;margin-bottom:20px;padding:16px;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-radius:12px}.dept-stat{flex:1;text-align:center}.dept-stat .stat-value{display:block;font-size:2rem;font-weight:700;color:#2563eb}.dept-stat .stat-label{font-size:.85rem;color:#64748b}.dept-classes-preview h4{margin:0 0 12px;font-size:.95rem;color:#475569}.dept-class-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.dept-class-item{display:flex;flex-direction:column;padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s}.dept-class-item:hover{background:#f1f5f9;border-color:#3b82f6}.dept-class-item .class-name{font-weight:600;color:#1e293b}.dept-class-item .class-teacher{font-size:.85rem;color:#64748b}.more-classes{text-align:center;color:#3b82f6;font-size:.9rem;margin-top:12px}.expand-classes-btn{display:block;width:100%;padding:10px;margin-top:12px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#3b82f6;font-weight:500;cursor:pointer;transition:all .2s}.expand-classes-btn:hover{background:#e2e8f0;border-color:#3b82f6}.text-button{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.9rem;text-decoration:underline}.text-button:hover{color:#2563eb}.schedule-card{flex:1;min-width:300px}.schedule-toggle{display:flex;gap:4px;background:#f1f5f9;border-radius:8px;padding:4px}.schedule-toggle .toggle-btn{padding:8px 16px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:.9rem;color:#64748b;transition:all .2s}.schedule-toggle .toggle-btn.active{background:white;color:#3b82f6;font-weight:600;box-shadow:0 1px 3px #0000001a}.schedule-toggle .toggle-btn:hover:not(.active){color:#3b82f6}.mini-timetable{overflow-x:auto}.timetable-grid-mini{width:100%;border-collapse:collapse;font-size:.85rem}.timetable-grid-mini th,.timetable-grid-mini td{padding:8px 4px;text-align:center;border:1px solid #e2e8f0}.timetable-grid-mini th{background:#3b82f6;color:#fff;font-weight:600;font-size:.8rem}.timetable-grid-mini .period-label{background:#f8fafc;font-weight:600;color:#3b82f6;width:40px}.timetable-grid-mini .tt-cell{min-width:70px;max-width:100px;font-size:.7rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timetable-grid-mini .tt-cell.has-class{background:#dbeafe;color:#1e40af;font-weight:500;cursor:pointer}.timetable-grid-mini .tt-cell.has-class:hover{background:#3b82f6;color:#fff}.view-full-link{display:block;text-align:center;margin-top:12px;color:#3b82f6;font-size:.85rem;text-decoration:none}.view-full-link:hover{text-decoration:underline}.no-timetable{text-align:center;padding:20px 0;color:#64748b}.my-classes-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}.my-classes-chips .class-chip{background:#dbeafe;color:#3b82f6;padding:6px 12px;border-radius:16px;font-size:.85rem;cursor:pointer}.my-classes-chips .class-chip:hover{background:#3b82f6;color:#fff}.templates-page{padding:0;max-width:none;width:100%;margin:0}.page-header .header-actions{display:flex;gap:10px;align-items:center}.import-template-button{background-color:#6366f1!important}.import-template-button:hover{background-color:#4f46e5!important}.view-instances-button{background-color:#0ea5e9!important}.view-instances-button:hover{background-color:#0284c7!important}.create-template-button,.edit-button,.delete-button,.view-button,.submit-button,.add-button,.remove-button,.add-button-small,.remove-button-small,.remove-button-xsmall{background-color:var(--primary-color);color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;text-decoration:none;font-size:1em;transition:opacity .2s ease}.template-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid #eee;padding-bottom:0}.tab-button{background:none;border:none;padding:12px 25px;font-size:1.1em;font-weight:500;color:#666;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s ease}.tab-button:hover{color:var(--primary-color);background-color:#f8f9fa}.tab-button.active{color:var(--primary-color);border-bottom-color:var(--primary-color);font-weight:700}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.preview-header h2{margin:0}.test-print-button{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:6px;font-size:.9em;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #4f46e54d}.test-print-button:hover{background:linear-gradient(135deg,#4338ca,#6d28d9);transform:translateY(-1px);box-shadow:0 4px 8px #4f46e566}.test-print-button:active{transform:translateY(0)}.assessment-preview-container{border:2px solid #e0e0e0;border-radius:8px;padding:20px;background-color:#4a5568;max-height:calc(100vh - 300px);overflow-y:auto;font-family:Arial,sans-serif}.preview-page{width:100%;max-width:650px;min-height:900px;margin:0 auto 30px;padding:40px;background-color:#fff;box-shadow:0 4px 20px #0000004d;border-radius:2px;position:relative;box-sizing:border-box}.preview-page:last-child{margin-bottom:10px}.page-number-indicator{position:absolute;bottom:15px;right:20px;font-size:.85em;color:#6b7280;font-style:italic}.page-break-indicator{display:none}.page-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;margin-bottom:15px;border-bottom:1px solid #e5e7eb}.page-header .header-content{display:flex;align-items:center;gap:10px}.page-header .header-logo{max-height:30px;max-width:80px}.page-header .header-school-name{font-size:.9em;font-weight:500}.page-header .page-number{font-size:.85em;color:#6b7280}.assessment-header{border-bottom:2px solid #ddd;padding-bottom:15px;margin-bottom:20px}.assessment-header h2{margin:0 0 10px;color:#333;font-size:1.5em}.assessment-description{margin:0;color:#666;font-style:italic}.section-preview{margin-bottom:25px;padding:15px;background:white;border-radius:6px;border:1px solid #e0e0e0}.section-preview h4{margin:0 0 15px;color:#444;font-size:1.2em;border-bottom:1px solid #eee;padding-bottom:8px}.question-preview-item{margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:4px;border-left:4px solid #007bff}.question-preview-item:last-child{margin-bottom:0}.no-content-message{text-align:center;color:#666;font-style:italic;padding:40px}.preview-question{font-size:.9em}.add-button{background-color:#28a745;color:#fff;margin-top:10px;margin-bottom:10px}.template-form .remove-button,.template-section .remove-button{background-color:#dc3545;color:#fff;border:none;padding:10px 15px;border-radius:4px!important;cursor:pointer;font-size:1em;width:auto!important;height:auto!important;display:inline-block!important}.add-button-small{font-size:.9em;padding:5px 10px;background-color:#28a745;color:#fff;margin-top:5px}.remove-button-small{font-size:.9em;padding:5px 10px;background-color:#6c757d;color:#fff}.remove-button-xsmall{font-size:.8em;padding:3px 8px;background-color:#6c757d;color:#fff;margin-left:5px}.create-template-button:hover,.edit-button:hover,.delete-button:hover,.view-button:hover,.submit-button:hover,.add-button:hover,.remove-button:hover,.add-button-small:hover,.remove-button-small:hover,.remove-button-xsmall:hover{opacity:.85}.loading-message,.error-message,.info-message,.no-templates-message{text-align:center;padding:20px;font-size:1.1em}.no-templates-message{color:var(--secondary-color)}.templates-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.template-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:20px;box-shadow:0 2px 5px #0000000d}.template-card h3{margin-top:0;color:var(--primary-color)}.template-card p{font-size:.95em;line-height:1.5;color:#555;margin-bottom:15px}.template-meta{font-size:.85em;color:#777;margin-bottom:15px}.template-meta span{margin-right:15px}.template-meta .created-by{color:#6b7280;font-style:italic}.template-actions{display:flex;flex-wrap:wrap;gap:10px}.template-actions .instances-button{background:transparent;border:1px solid #6366f1;color:#6366f1;padding:6px 12px;border-radius:6px;font-size:.85em;text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:all .2s}.template-actions .instances-button:hover{background:#6366f1;color:#fff}.template-form-page .page-header{margin-bottom:20px}.template-form-page{max-width:none;width:100%;padding:0}.template-edit-page{display:flex;flex-direction:column;height:100vh}.template-edit-page .page-header{flex-shrink:0;margin-bottom:0;padding:20px;background:white;border-bottom:1px solid #e9ecef}.template-edit-page .page-header .header-badges{display:flex;align-items:center;gap:10px}.pin-button{padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;background:white;cursor:pointer;font-size:.85em;font-weight:500;transition:all .2s}.pin-button:hover{background:#f3f4f6;border-color:#9ca3af}.pin-button.pinned{background:#fef3c7;border-color:#f59e0b;color:#b45309}.pin-button.pinned:hover{background:#fde68a}.pin-button:disabled{opacity:.5;cursor:not-allowed}.template-edit-page .main-content{flex:1;display:flex;overflow:hidden;min-height:0}.template-edit-page .left-panel{width:100%;height:100%;background:#fff;display:flex;flex-direction:column;overflow:hidden}.template-edit-page .left-panel-content{flex:1;overflow-y:auto;padding:20px;min-height:0}.template-edit-page .right-panel{flex:1;background:#f8f9fa;display:flex;flex-direction:column;overflow:hidden;border-left:1px solid #e9ecef}.template-edit-page .right-panel-content{flex:1;overflow-y:auto;padding:20px;min-height:0}.template-create-page{display:flex;flex-direction:column;height:calc(100vh - 145px);padding:20px}.template-create-page .page-header{flex-shrink:0;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e9ecef}.template-create-page .main-content{flex:1;display:flex;overflow:hidden;min-height:0}.template-create-page .left-panel{width:100%;height:100%;background:#fff;display:flex;flex-direction:column;overflow:hidden}.template-create-page .left-panel-content{flex:1;overflow-y:auto;padding:20px;min-height:0}.template-create-page .right-panel{flex:1;background:#f8f9fa;display:flex;flex-direction:column;overflow:hidden;border-left:1px solid #e9ecef}.template-create-page .right-panel-content{flex:1;overflow-y:auto;padding:20px;min-height:0}.template-form .form-group{margin-bottom:15px}.template-form label{font-weight:700;display:block;margin-bottom:5px}.form-group.marks-auto-calculated label{color:#6b7280}.form-group.marks-auto-calculated .marks-auto-hint{font-weight:400;font-size:.85em;color:#9ca3af;font-style:italic}.form-group.marks-auto-calculated input.auto-calculated{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}.template-form input[type=text],.template-form textarea,.template-form select{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.template-form textarea{min-height:100px}.template-section{border:1px solid #e0e0e0;border-radius:6px;padding:20px;margin-bottom:20px;background-color:#f9f9f9}.section-header h3{margin:0;color:var(--primary-color)}.template-question{border:1px dashed #ccc;border-radius:4px;padding:15px;margin-bottom:15px;background-color:#fff}.template-question .question-header{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;margin-bottom:10px;width:100%!important;min-width:unset!important}.template-question .question-header p{margin:0;font-weight:700}.template-question .question-header-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.insert-button-small{font-size:.85em;padding:5px 10px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.insert-button-small:hover{background-color:#218838;transform:translateY(-1px)}.insert-button-small:disabled{background-color:#94d3a2;cursor:not-allowed;transform:none}.options-group{margin-top:10px;padding-left:15px}.option-item{display:flex;align-items:flex-start;margin-bottom:12px;padding:8px;border:1px solid #e0e0e0;border-radius:4px;background-color:#fafafa}.option-item .option-content-editor{flex:1;margin-right:12px}.option-item .option-controls{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:120px}.option-item .option-correct-label{display:flex;align-items:center;gap:4px;font-size:12px;margin:0}.option-item .option-correct-label input[type=checkbox]{margin:0}.option-item input[type=text]{width:auto;flex-grow:1;margin-right:8px}.parts-group{margin-top:15px;padding:15px;border:1px solid #d1d5db;border-radius:8px;background-color:#f9fafb}.parts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.parts-header label{font-weight:600;color:#374151;font-size:1.05em}.parts-total{font-size:.9em;color:#059669;font-weight:500}.parts-total.warning{color:#d97706}.mismatch-indicator{margin-left:4px}.part-item{margin-bottom:16px;padding:12px;border:1px solid #e5e7eb;border-radius:6px;background-color:#fff}.part-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f3f4f6}.part-label{font-weight:600;color:var(--primary-color);font-size:1.1em;min-width:60px}.part-marks-input{display:flex;align-items:center;gap:6px}.part-marks-input label{font-size:.9em;color:#6b7280;margin:0}.part-marks-field{width:60px;padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:.9em}.part-content-editor{margin-bottom:12px}.part-answer-space{padding:8px 10px;background-color:#fefce8;border-radius:6px;border:1px solid #fef08a;margin-bottom:10px}.part-answer-space .form-row.compact{display:flex;gap:16px;margin:0}.part-answer-space .form-group.small{display:flex;align-items:center;gap:6px;margin:0}.part-answer-space .form-group.small label{font-size:.8em;color:#713f12;font-weight:500;white-space:nowrap;margin:0}.part-answer-lines-input{width:50px;padding:3px 6px;border:1px solid #fbbf24;border-radius:4px;font-size:.85em;text-align:center;background-color:#fff}.part-answer-style-select{padding:3px 6px;border:1px solid #fbbf24;border-radius:4px;font-size:.85em;background-color:#fff}.part-skills-section{padding:12px;background-color:#f0f9ff;border-radius:6px;border:1px solid #bae6fd;margin-top:10px}.part-skills-section>label{font-size:.85em;color:#0369a1;font-weight:600;margin-bottom:10px;display:block;text-transform:uppercase;letter-spacing:.5px}.part-skills-list{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:10px}.part-skills-section .skill-item{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background-color:#fff;border:1px solid #e0f2fe;border-radius:6px;box-shadow:0 1px 2px #0000000d;transition:border-color .2s,box-shadow .2s;width:auto;max-width:100%}.part-skills-section .skill-item:hover{border-color:#7dd3fc;box-shadow:0 2px 4px #0000001a}.part-skills-section .skill-name{flex:1 1 auto;font-size:.9em;color:#1e40af;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:help;min-width:80px;max-width:250px}.part-skills-section .skill-name:hover{overflow:visible;white-space:normal;background:#fefce8;padding:2px 4px;border-radius:3px;position:relative;z-index:10}.part-skills-section .skill-marks-input{width:50px;padding:4px 6px;border:1px solid #cbd5e1;border-radius:4px;font-size:.85em;text-align:center;font-weight:500;background-color:#fff}.part-skills-section .skill-marks-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f633}.part-skills-section .marks-label{font-size:.8em;color:#64748b;font-weight:500;margin-left:2px}.part-skills-section .remove-skill-btn{background:#dc3545;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;padding:0;margin-left:4px;font-size:16px;font-weight:700;cursor:pointer;line-height:1;transition:background-color .2s ease}.part-skills-section .remove-skill-btn:hover{background:#c82333}.part-skills-section .marks-warning{font-size:.8em;color:#d97706;margin-top:6px}.part-skills-section .no-skills-message{font-size:.85em;color:#9ca3af;font-style:italic;margin:6px 0}.add-skill-to-part{margin-top:10px}.add-skill-to-part select{width:100%;padding:8px 12px;border:2px dashed #93c5fd;border-radius:6px;background-color:#f8fafc;font-size:.9em;color:#3b82f6;cursor:pointer;font-weight:500;transition:all .2s}.add-skill-to-part select:hover{border-color:#3b82f6;background-color:#eff6ff;border-style:solid}.add-skill-to-part select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.form-divider{margin:30px 0;border:0;border-top:1px solid #eee}.submit-button{width:100%;padding:12px;font-size:1.1em}.template-view-page .page-header .header-actions{display:flex;gap:10px}.template-description{font-size:1.1em;line-height:1.6;color:#333;background-color:#f9f9f9;padding:15px;border-radius:4px;margin-bottom:20px}.template-content h2{margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:5px}.template-section-view{margin-bottom:20px;padding:15px;background-color:#fff;border:1px solid #ddd;border-radius:6px}.template-section-view h3{margin-top:0;color:var(--primary-color)}.questions-list{list-style:none;padding-left:0}.question-item-view{margin-bottom:10px;padding-bottom:10px;border-bottom:1px dotted #eee}.question-item-view:last-child{border-bottom:none}.question-item-view p strong{font-size:1.05em}.options-list-view{list-style:disc;padding-left:30px;margin-top:5px;font-size:.95em}.options-list-view li{margin-bottom:3px}.template-metadata-view{margin-top:30px;padding-top:15px;border-top:1px solid #eee;font-size:.9em;color:#555}.template-metadata-view p{margin:5px 0}.back-link{display:inline-block;margin-top:20px;color:var(--primary-color);text-decoration:none}.skills-management-section{margin-top:30px;padding:20px;background-color:#fdfdfd;border:1px solid #e0e0e0;border-radius:6px}.skills-management-section h2{color:var(--primary-color);margin-top:0;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee}.add-skill-form{display:flex;gap:10px;align-items:center;margin-bottom:20px}.add-skill-form label{font-weight:400;margin-bottom:0}.add-skill-form input[type=text]{flex-grow:1}.add-skill-form .add-button-small{margin-top:0;white-space:nowrap}.skills-list{list-style:none;padding:0}.skill-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border:1px solid #eee;border-radius:4px;margin-bottom:10px;background-color:#fff}.skill-name{font-weight:500;flex-grow:1}.skill-meta{font-size:.85em;color:#555;margin:0 15px;min-width:150px}.skill-actions{display:flex;gap:8px;flex-shrink:0}.skill-actions .button-small,.skill-actions .remove-button-small{padding:6px 10px}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background-color:#fff;padding:25px;border-radius:8px;box-shadow:0 5px 15px #0000004d;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal.modal-large{max-width:1200px;width:95%;max-height:95vh}.modal.curriculum-linker-modal{max-width:1400px;width:95%;max-height:95vh;padding:30px}.modal h3{margin-top:0;color:var(--primary-color);margin-bottom:20px}.modal .form-group{margin-bottom:15px}.modal .modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px;padding-top:15px;border-top:1px solid #eee}.modal .button-primary,.modal .button-secondary{padding:10px 15px;border:none;border-radius:4px;cursor:pointer}.modal .button-primary{background-color:var(--primary-color);color:#fff}.modal .button-secondary{background-color:#6c757d;color:#fff}.modal .button-primary:hover,.modal .button-secondary:hover{opacity:.85}.curriculum-strand-list{max-height:var(--curriculum-strand-list-max-height, 600px);overflow-y:auto;border:1px solid #eee;padding:10px;border-radius:4px;margin-top:10px;margin-bottom:15px}.curriculum-strand-item{display:flex;align-items:flex-start;padding:8px 0;border-bottom:1px solid #f5f5f5}.curriculum-strand-item:last-child{border-bottom:none}.curriculum-strand-item input[type=checkbox]{margin-right:10px;margin-top:4px}.curriculum-strand-item label{font-weight:400;font-size:.95em;flex-grow:1}.curriculum-strand-item label .strand-description{font-size:.9em;color:#555;margin-top:3px;padding-left:5px}.minimal-section{padding:15px;background-color:#f9f9f980}.minimal-section .section-header h3{font-size:1.1em}.form-hint{font-size:.9em;color:#555;margin-bottom:15px;background-color:#eef;padding:8px;border-radius:4px;border-left:3px solid var(--primary-color)}.multi-select-skills{min-height:100px}.form-hint-small{font-size:.85em;color:#666;margin-top:5px}.react-resizable-handle{position:absolute;width:10px;height:100%;background:#ddd;cursor:ew-resize;right:0;top:0}.field-help{display:block;margin-top:4px;font-size:.875rem;color:#6b7280;font-style:italic}.form-group .field-help{margin-top:4px}.form-section{margin:20px 0;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.form-section h3{margin:0 0 15px;color:var(--primary-color);font-size:1.1em}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:15px}.checkbox-label{display:flex;align-items:center;gap:8px;font-weight:400;cursor:pointer}.checkbox-label input[type=checkbox]{margin:0;cursor:pointer}.color-input-group{display:flex;align-items:center;gap:8px}.color-input-group input[type=color]{width:50px;height:40px;border:1px solid #ced4da;border-radius:4px;cursor:pointer}.color-input-group input[type=text]{flex:1;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-family:monospace;font-size:14px}.field-help{display:block;margin-top:4px;font-size:.85em;color:#6c757d;font-style:italic}.form-divider{margin:30px 0;border:none;border-top:2px solid #e9ecef}.branding-info{background:#e7f3ff;border:1px solid #b3d8ff;border-radius:6px;padding:15px;margin-bottom:20px}.branding-info p{margin:0;color:#1e40af;font-size:.9em;line-height:1.4}.branding-info strong{color:#1e3a8a}.preview-cover-page{page-break-after:always;background:white;border:none;border-radius:0;padding:0;margin-bottom:0;text-align:center;min-height:600px;display:flex;flex-direction:column;justify-content:center}.preview-page .preview-cover-page{background:transparent}.cover-page-header{margin-bottom:40px}.cover-logo{margin-bottom:20px}.school-name{font-size:2.5em;font-weight:700;color:var(--primary-color);margin:20px 0}.cover-page-content{flex:1;display:flex;flex-direction:column;justify-content:center}.assessment-title{font-size:2em;margin:20px 0;color:#333}.assessment-subtitle{font-size:1.2em;color:#666;margin:10px 0;font-style:italic}.cover-meta{margin-top:40px;font-size:.9em;color:#666}.cover-meta p{margin:5px 0}.preview-assessment-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#f8f9fa;border-bottom:2px solid #e9ecef;margin-bottom:20px;border-radius:4px}.header-content{display:flex;align-items:center;gap:15px}.header-content.left{justify-content:flex-start}.header-content.center{justify-content:center}.header-content.right{justify-content:flex-end}.header-logo{max-height:40px;max-width:120px}.header-school-name{font-weight:700;color:var(--primary-color);font-size:1.1em}.page-number{font-size:.9em;color:#666;font-weight:500}.chart-table-display{width:100%;border-collapse:collapse;margin:10px 0}.chart-table-display table{width:100%;border:1px solid #ddd;border-collapse:collapse}.chart-table-display th,.chart-table-display td{border:1px solid #ddd;padding:8px 12px;text-align:left}.chart-table-display th{background-color:#f8f9fa;font-weight:700;color:#333}.chart-table-display tr:nth-child(2n){background-color:#f9f9f9}.chart-table-display tr:hover{background-color:#f5f5f5}.linked-curriculum-preview{position:relative;display:inline-block}.link-count{color:#666;font-size:.9em;cursor:help}.curriculum-links-tooltip{position:absolute;bottom:100%;left:0;background:white;border:1px solid #ddd;border-radius:6px;padding:8px 12px;box-shadow:0 4px 12px #00000026;min-width:300px;max-width:400px;z-index:1000;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none}.linked-curriculum-preview:hover .curriculum-links-tooltip{opacity:1;visibility:visible}.curriculum-link-item{padding:6px 0;border-bottom:1px solid #f0f0f0;font-size:.85em}.curriculum-code{font-weight:700;color:#2563eb;margin-bottom:2px}.curriculum-path{color:#333;line-height:1.3;font-size:.8em}.curriculum-link-item:last-child{border-bottom:none}.more-links{margin-top:6px;padding-top:6px;border-top:1px solid #e0e0e0;font-size:.8em;color:#666;font-style:italic}.question-skills-manager{border:1px solid #ddd;border-radius:6px;padding:12px;background-color:#fafafa}.question-skills-manager.disabled-for-multipart{background-color:#f3f4f6;border-color:#e5e7eb;opacity:.8}.multipart-skills-hint{display:flex;align-items:center;gap:8px;color:#6b7280;font-style:italic;margin:0;padding:8px 0}.multipart-skills-hint .hint-icon{font-size:1.1em}.multi-part-skills-disabled label{color:#9ca3af}.question-skills-manager .skills-list{margin-bottom:12px}.question-skills-manager .skill-item{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px;padding:8px 12px;background:white;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:8px;justify-content:flex-start!important}.question-skills-manager .skill-item:last-child{margin-bottom:0}.question-skills-manager .skill-item.single-skill{justify-content:space-between!important}.question-skills-manager .skill-name{flex:1 1 auto!important;min-width:120px!important;max-width:350px;font-weight:500;color:#333;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;cursor:help}.question-skills-manager .skill-name:hover{overflow:visible;white-space:normal;background:#fffef0;position:relative;z-index:10;box-shadow:0 2px 8px #00000026;padding:4px 8px;margin:-4px -8px;border-radius:4px}.skills-management-section .skill-item .skill-name{flex:1 1 auto;min-width:120px;max-width:350px;font-weight:500;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:help}.skills-management-section .skill-item .skill-name:hover{overflow:visible;white-space:normal;background:#fffef0;position:relative;z-index:10;box-shadow:0 2px 8px #00000026;padding:4px 8px;margin:-4px -8px;border-radius:4px}.skill-weight-input{width:80px;padding:4px 8px;border:1px solid #ccc;border-radius:3px;text-align:center;font-size:.9em}.skill-weight-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #2563eb1a}.skill-marks-input{width:60px;padding:4px 8px;border:1px solid #ccc;border-radius:3px;text-align:center;font-size:.9em}.skill-marks-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #2563eb1a}.marks-label{font-size:.8em;color:#666;margin-left:4px;margin-right:8px}.skill-marks-total{font-size:.85em;color:#666;margin-top:8px;padding:6px 10px;background:#f8f9fa;border-radius:4px}.skill-marks-total .marks-warning{color:#dc3545;font-weight:500}.remove-skill-button{background:#dc3545;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;font-weight:700;transition:background-color .2s ease}.remove-skill-button:hover{background:#c82333}.skill-management-buttons{display:flex;gap:8px;flex-wrap:wrap}.add-skill-select,.add-skill-button,.auto-distribute-button{background-color:var(--primary-color);color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.9em;transition:opacity .2s ease}.add-skill-select{background-color:#f8f9fa;color:#333;border:1px solid #ddd;min-width:150px}.add-skill-select:hover{background-color:#e9ecef;border-color:var(--primary-color)}.add-skill-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #2563eb1a}.add-skill-button:hover,.auto-distribute-button:hover{opacity:.9}.add-skill-select:disabled,.add-skill-button:disabled,.auto-distribute-button:disabled{opacity:.5;cursor:not-allowed}.no-skills-message{color:#666;font-style:italic;margin:8px 0;font-size:.9em}.question-curriculum-linker{display:none!important}.sticky-stats{position:sticky;top:0;background:white;border:2px solid #2563eb;border-radius:8px;padding:15px;margin-bottom:20px;box-shadow:0 4px 12px #0000001a;z-index:10;transition:padding .2s ease}.sticky-stats.collapsed{padding:10px 15px}.stats-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.stats-header h3{margin:0;font-size:1rem;color:#1e40af}.stats-header-right{display:flex;align-items:center;gap:12px}.stats-summary{font-size:.8rem;color:#4b5563;background:#f3f4f6;padding:4px 10px;border-radius:4px;white-space:nowrap}.stats-toggle-btn{background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.stats-toggle-btn:hover{background-color:#e5e7eb}.toggle-arrow{font-size:.75rem;color:#6b7280;transition:transform .2s ease;display:inline-block}.toggle-arrow.expanded{transform:rotate(0)}.toggle-arrow.collapsed{transform:rotate(-90deg)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:10px}.stats-section{background:#f8f9fa;padding:10px;border-radius:6px;border:1px solid #e9ecef}.stats-section h4{margin:0 0 8px;color:#2563eb;font-size:.9em;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stats-section p{margin:4px 0;font-size:.85em;color:#333}.stats-section strong{color:#2563eb}.difficulty-breakdown p{margin:2px 0;font-size:.8em}.no-data{color:#6c757d;font-style:italic;font-size:.8em}.right-panel{background:#f8f9fa!important}.right-panel h2{margin-top:0;color:#2563eb;border-bottom:2px solid #2563eb;padding-bottom:5px}.family-card{border:1px solid #ddd;border-radius:8px;overflow:hidden;transition:box-shadow .2s ease}.assessments-card{border-left:5px solid #ffc107}.library-card{border-left:5px solid #2563eb}.draft-indicator{color:#b45309;background:#fef3c7;padding:4px 8px;border-radius:4px;font-size:.8em;font-weight:700}.filters-toolbar{display:flex;gap:15px;margin-bottom:20px;background:#f8f9fa;padding:15px;border-radius:6px;align-items:center;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{font-weight:500;color:#555}.filter-group select{padding:6px 10px;border:1px solid #ccc;border-radius:4px;min-width:150px}.clear-filters{color:#666;text-decoration:underline;background:none;border:none;cursor:pointer;margin-left:auto}.toggle-filter{background:white;padding:8px 12px;border-radius:6px;border:1px solid #e2e8f0}.toggle-label-inline{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;color:#475569}.toggle-label-inline input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-color);cursor:pointer}.toggle-label-inline input[type=checkbox]:checked+span{color:var(--primary-color);font-weight:600}.badges{display:flex;gap:8px;align-items:center}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.8em;font-weight:600;text-transform:uppercase}.status-draft{background-color:#ffeeba;color:#856404}.status-published{background-color:#d4edda;color:#155724}.status-pending_review{background-color:#fff3cd;color:#856404}.status-archived{background-color:#e2e3e5;color:#383d41}.subject-badge{background-color:#e9ecef;color:#495057;padding:4px 8px;border-radius:4px;font-size:.8em}.pinned-badge{background-color:#d4edda;color:#155724;padding:4px 8px;border-radius:4px;font-size:.8em;font-weight:600}.instance-count-badge{background-color:#dbeafe;color:#1e40af;padding:4px 8px;border-radius:4px;font-size:.75em;font-weight:500}.draft-alert{background-color:#fff3cd;border:1px solid #ffeeba;color:#856404;padding:10px;margin-bottom:15px;border-radius:4px;font-size:.9em;display:flex;align-items:center}.draft-alert:not(.no-icon):before{content:"✏️";margin-right:8px}.newer-version-alert{background-color:#dbeafe;border:1px solid #bfdbfe;color:#1e40af;padding:10px;margin-bottom:15px;border-radius:4px;font-size:.9em;display:block;text-decoration:none}.newer-version-alert.clickable,.draft-alert.clickable{cursor:pointer;transition:all .2s ease}.newer-version-alert.clickable:hover,.draft-alert.clickable:hover{transform:translate(4px);box-shadow:0 2px 8px #0000001a}.newer-version-alert .click-hint,.draft-alert .click-hint{float:right;font-weight:500;opacity:.7}.newer-version-alert:hover .click-hint,.draft-alert:hover .click-hint{opacity:1}.draft-section{margin-top:12px;padding-top:12px;border-top:1px dashed #d1d5db}.draft-section-divider{display:none}.draft-section .draft-alert,.draft-section .newer-version-alert{margin-bottom:0}.template-meta .version-badge{padding:3px 8px;border-radius:4px;font-weight:600;font-size:.85em}.template-meta .version-badge.status-published{background-color:#dcfce7;color:#166534}.template-meta .version-badge.status-draft{background-color:#fef3c7;color:#92400e}.template-meta .version-badge.status-archived{background-color:#f3f4f6;color:#6b7280}.template-meta .version-badge.status-pending_review{background-color:#fae8ff;color:#86198f}.history-status{font-size:.8em;padding:2px 6px;border-radius:3px;margin-right:8px;text-transform:uppercase}.section-stimulus-block{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border-left:4px solid #3b82f6;padding:16px 20px;margin:12px 0 20px;border-radius:0 8px 8px 0;font-style:normal}.section-stimulus-content{line-height:1.6;color:#374151}.section-description-input{width:100%;min-height:80px;resize:vertical;font-family:inherit;font-size:.95em;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;transition:border-color .2s,box-shadow .2s}.section-description-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.section-description-input::placeholder{color:#9ca3af}.short-answer-customization{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px;margin-top:10px}.short-answer-customization .form-group{flex:1;min-width:150px}.short-answer-customization label{font-weight:500;font-size:.9em;color:#374151}.short-answer-customization input[type=number],.short-answer-customization select{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:.9em}.short-answer-customization .field-help{display:block;font-size:.8em;color:#6b7280;margin-top:4px}.answer-space.lined-style{border:1px solid #d1d5db;border-radius:4px;padding:8px 12px;background-color:#fff}.answer-space.blank-style{border:1px dashed #d1d5db;border-radius:4px;padding:8px 12px;background-color:#fafafa}.answer-space .writing-line{border-bottom:1px solid #e5e7eb;height:1.5em;margin-bottom:0}.answer-space.lined-style .writing-line{display:none}.image-layout-selector{margin-top:15px;padding:12px 16px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px}.image-layout-selector label{display:block;margin-bottom:6px;color:#0369a1}.image-layout-selector .layout-select{width:100%;padding:8px 12px;border:1px solid #7dd3fc;border-radius:4px;background:white;font-size:.9em;cursor:pointer}.image-layout-selector .layout-select:focus{outline:none;border-color:#0284c7;box-shadow:0 0 0 3px #0ea5e91a}.image-layout-selector .layout-help{display:block;font-size:.8em;color:#64748b;margin-top:6px}.question-image-display.layout-stack{display:flex;flex-direction:column;gap:10px}.question-image-display.layout-row{display:flex;flex-direction:row;gap:10px;flex-wrap:wrap;align-items:flex-start}.question-image-display.layout-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.question-image-display .image-layout-item{display:flex;flex-direction:column}.question-image-display.layout-row .image-layout-item{flex:1 1 auto;max-width:48%}.question-image-display.layout-grid .image-layout-item{width:100%}.lead-space-control{margin-top:15px;margin-bottom:10px}.lead-space-control label{display:block;margin-bottom:6px;font-weight:500;color:#374151}.lead-space-control input[type=number]{width:100px;padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:.95em}.lead-space-control input[type=number]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.lead-space-control .field-help{display:block;font-size:.8em;color:#6b7280;margin-top:4px}.question-lead-space{display:block;width:100%;background-color:transparent}.short-answer-customization .form-row{display:flex;gap:20px;flex-wrap:wrap}.short-answer-customization .form-row .form-group{flex:1;min-width:150px}.skill-input-group{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.skill-input-group input[type=text]{flex:1;min-width:200px}.skill-input-group .add-button-small{flex-shrink:0}.or-divider{margin:0 .5rem;color:#6b7280;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.browse-skill-bank-btn{background:#059669!important;color:#fff!important;white-space:nowrap;flex-shrink:0}.browse-skill-bank-btn:hover:not(:disabled){background:#047857!important}.browse-skill-bank-btn:disabled{background:#9ca3af!important;cursor:not-allowed;opacity:.6}.field-help{display:block;margin-top:.5rem;font-size:.875rem;color:#6b7280;font-style:italic}.branding-section.collapsible{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px;background:#fafafa}.branding-header-clickable{cursor:pointer;padding:15px 20px;margin:0;border-radius:8px 8px 0 0;transition:background-color .2s ease;border-bottom:1px solid #e5e7eb}.branding-header-clickable:hover{background:rgba(0,0,0,.03)}.branding-header-clickable h2{margin:0;display:flex;align-items:center;gap:8px;color:var(--primary-color);font-size:1.25rem;font-weight:600}.branding-collapse-toggle{font-size:.8em;color:#6b7280;min-width:16px;transition:transform .2s ease}.collapsed-indicator{font-size:.875rem;font-weight:400;color:#9ca3af;margin-left:8px;font-style:italic}.templates-page .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.templates-page .share-modal{background:white;border-radius:12px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d}.templates-page .share-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;border-radius:12px 12px 0 0}.templates-page .share-modal .modal-header h2{margin:0;font-size:1.25rem;color:var(--primary-color)}.templates-page .share-modal .close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:0;line-height:1}.templates-page .share-modal .close-btn:hover{color:#1f2937}.templates-page .share-modal .modal-body{padding:1.5rem;overflow-y:auto;flex:1}.templates-page .share-modal .share-description{color:#6b7280;margin:0 0 1rem;font-size:.9rem}.templates-page .share-modal .currently-shared{background:#f0fdf4;border:1px solid #86efac;border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem}.templates-page .share-modal .currently-shared h4{margin:0 0 .5rem;font-size:.875rem;color:#166534}.templates-page .share-modal .shared-users-list{display:flex;flex-wrap:wrap;gap:.5rem}.templates-page .share-modal .shared-user-badge{background:#22c55e;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.templates-page .share-modal .teachers-selection h4{margin:0 0 .75rem;font-size:.9rem;color:#374151}.templates-page .share-modal .loading-indicator{color:#6b7280;font-style:italic;padding:1rem;text-align:center}.templates-page .share-modal .no-teachers{color:#6b7280;font-style:italic}.templates-page .share-modal .teacher-search{margin-bottom:.75rem}.templates-page .share-modal .teacher-search-input{width:100%;padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:6px;font-size:.9rem;outline:none;transition:border-color .2s ease}.templates-page .share-modal .teacher-search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f11a}.templates-page .share-modal .teachers-list{display:flex;flex-direction:column;gap:.5rem;max-height:250px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px;padding:.5rem}.templates-page .share-modal .teacher-checkbox{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:6px;cursor:pointer;transition:background .2s ease}.templates-page .share-modal .teacher-checkbox:hover{background:#f3f4f6}.templates-page .share-modal .teacher-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color);cursor:pointer}.templates-page .share-modal .teacher-name{flex:1;color:#1f2937}.templates-page .share-modal .teacher-role{color:#9ca3af;font-size:.8rem;margin-left:.5rem}.templates-page .share-modal .modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 12px 12px}.templates-page .share-button{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)!important;color:#fff!important}.templates-page .share-button:hover{background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%)!important}@font-face{font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/assets/KaTeX_AMS-Regular-0cdd387c.woff2) format("woff2"),url(/assets/KaTeX_AMS-Regular-30da91e8.woff) format("woff"),url(/assets/KaTeX_AMS-Regular-68534840.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Caligraphic-Bold-de7701e4.woff2) format("woff2"),url(/assets/KaTeX_Caligraphic-Bold-1ae6bd74.woff) format("woff"),url(/assets/KaTeX_Caligraphic-Bold-07d8e303.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Caligraphic-Regular-5d53e70a.woff2) format("woff2"),url(/assets/KaTeX_Caligraphic-Regular-3398dd02.woff) format("woff"),url(/assets/KaTeX_Caligraphic-Regular-ed0b7437.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Fraktur-Bold-74444efd.woff2) format("woff2"),url(/assets/KaTeX_Fraktur-Bold-9be7ceb8.woff) format("woff"),url(/assets/KaTeX_Fraktur-Bold-9163df9c.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Fraktur-Regular-51814d27.woff2) format("woff2"),url(/assets/KaTeX_Fraktur-Regular-5e28753b.woff) format("woff"),url(/assets/KaTeX_Fraktur-Regular-1e6f9579.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Main-Bold-0f60d1b8.woff2) format("woff2"),url(/assets/KaTeX_Main-Bold-c76c5d69.woff) format("woff"),url(/assets/KaTeX_Main-Bold-138ac28d.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/assets/KaTeX_Main-BoldItalic-99cd42a3.woff2) format("woff2"),url(/assets/KaTeX_Main-BoldItalic-a6f7ec0d.woff) format("woff"),url(/assets/KaTeX_Main-BoldItalic-70ee1f64.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/assets/KaTeX_Main-Italic-97479ca6.woff2) format("woff2"),url(/assets/KaTeX_Main-Italic-f1d6ef86.woff) format("woff"),url(/assets/KaTeX_Main-Italic-0d85ae7c.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Main-Regular-c2342cd8.woff2) format("woff2"),url(/assets/KaTeX_Main-Regular-c6368d87.woff) format("woff"),url(/assets/KaTeX_Main-Regular-d0332f52.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/assets/KaTeX_Math-BoldItalic-dc47344d.woff2) format("woff2"),url(/assets/KaTeX_Math-BoldItalic-850c0af5.woff) format("woff"),url(/assets/KaTeX_Math-BoldItalic-f9377ab0.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/assets/KaTeX_Math-Italic-7af58c5e.woff2) format("woff2"),url(/assets/KaTeX_Math-Italic-8a8d2445.woff) format("woff"),url(/assets/KaTeX_Math-Italic-08ce98e5.ttf) format("truetype")}@font-face{font-family:KaTeX_SansSerif;font-style:normal;font-weight:700;src:url(/assets/KaTeX_SansSerif-Bold-e99ae511.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Bold-ece03cfd.woff) format("woff"),url(/assets/KaTeX_SansSerif-Bold-1ece03f7.ttf) format("truetype")}@font-face{font-family:KaTeX_SansSerif;font-style:italic;font-weight:400;src:url(/assets/KaTeX_SansSerif-Italic-00b26ac8.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Italic-91ee6750.woff) format("woff"),url(/assets/KaTeX_SansSerif-Italic-3931dd81.ttf) format("truetype")}@font-face{font-family:KaTeX_SansSerif;font-style:normal;font-weight:400;src:url(/assets/KaTeX_SansSerif-Regular-68e8c73e.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Regular-11e4dc8a.woff) format("woff"),url(/assets/KaTeX_SansSerif-Regular-f36ea897.ttf) format("truetype")}@font-face{font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Script-Regular-036d4e95.woff2) format("woff2"),url(/assets/KaTeX_Script-Regular-d96cdf2b.woff) format("woff"),url(/assets/KaTeX_Script-Regular-1c67f068.ttf) format("truetype")}@font-face{font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size1-Regular-6b47c401.woff2) format("woff2"),url(/assets/KaTeX_Size1-Regular-c943cc98.woff) format("woff"),url(/assets/KaTeX_Size1-Regular-95b6d2f1.ttf) format("truetype")}@font-face{font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size2-Regular-d04c5421.woff2) format("woff2"),url(/assets/KaTeX_Size2-Regular-2014c523.woff) format("woff"),url(/assets/KaTeX_Size2-Regular-a6b2099f.ttf) format("truetype")}@font-face{font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAA4oAA4AAAAAHbQAAA3TAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgRQIDgmcDBEICo1oijYBNgIkA14LMgAEIAWJAAeBHAyBHBvbGiMRdnO0IkRRkiYDgr9KsJ1NUAf2kILNxgUmgqIgq1P89vcbIcmsQbRps3vCcXdYOKSWEPEKgZgQkprQQsxIXUgq0DqpGKmIvrgkeVGtEQD9DzAO29fM9jYhxZEsL2FeURH2JN4MIcTdO049NCVdxQ/w9NrSYFEBKTDKpLKfNkCGDc1RwjZLQcm3vqJ2UW9Xfa3tgAHz6ivp6vgC2yD4/6352ndnN0X0TL7seypkjZlMsjmZnf0Mm5Q+JykRWQBKCVCVPbARPXWyQtb5VgLB6Biq7/Uixcj2WGqdI8tGSgkuRG+t910GKP2D7AQH0DB9FMDW/obJZ8giFI3Wg8Cvevz0M+5m0rTh7XDBlvo9Y4vm13EXmfttwI4mBo1EG15fxJhUiCLbiiyCf/ZA6MFAhg3pGIZGdGIVjtPn6UcMk9A/UUr9PhoNsCENw1APAq0gpH73e+M+0ueyHbabc3vkbcdtzcf/fiy+NxQEjf9ud/ELBHAXJ0nk4z+MXH2Ev/kWyV4k7SkvpPc9Qr38F6RPWnM9cN6DJ0AdD1BhtgABtmoRoFCvPsBAumNm6soZG2Gk5GyVTo2sJncSyp0jQTYoR6WDvTwaaEcHsxHfvuWhHA3a6bN7twRKtcGok6NsCi7jYRrM2jExsUFMxMQYuJbMhuWNOumEJy9hi29Dmg5zMp/A5+hhPG19j1vBrq8JTLr8ki5VLPmG/PynJHVul440bxg5xuymHUFPBshC+nA9I1FmwbRBTNHAcik3Oae0cxKoI3MOriM42UrPe51nsaGxJ+WfXubAsP84aabUlQSJ1IiE0iPETLUU4CATgfXSCSpuRFRmCGbO+wSpAnzaeaCYW1VNEysRtuXCEL1kUFUbbtMv3Tilt/1c11jt3Q5bbMa84cpWipp8Elw3MZhOHsOlwwVUQM3lAR35JiFQbaYCRnMF2lxAWoOg2gyoIV4PouX8HytNIfLhqpJtXB4vjiViUI8IJ7bkC4ikkQvKksnOTKICwnqWSZ9YS5f0WCxmpgjbIq7EJcM4aI2nmhLNY2JIUgOjXZFWBHb+x5oh6cwb0Tv1ackHdKi0I9OO2wE9aogIOn540CCCziyhN+IaejtgAONKznHlHyutPrHGwCx9S6B8kfS4Mfi4Eyv7OU730bT1SCBjt834cXsf43zVjPUqqJjgrjeGnBxSG4aYAKFuVbeCfkDIjAqMb6yLNIbCuvXhMH2/+k2vkNpkORhR59N1CkzoOENvneIosjYmuTxlhUzaGEJQ/iWqx4dmwpmKjrwTiTGTCVozNAYqk/zXOndWxuWSmJkQpJw3pK5KX6QrLt5LATMqpmPAQhkhK6PUjzHUn7E0gHE0kPE0iKkolgkUx9SZmVAdDgpffdyJKg3k7VmzYGCwVXGz/tXmkOIp+vcWs+EMuhhvN0h9uhfzWJziBQmCREGSIFmQIkgVpAnSBRmC//6hkLZwaVhwxlrJSOdqlFtOYxlau9F2QN5Y98xmIAsiM1HVp2VFX+DHHGg6Ecjh3vmqtidX3qHI2qycTk/iwxSt5UzTmEP92ZBnEWTk4Mx8Mpl78ZDokxg/KWb+Q0QkvdKVmq3TMW+RXEgrsziSAfNXFMhDc60N5N9jQzjfO0kBKpUZl0ZmwJ41j/B9Hz6wmRaJB84niNmQrzp9eSlQCDDzazGDdVi3P36VZQ+Jy4f9UBNp+3zTjqI4abaFAm+GShVaXlsGdF3FYzZcDI6cori4kMxUECl9IjJZpzkvitAoxKue+90pDMvcKRxLl53TmOKCmV/xRolNKSqqUxc6LStOETmFOiLZZptlZepcKiAzteG8PEdpnQpbOMNcMsR4RR2Bs0cKFEvSmIjAFcnarqwUL4lDhHmnVkwu1IwshbiCcgvOheZuYyOteufZZwlcTlLgnZ3o/WcYdzZHW/WGaqaVfmTZ1aWCceJjkbZqsfbkOtcFlUZM/jy+hXHDbaUobWqqXaeWobbLO99yG5N3U4wxco0rQGGcOLASFMXeJoham8M+/x6O2WywK2l4HGbq1CoUyC/IZikQhdq3SiuNrvAEj0AVu9x2x3lp/xWzahaxidezFVtdcb5uEnzyl0ZmYiuKI0exvCd4Xc9CV1KB0db00z92wDPde0kukbvZIWN6jUWFTmPIC/Y4UPCm8UfDTFZpZNon1qLFTkBhxzB+FjQRA2Q/YRJT8pQigslMaUpFyAG8TMlXigiqmAZX4xgijKjRlGpLE0GdplRfCaJo0JQaSxNBk6ZmMzcya0FmrcisDdn0Q3HI2sWSppYigmlM1XT/kLQZSNpMJG0WkjYbSZuDpM1F0uYhFc1HxU4m1QJjDK6iL0S5uSj5rgXc3RejEigtcRBtqYPQsiTskmO5vosV+q4VGIKbOkDg0jtRrq+Em1YloaTFar3EGr1EUC8R0kus1Uus00usL97ABr2BjXoDm/QGNhuWtMVBKOwg/i78lT7hBsAvDmwHc/ao3vmUbBmhjeYySZNWvGkfZAgISDSaDo1SVpzGDsAEkF8B+gEapViUoZgUWXcRIGFZNm6gWbAKk0bp0k1MHG9fLYtV4iS2SmLEQFARzRcnf9PUS0LVn05/J9MiRRBU3v2IrvW974v4N00L7ZMk0wXP1409CHo/an8zTRHD3eSJ6m8D4YMkZNl3M79sqeuAsr/m3f+8/yl7A50aiAEJgeBeMWzu7ui9UfUBCe2TIqZIoOd/3/udRBOQidQZUERzb2/VwZN1H/Sju82ew2H2Wfr6qvfVf3hqwDvAIpkQVFy4B9Pe9e4/XvPeceu7h3dvO56iJPf0+A6cqA2ip18ER+iFgggiuOkvj24bby0N9j2UHIkgqIt+sVgfodC4YghLSMjSZbH0VR/6dMDrYJeKHilKTemt6v6kvzvn3/RrdWtr0GoN/xL+Sex/cPYLUpepx9cz/D46UPU5KXgAQa+NDps1v6J3xP1i2HtaDB0M9aX2deA7SYff//+gUCovMmIK/qfsFcOk+4Y5ZN97XlG6zebqtMbKgeRFi51vnxTQYBUik2rS/Cn6PC8ADR8FGxsRPB82dzfND90gIcshOcYUkfjherBz53odpm6TP8txlwOZ71xmfHHOvq053qFF/MRlS3jP0ELudrf2OeN8DHvp6ZceLe8qKYvWz/7yp0u4dKPfli3CYq0O13Ih71mylJ80tOi10On8wi+F4+LWgDPeJ30msSQt9/vkmHq9/Lvo2b461mP801v3W4xTcs6CbvF9UDdrSt+A8OUbpSh55qAUFXWznBBfdeJ8a4d7ugT5tvxUza3h9m4H7ptTqiG4z0g5dc0X29OcGlhpGFMpQo9ytTS+NViZpNdvU4kWx+LKxNY10kQ1yqGXrhe4/1nvP7E+nd5A92TtaRplbHSqoIdOqtRWti+fkB5/n1+/VvCmz12pG1kpQWsfi1ftlBobm0bpngs16CHkbIwdLnParxtTV3QYRlfJ0KFskH7pdN/YDn+yRuSd7sNH3aO0DYPggk6uWuXrfOc+fa3VTxFVvKaNxHsiHmsXyCLIE5yuOeN3/Jdf8HBL/5M6shjyhxHx9BjB1O0+4NLOnjLLSxwO7ukN4jMbOIcD879KLSi6Pk61Oqm2377n8079PXEEQ7cy7OKEC9nbpet118fxweTafpt69x/Bt8UqGzNQt7aelpc44dn5cqhwf71+qKp/Zf/+a0zcizOUWpl/iBcSXip0pplkatCchoH5c5aUM8I7/dWxAej8WicPL1URFZ9BDJelUwEwTkGqUhgSlydVes95YdXvhh9Gfz/aeFWvgVb4tuLbcv4+wLdutVZv/cUonwBD/6eDlE0aSiKK/uoH3+J1wDE/jMVqY2ysGufN84oIXB0sPzy8ollX/LegY74DgJXJR57sn+VGza0x3DnuIgABFM15LmajjjsNlYj+JEZGbuRYcAMOWxFkPN2w6Wd46xo4gVWQR/X4lyI/R6K/YK0110GzudPRW7Y+UOBGTfNNzHeYT0fiH0taunBpq9HEW8OKSaBGj21L0MqenEmNRWBAWDWAk4CpNoEZJ2tTaPFgbQYj8HxtFilErs3BTRwT8uO1NXQaWfIotchmPkAF5mMBAliEmZiOGVgCG9LgRzpscMAOOwowlT3JhusdazXGSC/hxR3UlmWVwWHpOIKheqONvjyhSiTHIkVUco5bnji8m//zL7PKaT1Vl5I6UE609f+gkr6MZKVyKc7zJRmCahLsdlyA5fdQkRSan9LgnnLEyGSkaKJCJog0wAgvepWBt80+1yKln1bMVtCljfNWDueKLsWwaEbBSfSPTEmVRsUcYYMnEjcjeyCZzBXK9E9BYBXLKjOSpUDR+nEV3TFSUdQaz+ot98QxgXwx0GQ+EEUAKB2qZPkQQ0GqFD8UPFMqyaCHM24BZmSGic9EYMagKizOw9Hz50DMrDLrqqLkTAhplMictiCAx5S3BIUQdeJeLnBy2CNtMfz6cV4u8XKoFZQesbf9YZiIERiHjaNodDW6LgcirX/mPnJIkBGDUpTBhSa0EIr38D5hCIszhCM8URGBqImoWjpvpt1ebu/v3Gl3qJfMnNM+9V+kiRFyROTPHQWOcs1dNW94/ukKMPZBvDi55i5CttdeJz84DLngLqjcdwEZ87bFFR8CIG35OAkDVN6VRDZ7aq67NteYqZ2lpT8oYB2CytoBd6VuAx4WgiAsnuj3WohG+LugzXiQRDeM3XYXlULv4dp5VFYC) format("woff2"),url(/assets/KaTeX_Size3-Regular-6ab6b62e.woff) format("woff"),url(/assets/KaTeX_Size3-Regular-500e04d5.ttf) format("truetype")}@font-face{font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size4-Regular-a4af7d41.woff2) format("woff2"),url(/assets/KaTeX_Size4-Regular-99f9c675.woff) format("woff"),url(/assets/KaTeX_Size4-Regular-c647367d.ttf) format("truetype")}@font-face{font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Typewriter-Regular-71d517d6.woff2) format("woff2"),url(/assets/KaTeX_Typewriter-Regular-e14fed02.woff) format("woff"),url(/assets/KaTeX_Typewriter-Regular-f01f3e87.ttf) format("truetype")}.katex{font: 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.22"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:-moz-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}.equation-editor-container{border:1px solid #ccc;padding:10px;border-radius:4px}.editor-controls{margin-bottom:10px;display:flex;justify-content:flex-end}.mode-toggle{display:flex;border:1px solid #ccc;border-radius:4px;overflow:hidden}.mode-btn{padding:6px 12px;border:none;background-color:#f8f9fa;color:#495057;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease;border-right:1px solid #ccc}.mode-btn:last-child{border-right:none}.mode-btn:hover{background-color:#e9ecef}.mode-btn.active{background-color:#007bff;color:#fff}.equation-toolbar-container{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #eee}.equation-preview-container{margin-top:8px;padding:10px;border:1px dashed #ddd;min-height:40px;background-color:#f9f9f9}.subject-mode-selector-container{margin-bottom:8px;font-style:italic;color:#555}.toolbar-button{margin-right:5px;padding:8px 12px;border:1px solid #666;background-color:#fff;color:#333;cursor:pointer;border-radius:4px;font-weight:500;font-size:14px;box-shadow:0 1px 2px #0000001a;transition:all .2s ease}.toolbar-button:hover{background-color:#f8f9fa;border-color:#007bff;box-shadow:0 2px 4px #00000026}.toolbar-button:active{background-color:#e9ecef;transform:translateY(1px);box-shadow:0 1px 2px #0000001a}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}.image-gallery-icon{color:#fff;transition:all .3s ease-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#0000;border:0;cursor:pointer;outline:none;position:absolute;z-index:4;filter:drop-shadow(0 2px 2px rgb(25.5,25.5,25.5))}@media (hover: hover)and (pointer: fine){.image-gallery-icon:hover{color:#337ab7}.image-gallery-icon:hover .image-gallery-svg{transform:scale(1.1)}}.image-gallery-icon:focus{outline:2px solid #337ab7}.image-gallery-using-mouse .image-gallery-icon:focus{outline:none}.image-gallery-fullscreen-button,.image-gallery-play-button{bottom:0;padding:20px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:28px;width:28px}@media (max-width: 768px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:15px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:24px;width:24px}}@media (max-width: 480px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:10px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:16px;width:16px}}.image-gallery-fullscreen-button{right:0}.image-gallery-play-button{left:0}.image-gallery-top-nav,.image-gallery-bottom-nav{padding:10px;left:50%;transform:translate(-50%)}.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{height:120px;width:90px}@media (max-width: 768px){.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{height:72px;width:48px}}@media (max-width: 480px){.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{height:48px;width:36px}}.image-gallery-top-nav[disabled],.image-gallery-bottom-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-top-nav{top:0}.image-gallery-bottom-nav{bottom:0}.image-gallery-left-nav,.image-gallery-right-nav{padding:50px 10px;top:50%;transform:translateY(-50%)}.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:120px;width:60px}@media (max-width: 768px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:72px;width:36px}}@media (max-width: 480px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:48px;width:24px}}.image-gallery-left-nav[disabled],.image-gallery-right-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-left-nav{left:0}.image-gallery-right-nav{right:0}.image-gallery{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative}.image-gallery.fullscreen-modal{background:#000;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:5}.image-gallery.fullscreen-modal .image-gallery-content{top:50%;transform:translateY(-50%)}.image-gallery-content{position:relative;line-height:0;top:0}.image-gallery-content.fullscreen{background:#000}.image-gallery-content .image-gallery-slide .image-gallery-image{max-height:calc(100vh - 80px)}.image-gallery-content.image-gallery-thumbnails-left .image-gallery-slide .image-gallery-image,.image-gallery-content.image-gallery-thumbnails-right .image-gallery-slide .image-gallery-image{max-height:100vh}.image-gallery-slide-wrapper{position:relative}.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{display:inline-block;width:calc(100% - 110px)}@media (max-width: 768px){.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{width:calc(100% - 87px)}}.image-gallery-slide-wrapper.image-gallery-rtl{direction:rtl}.image-gallery-slides{line-height:0;overflow:hidden;position:relative;white-space:nowrap;text-align:center;touch-action:none}.image-gallery-slide{left:0;position:absolute;top:0;width:100%}.image-gallery-slide.image-gallery-center{position:relative}.image-gallery-slide .image-gallery-image{width:100%;object-fit:contain}.image-gallery-slide .image-gallery-description{background:rgba(0,0,0,.4);bottom:70px;color:#fff;left:0;line-height:1;padding:10px 20px;position:absolute;white-space:normal}@media (max-width: 768px){.image-gallery-slide .image-gallery-description{bottom:45px;font-size:.8em;padding:8px 15px}}.image-gallery-bullets{bottom:20px;left:0;margin:0 auto;position:absolute;right:0;width:80%;z-index:4}.image-gallery-bullets .image-gallery-bullets-container{margin:0;padding:0;text-align:center}.image-gallery-bullets .image-gallery-bullet{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#0000;border:1px solid #fff;border-radius:50%;box-shadow:0 2px 2px #1a1a1a;cursor:pointer;display:inline-block;margin:0 5px;outline:none;padding:5px;transition:all .2s ease-out}@media (max-width: 768px){.image-gallery-bullets .image-gallery-bullet{margin:0 3px;padding:3px}}@media (max-width: 480px){.image-gallery-bullets .image-gallery-bullet{padding:2.7px}}.image-gallery-bullets .image-gallery-bullet:focus{transform:scale(1.2);background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active{transform:scale(1.2);border:1px solid #fff;background:#fff}@media (hover: hover)and (pointer: fine){.image-gallery-bullets .image-gallery-bullet:hover{background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active:hover{background:#337ab7}}.image-gallery-bullets.image-gallery-bullets-vertical{left:20px;right:auto;bottom:auto;width:auto;top:50%;transform:translateY(-50%)}.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{display:block;margin:12px 0}@media (max-width: 768px){.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{margin:6px 0;padding:3px}}@media (max-width: 480px){.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{padding:2.7px}}.image-gallery-thumbnails-wrapper{position:relative}.image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal{touch-action:pan-y}.image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical{touch-action:pan-x}.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl{direction:rtl}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{display:inline-block;vertical-align:top;width:100px}@media (max-width: 768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{width:81px}}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails{height:100%;width:100%;left:0;padding:0;position:absolute;top:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail{display:block;margin-right:0;padding:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:0;margin-top:2px}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 5px}@media (max-width: 768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 3px}}.image-gallery-thumbnails{overflow:hidden;padding:5px 0}@media (max-width: 768px){.image-gallery-thumbnails{padding:3px 0}}.image-gallery-thumbnails .image-gallery-thumbnails-container{cursor:pointer;text-align:center;white-space:nowrap}.image-gallery-thumbnail{display:inline-block;border:4px solid rgba(0,0,0,0);transition:border .3s ease-out;width:100px;background:rgba(0,0,0,0);padding:0}@media (max-width: 768px){.image-gallery-thumbnail{border:3px solid rgba(0,0,0,0);width:81px}}.image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:2px}.image-gallery-thumbnail .image-gallery-thumbnail-inner{display:block;position:relative}.image-gallery-thumbnail .image-gallery-thumbnail-image{vertical-align:middle;width:100%;line-height:0}.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{outline:none;border:4px solid #337ab7}@media (max-width: 768px){.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{border:3px solid #337ab7}}@media (hover: hover)and (pointer: fine){.image-gallery-thumbnail:hover{outline:none;border:4px solid #337ab7}}@media (hover: hover)and (pointer: fine)and (max-width: 768px){.image-gallery-thumbnail:hover{border:3px solid #337ab7}}.image-gallery-thumbnail-label{box-sizing:border-box;color:#fff;font-size:1em;left:0;line-height:1em;padding:5%;position:absolute;top:50%;text-shadow:0 2px 2px hsl(0,0%,10%);transform:translateY(-50%);white-space:normal;width:100%}@media (max-width: 768px){.image-gallery-thumbnail-label{font-size:.8em;line-height:.8em}}.image-gallery-index{background:rgba(0,0,0,.4);color:#fff;line-height:1;padding:10px 20px;position:absolute;right:0;top:0;z-index:4}@media (max-width: 768px){.image-gallery-index{font-size:.8em;padding:5px 10px}}.image-editor{border:1px solid #ccc;padding:15px;border-radius:5px;background-color:#f9f9f9;font-family:sans-serif}.image-editor h3,.image-editor h4{margin-top:0;color:#333}.image-uploader{border:2px dashed #007bff;padding:20px;text-align:center;cursor:pointer;background-color:#fff;color:#007bff;border-radius:5px;margin-bottom:15px;transition:background-color .2s ease-in-out,border-color .2s ease-in-out}.image-uploader.active{border-color:#28a745;background-color:#e9f7ef}.image-uploader.disabled{border-color:#ced4da;background-color:#e9ecef;color:#6c757d;cursor:not-allowed}.image-uploader p{margin:0}.image-cropper{margin-top:15px;margin-bottom:15px;display:flex;flex-direction:column;align-items:center}.image-cropper .ReactCrop{max-width:100%;display:flex;justify-content:center;border:1px solid #ddd;background-color:#f0f0f0}.image-cropper .ReactCrop img{display:block;max-width:100%;object-fit:contain}.crop-actions{margin-top:10px;text-align:center;display:flex;gap:10px;justify-content:center}.crop-actions button{padding:8px 15px;cursor:pointer;border-radius:4px;border:1px solid transparent;font-weight:500;outline:none}.crop-actions button:focus-visible{outline:2px solid #007bff;outline-offset:2px}.image-editor-actions button{padding:8px 12px;cursor:pointer;border-radius:4px;border:1px solid;font-weight:500;transition:background-color .15s ease-in-out,border-color .15s ease-in-out;outline:none;background-color:#6c757d;color:#fff;border-color:#6c757d}.image-editor-actions button:hover:not(:disabled){background-color:#5a6268;border-color:#545b62}.image-editor-actions button:focus-visible{outline:2px solid #007bff;outline-offset:2px}.image-editor-actions button.confirm-action{background-color:#28a745;border-color:#28a745}.image-editor-actions button.confirm-action:hover:not(:disabled){background-color:#218838;border-color:#1e7e34}.image-editor-actions button.crop-action{background-color:#ffc107;border-color:#ffc107;color:#212529}.image-editor-actions button.crop-action:hover:not(:disabled){background-color:#e0a800;border-color:#d39e00}.image-editor-actions button:disabled{background-color:#adb5bd;border-color:#adb5bd;color:#e9ecef;cursor:not-allowed;opacity:.65}.crop-actions button:disabled{background-color:#adb5bd;border-color:#adb5bd;color:#fff;cursor:not-allowed}.crop-actions button:first-of-type{background-color:#28a745;color:#fff;border-color:#28a745}.crop-actions button:first-of-type:hover:not(:disabled){background-color:#218838}.crop-actions .cancel-button{background-color:#6c757d;color:#fff;border-color:#6c757d}.crop-actions .cancel-button:hover:not(:disabled){background-color:#5a6268}.image-positioner{margin:15px 0;padding:10px;background-color:#e9ecef;border-radius:4px;display:flex;align-items:center;gap:10px}.image-positioner label{margin:0;font-weight:500}.image-positioner select{padding:5px 8px;border-radius:4px;border:1px solid #ced4da;outline:none}.image-positioner select:focus-visible{outline:2px solid #007bff;outline-offset:1px;border-color:#80bdff}.image-positioner.disabled p{margin:0;color:#495057;font-style:italic}.image-preview-container{margin-top:15px;padding:10px;border:1px dashed #6c757d;border-radius:4px;min-height:50px;text-align:center;background-color:#fff}.image-preview-container.inline{display:inline-block;border:1px dashed #ced4da;padding:5px;vertical-align:middle}.image-preview-container img{border:1px solid #eee}.image-preview-container>p:first-child{color:#6c757d;margin:0}.image-preview-container .caption{font-size:.9em;color:#495057;margin-top:5px;clear:both}.image-toolbar{margin-top:20px;padding-top:15px;border-top:1px solid #dee2e6;display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-start}.image-toolbar button{padding:8px 12px;cursor:pointer;border-radius:4px;border:1px solid;font-weight:500;transition:background-color .15s ease-in-out,border-color .15s ease-in-out;outline:none}.image-toolbar button:focus-visible{outline:2px solid #007bff;outline-offset:2px}.image-toolbar button.confirm-button:disabled,.image-toolbar button.crop-button:disabled,.image-toolbar button.delete-button:disabled,.image-toolbar button:disabled{background-color:#adb5bd;border-color:#adb5bd;color:#e9ecef;cursor:not-allowed;opacity:.65}.image-toolbar .confirm-button{background-color:#007bff;border-color:#007bff;color:#fff}.image-toolbar .confirm-button:hover:not(:disabled){background-color:#0056b3;border-color:#0056b3}.image-toolbar .crop-button{background-color:#ffc107;border-color:#ffc107;color:#212529}.image-toolbar .crop-button:hover:not(:disabled){background-color:#e0a800;border-color:#d39e00}.image-toolbar .delete-button{background-color:#dc3545;border-color:#dc3545;color:#fff}.image-toolbar .delete-button:hover:not(:disabled){background-color:#c82333;border-color:#bd2130}.image-editor .form-group{margin-bottom:10px}.image-editor .form-group label{display:block;margin-bottom:5px;font-weight:500;color:#495057}.image-editor .form-group input[type=text]{width:100%;padding:8px;border:1px solid #ced4da;border-radius:4px;box-sizing:border-box;outline:none}.image-editor .form-group input[type=text]:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.image-editor .form-group input[type=text]:focus-visible{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:2px solid #007bff;outline-offset:1px}.image-editor-error-display{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;padding:10px 15px;margin-top:10px;border-radius:4px;font-size:.9em}.image-editor-error-display .error-message{margin:0;padding:0}.image-editor-error-display .error-message+.error-message{margin-top:8px}.image-editor-error-display .error-filename{font-weight:700}.image-editor .scale-slider{width:90%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e2e8f0;border-radius:3px;outline:none;cursor:pointer;margin:6px 0}.image-editor .scale-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#3b82f6;border-radius:50%;cursor:pointer;transition:background .2s}.image-editor .scale-slider::-webkit-slider-thumb:hover{background:#2563eb}.image-editor .scale-slider::-moz-range-thumb{width:16px;height:16px;background:#3b82f6;border-radius:50%;cursor:pointer;border:none}.image-editor .scale-presets{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.image-editor .scale-presets button{flex:1;min-width:50px;padding:4px 8px;border:1px solid #d1d5db;background:white;border-radius:3px;font-size:.8em;color:#374151;font-weight:500;cursor:pointer;transition:all .2s}.image-editor .scale-presets button:hover{background:#e5e7eb;border-color:#9ca3af;color:#111827}.image-editor .scale-presets button.active{background:#dbeafe;border-color:#3b82f6;color:#1d4ed8;font-weight:600}.image-editor .form-group select{width:100%;padding:8px;border:1px solid #ced4da;border-radius:4px;box-sizing:border-box;background:white;font-size:.95em;cursor:pointer}.image-editor .form-group select:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.input-mode-toggle{display:flex;border:1px solid #ced4da;border-radius:4px;overflow:hidden;margin-bottom:8px;width:fit-content;background-color:#fff}.toggle-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;background:#f8f9fa;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;color:#495057;border-right:1px solid #ced4da}.toggle-btn:last-child{border-right:none}.toggle-btn:hover:not(:disabled):not(.active){background:#e9ecef;color:#343a40}.toggle-btn.active{background:#007bff;color:#fff;box-shadow:inset 0 1px 2px #0000001a}.toggle-btn:disabled{cursor:not-allowed;opacity:.6;background:#f8f9fa;color:#6c757d}.toggle-icon{font-size:16px;line-height:1}.toggle-btn:focus{outline:none;box-shadow:0 0 0 2px #007bff40}.toggle-btn:focus:not(:focus-visible){box-shadow:none}.toggle-btn:focus-visible{box-shadow:0 0 0 2px #007bff40}.question-text-input-container{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.input-controls{display:flex;align-items:center;gap:16px;padding:8px 0;border-bottom:1px solid #e0e0e0;margin-bottom:8px}.subject-selector-container{display:flex;align-items:center;gap:8px}.subject-label{font-size:14px;font-weight:500;color:#333;margin:0}.subject-selector{padding:6px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background-color:#fff;color:#333;cursor:pointer;transition:border-color .2s ease}.subject-selector:hover{border-color:#007bff}.subject-selector:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.subject-selector:disabled{background-color:#f5f5f5;color:#666;cursor:not-allowed}.input-field-container{position:relative}.question-text-textarea{width:100%;min-height:80px;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit;line-height:1.5;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}.question-text-textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.question-text-textarea.error{border-color:#dc3545;box-shadow:0 0 0 2px #dc354540}.question-text-textarea:disabled{background-color:#f5f5f5;color:#666;cursor:not-allowed}.equation-editor-wrapper{border:1px solid #ddd;border-radius:4px;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease}.equation-editor-wrapper:focus-within{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.image-editor-wrapper{border:1px solid #ddd;border-radius:4px;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease}.image-editor-wrapper:focus-within{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.image-attachment-indicator{margin-top:8px;padding:8px 12px;background-color:#d1ecf1;border:1px solid #bee5eb;border-radius:4px;display:flex;align-items:center;justify-content:space-between}.attachment-status{display:flex;align-items:center;gap:8px;flex:1}.attachment-icon{font-size:16px;color:#0c5460}.attachment-text{font-size:14px;color:#0c5460;font-weight:500}.clear-attachment-btn{background:none;border:none;color:#0c5460;cursor:pointer;font-size:16px;padding:4px;border-radius:2px;transition:background-color .2s ease;line-height:1}.clear-attachment-btn:hover{background-color:#0c54601a}.clear-attachment-btn:disabled{color:#6c757d;cursor:not-allowed}.clear-attachment-btn:disabled:hover{background-color:transparent}.validation-error{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;font-size:13px;line-height:1.4;margin-top:4px}.validation-error:before{content:"⚠";flex-shrink:0;font-weight:700}.latex-help,.image-help{margin-top:8px}.latex-help-details,.image-help-details{border:1px solid #e0e0e0;border-radius:4px;background-color:#f8f9fa}.latex-help-details summary,.image-help-details summary{padding:8px 12px;cursor:pointer;font-size:13px;font-weight:500;color:#495057;-webkit-user-select:none;user-select:none;border-radius:4px;transition:background-color .2s ease}.latex-help-details summary:hover,.image-help-details summary:hover{background-color:#e9ecef}.latex-help-details[open] summary,.image-help-details[open] summary{border-bottom:1px solid #e0e0e0;border-radius:4px 4px 0 0}.latex-help-content,.image-help-content{padding:12px;font-size:13px;line-height:1.5}.latex-help-content p,.image-help-content p{margin:0 0 8px}.latex-help-content p:last-child,.image-help-content p:last-child{margin-bottom:0}.latex-help-content ul,.image-help-content ul{margin:8px 0;padding-left:20px}.latex-help-content li,.image-help-content li{margin-bottom:4px}.latex-help-content code,.image-help-content code{background-color:#e9ecef;padding:2px 4px;border-radius:2px;font-family:Courier New,monospace;font-size:12px}@media (max-width: 768px){.input-controls{flex-direction:column;align-items:flex-start;gap:12px}.subject-selector-container{width:100%}.subject-selector{flex:1;min-width:150px}}@media (prefers-contrast: high){.question-text-textarea,.subject-selector,.equation-editor-wrapper{border-width:2px}.validation-error{border-width:2px;font-weight:500}}.inline-content-editor-container{display:flex;flex-direction:column;gap:0;border:1px solid #ddd;border-radius:4px;background-color:#fff;overflow:hidden}.markdown-toolbar{display:flex;gap:4px;padding:8px;background-color:#f8f9fa;border-bottom:1px solid #dee2e6}.markdown-toolbar button{background-color:transparent;border:1px solid transparent;border-radius:3px;color:#333;padding:2px 6px;min-width:24px;font-family:inherit;font-size:14px;cursor:pointer;transition:all .1s ease}.markdown-toolbar button:hover{background-color:#e2e6ea;border-color:#adb5bd}.markdown-toolbar button:active{background-color:#dae0e5;border-color:#95999c}.inline-content-textarea{border:none;border-radius:0;padding:12px;background-color:#fff;font-family:inherit;font-size:14px;line-height:1.5;resize:vertical;outline:none;width:100%;min-height:80px}.inline-content-textarea:focus{background-color:#fff}.inline-content-editor-container:focus-within{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.inline-content-textarea:disabled{background-color:#f8f9fa;cursor:not-allowed}.inline-editor-help{padding:8px 12px;background-color:#e7f3ff;border-top:1px solid #b3d8ff;font-size:12px;color:#1e40af;text-align:center}.inline-editor-help kbd{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:3px;padding:2px 4px;font-size:11px;font-family:monospace;color:#495057}.latex-helper-section{margin-top:16px;border:1px solid #e0e0e0;border-radius:8px;background-color:#f8f9fa;overflow:hidden}.latex-helper-header{padding:12px 16px;background-color:#fff;border-bottom:1px solid #e0e0e0}.latex-helper-header h4{margin:0 0 4px;color:#2563eb;font-size:14px;font-weight:600}.latex-helper-header p{margin:0;font-size:12px;color:#6b7280;line-height:1.4}.equation-editor-wrapper{padding:16px;background-color:#fff}.latex-helper-actions{display:flex;gap:8px;padding:12px 16px;background-color:#f9fafb;border-top:1px solid #e0e0e0}.insert-latex-button,.clear-latex-button{padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.insert-latex-button{background-color:#2563eb;color:#fff;border-color:#2563eb}.insert-latex-button:hover:not(:disabled){background-color:#1d4ed8;border-color:#1d4ed8}.insert-latex-button:disabled{background-color:#e5e7eb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.clear-latex-button{background-color:#fff;color:#6b7280}.clear-latex-button:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.clear-latex-button:disabled{color:#d1d5db;cursor:not-allowed}.charts-editor-section{margin-top:16px;border:1px solid #e0e0e0;border-radius:8px;background-color:#f8f9fa;overflow:hidden}.charts-editor-header{padding:12px 16px;background-color:#fff;border-bottom:1px solid #e0e0e0}.charts-editor-header h4{margin:0 0 4px;color:#2563eb;font-size:14px;font-weight:600}.charts-editor-header p{margin:0;font-size:12px;color:#6b7280;line-height:1.4}.charts-editor-wrapper{padding:16px;background-color:#fff}.chart-actions{display:flex;gap:8px;padding:12px 16px;background-color:#f9fafb;border-top:1px solid #e0e0e0}.insert-chart-button,.clear-chart-button{padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.insert-chart-button{background-color:#2563eb;color:#fff;border-color:#2563eb}.insert-chart-button:hover:not(:disabled){background-color:#1d4ed8;border-color:#1d4ed8}.insert-chart-button:disabled{background-color:#e5e7eb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.clear-chart-button{background-color:#fff;color:#6b7280}.clear-chart-button:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.clear-chart-button:disabled{color:#d1d5db;cursor:not-allowed}.image-editor-section{margin-top:16px;border:1px solid #e0e0e0;border-radius:8px;background-color:#f8f9fa;overflow:hidden}.image-editor-header{padding:12px 16px;background-color:#fff;border-bottom:1px solid #e0e0e0}.image-editor-header h4{margin:0 0 4px;color:#2563eb;font-size:14px;font-weight:600}.image-editor-header p{margin:0;font-size:12px;color:#6b7280;line-height:1.4}.image-editor-wrapper{padding:16px;background-color:#fff}.image-actions{display:flex;gap:8px;padding:12px 16px;background-color:#f9fafb;border-top:1px solid #e0e0e0}.clear-image-button{padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;background-color:#fff;color:#6b7280}.clear-image-button:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.clear-image-button:disabled{color:#d1d5db;cursor:not-allowed}.secondary-button{padding:6px 12px;border:1px solid #d1d5db;border-radius:4px;background-color:#fff;color:#6b7280;cursor:pointer;font-size:13px;transition:all .2s ease;margin-right:8px}.secondary-button:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af;color:#374151}.secondary-button:disabled{color:#d1d5db;cursor:not-allowed}.attachments-summary{margin-top:8px;padding:8px 12px;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px}.attachment-indicator{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280}.attachment-icon{font-size:16px}.attachment-text{flex:1;font-weight:500}.edit-attachment-btn{padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;background-color:#fff;color:#6b7280;cursor:pointer;font-size:12px;transition:all .2s ease}.edit-attachment-btn:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af;color:#374151}.edit-attachment-btn:disabled{color:#d1d5db;cursor:not-allowed}.clickable-chart{cursor:pointer;transition:opacity .2s ease;border-radius:4px;padding:8px}.clickable-chart:hover{opacity:.8;background-color:#2563eb0d;border:1px solid rgba(37,99,235,.2)}@media (prefers-reduced-motion: reduce){.question-text-textarea,.subject-selector,.equation-editor-wrapper,.latex-help-details summary{transition:none}}._editorLayout_1wkau_2{display:flex;flex-direction:column;gap:1rem;padding:1rem;border:1px solid #ccc;border-radius:4px;background-color:#fff}._mainArea_1wkau_12{display:flex;gap:1rem;flex-wrap:wrap}._controls_1wkau_18{flex:2;min-width:300px;display:flex;flex-direction:column;gap:1rem}._preview_1wkau_26{flex:1;min-width:250px;padding:1rem;border:1px dashed #ddd;min-height:200px;background-color:#f9f9f9;border-radius:4px}._toolbar_1wkau_37{display:flex;gap:.5rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0;flex-wrap:wrap}._toolbarButton_1wkau_46{padding:.5rem 1rem;border:1px solid #ccc;background-color:#f7f7f7;cursor:pointer;border-radius:4px;font-size:.9em;display:flex;align-items:center;color:#333}._active_1wkau_59{background-color:#e0e0f0;font-weight:700;border-color:#a0a0d0;color:#333}._toolbarButton_1wkau_46:disabled{background-color:#f5f5f5;color:#aaa;cursor:not-allowed;border-color:#e0e0e0}._toolbarButton_1wkau_46:hover:not(:disabled){background-color:#e8e8e8}._validationError_1wkau_79{color:#d9534f;font-size:.9em;padding:.5rem;border:1px solid #d9534f;border-radius:4px;background-color:#f2dede}._helpStub_1wkau_88{font-size:.9em;color:#666;border-top:1px solid #eee;padding-top:1rem;margin-top:1rem}._blankModeToggle_1wkau_97{padding:.5rem 0;font-size:.9em}._blankModeToggle_1wkau_97 label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.curriculum-hierarchy-display{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#ffffff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.curriculum-hierarchy-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#666}.loading-spinner{width:32px;height:32px;border:3px solid #e3e3e3;border-top:3px solid #2196F3;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.curriculum-hierarchy-error{display:flex;flex-direction:column;align-items:center;padding:40px 20px;color:#d32f2f;background:#ffeaea;border:1px solid #ffcdd2;margin:16px;border-radius:8px}.error-icon{font-size:24px;margin-bottom:12px}.retry-button{margin-top:16px;padding:8px 16px;background:#2196F3;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.retry-button:hover{background:#1976D2}.modal.curriculum-linker-modal{max-width:1300px!important;width:92%!important;max-height:95vh!important;min-height:80vh!important;padding:30px!important}.modal.curriculum-linker-modal .curriculum-strand-list,.modal.curriculum-linker-modal .curriculum-tree-container,.modal.curriculum-linker-modal .curriculum-hierarchy-display{max-height:1000px!important}.curriculum-controls{padding:16px;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.search-control{position:relative;flex:1;min-width:200px;max-width:400px}.search-input{width:100%;padding:10px 40px 10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s,box-shadow .2s}.search-input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.clear-search{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#666;cursor:pointer;padding:4px;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px;transition:background-color .2s}.clear-search:hover{background:#f0f0f0}.filter-controls{display:flex;gap:8px;flex-wrap:wrap}.year-level-filter,.element-type-filter{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:white;min-width:140px}.year-level-filter:focus,.element-type-filter:focus{outline:none;border-color:#2196f3}.curriculum-tree-container{max-height:1200px;overflow-y:auto;overflow-x:hidden;background:white}.curriculum-tree-container::-webkit-scrollbar{width:8px}.curriculum-tree-container::-webkit-scrollbar-track{background:#f1f1f1}.curriculum-tree-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.curriculum-tree-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.curriculum-tree-level{position:relative}.curriculum-tree-level.level-1{margin-left:20px}.curriculum-tree-level.level-2{margin-left:40px}.curriculum-tree-level.level-3{margin-left:60px}.curriculum-tree-node{position:relative;margin:2px 0}.node-header{display:flex;align-items:center;padding:8px 12px;margin:1px 0;border-radius:6px;transition:all .2s ease;cursor:default;position:relative}.node-header:hover{background:#f8f9fa}.node-header.selectable{cursor:pointer}.node-header.selectable:hover{background:#e3f2fd;box-shadow:0 1px 3px #0000001a}.node-header.selected{background:#bbdefb;border:1px solid #2196F3;box-shadow:0 2px 4px #2196f333}.curriculum-tree-node.learning_area .node-header{background:linear-gradient(135deg,#e8f5e8 0%,#f0f8f0 100%);border-left:4px solid #4caf50;font-weight:600}.curriculum-tree-node.learning_area .node-header.selected{background:linear-gradient(135deg,#c8e6c9 0%,#dcedc8 100%);border-left:4px solid #388e3c}.curriculum-tree-node.strand .node-header{background:linear-gradient(135deg,#fff3e0 0%,#fef9e7 100%);border-left:4px solid #ff9800;font-weight:500}.curriculum-tree-node.strand .node-header.selected{background:linear-gradient(135deg,#ffe0b2 0%,#ffecb3 100%);border-left:4px solid #f57c00}.curriculum-tree-node.content_descriptor .node-header{background:linear-gradient(135deg,#f3e5f5 0%,#fce4ec 100%);border-left:4px solid #9c27b0}.curriculum-tree-node.content_descriptor .node-header.selected{background:linear-gradient(135deg,#e1bee7 0%,#f8bbd9 100%);border-left:4px solid #7b1fa2}.curriculum-tree-node.elaboration .node-header{background:linear-gradient(135deg,#e3f2fd 0%,#f3e5f5 100%);border-left:4px solid #2196f3}.curriculum-tree-node.elaboration .node-header.selected{background:linear-gradient(135deg,#bbdefb 0%,#ce93d8 100%);border-left:4px solid #0d47a1}.expand-toggle{position:absolute;left:-20px;top:50%;transform:translateY(-50%);background:none;border:none;color:#666;cursor:pointer;padding:2px;border-radius:3px;font-size:12px;line-height:1;transition:all .2s ease;width:16px;height:16px;display:flex;align-items:center;justify-content:center;z-index:1}.expand-toggle:hover{background:#e0e0e0;color:#333}.expand-toggle.expanded{transform:rotate(0)}.expand-toggle.collapsed{transform:rotate(-90deg)}.element-icon{font-size:16px;margin-right:8px;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.node-content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.node-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.element-name{font-size:14px;color:#333;font-weight:500;word-break:break-word;line-height:1.3}.element-code{font-size:12px;color:#666;font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:rgba(0,0,0,.05);padding:2px 6px;border-radius:3px}.child-count{font-size:11px;color:#666;background:#f0f0f0;padding:2px 6px;border-radius:10px;white-space:nowrap}.year-levels{font-size:11px;color:#666;font-style:italic;background:#e3f2fd;padding:2px 6px;border-radius:3px;white-space:nowrap}.selection-indicator{margin-left:8px;width:20px;height:20px;border:2px solid #ddd;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;transition:all .2s ease}.selection-indicator.selected{background:#2196F3;border-color:#2196f3;color:#fff}.node-children{position:relative;margin-top:4px}.node-children:before{content:"";position:absolute;left:-8px;top:0;bottom:0;width:1px;background:#ddd}.selection-path{padding:16px;background:#f0f9ff;border:1px solid #e0f2fe;border-radius:8px;margin-bottom:15px}.selection-path h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#1f2937}.path-visualization{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.path-box{display:flex;align-items:center;padding:8px 12px;border-radius:6px;border:2px solid #e5e7eb;background:white;min-width:120px;max-width:200px;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.path-box.selected{border-color:#2563eb;background:linear-gradient(135deg,#eff6ff 0%,#f8fafc 100%)}.path-box.auto-selected{border-color:#6b7280;background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);opacity:.8}.path-box.learning_area{border-color:#4caf50;background:linear-gradient(135deg,#e8f5e8 0%,#f0f8f0 100%)}.path-box.strand{border-color:#ff9800;background:linear-gradient(135deg,#fff3e0 0%,#fef9e7 100%)}.path-box.content_descriptor{border-color:#9c27b0;background:linear-gradient(135deg,#f3e5f5 0%,#fce4ec 100%)}.path-box.elaboration{border-color:#f9a825;background:linear-gradient(135deg,#fff8e1 0%,#fffde7 100%)}.path-box-header{font-size:16px;margin-right:8px}.path-box-content{flex:1;min-width:0}.path-box-title{font-size:12px;font-weight:600;color:#1f2937;line-height:1.2;margin-bottom:2px}.path-box-code{font-size:10px;color:#6b7280;font-weight:500}.path-arrow{font-size:14px;color:#6b7280;font-weight:700;margin:0 4px}.path-element.learning_area{background:linear-gradient(135deg,#e8f5e8 0%,#f0f8f0 100%);border-color:#4caf50;color:#2e7d32}.path-element.strand{background:linear-gradient(135deg,#fff3e0 0%,#fef9e7 100%);border-color:#ff9800;color:#f57c00}.path-element.content_descriptor{background:linear-gradient(135deg,#f3e5f5 0%,#fce4ec 100%);border-color:#9c27b0;color:#7b1fa2}.path-element.elaboration{background:linear-gradient(135deg,#fff8e1 0%,#fffde7 100%);border-color:#f9a825;color:#f57f17}.path-element.selected{box-shadow:0 0 0 2px #2196f34d;transform:scale(1.02)}.path-element.auto-selected{opacity:.8;border-style:dashed}.path-arrow{font-size:12px;color:#6b7280;font-weight:700}.path-details{font-size:12px;color:#374151;padding:6px 0;border-top:1px solid #e5e7eb}.selection-summary{padding:16px;background:#f8f9fa;border-top:1px solid #e9ecef}.selection-summary h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#333}.selected-items{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.selected-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:white;border:1px solid #ddd;border-radius:6px;transition:all .2s ease}.selected-item:hover{box-shadow:0 2px 4px #0000001a}.selected-item.learning_area{border-left:4px solid #4caf50}.selected-item.strand{border-left:4px solid #ff9800}.selected-item.content_descriptor{border-left:4px solid #9c27b0}.remove-selection{margin-left:auto;background:#f44336;color:#fff;border:none;border-radius:50%;width:20px;height:20px;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.remove-selection:hover{background:#d32f2f}.no-results{text-align:center;padding:40px 20px;color:#666;font-style:italic}@media (max-width: 768px){.curriculum-controls{flex-direction:column;align-items:stretch}.search-control{max-width:none}.filter-controls{justify-content:stretch}.year-level-filter,.element-type-filter{flex:1;min-width:0}.curriculum-tree-container{max-height:800px}.node-header{padding:12px 8px}.element-name{font-size:13px}.selected-items{max-height:150px}}@media (max-width: 480px){.curriculum-tree-level.level-1{margin-left:16px}.curriculum-tree-level.level-2{margin-left:32px}.curriculum-tree-level.level-3{margin-left:48px}.node-title{flex-direction:column;align-items:flex-start;gap:4px}.element-code,.child-count,.year-levels{font-size:10px}}@media (prefers-reduced-motion: reduce){.node-header,.expand-toggle,.selection-indicator,.selected-item{transition:none}.loading-spinner{animation:none}}.selection-path{margin-top:20px;padding:15px;border:2px solid #e0e0e0;border-radius:8px;background:#f9f9f9}.selection-path h4{margin:0 0 15px;color:#333;font-size:16px;font-weight:600}.path-visualization{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;margin-bottom:15px}.path-box{min-width:140px;max-width:180px;border-radius:8px;border:2px solid #ddd;background:white;overflow:hidden;box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.path-box.selected{border-color:#4caf50;box-shadow:0 2px 8px #4caf504d;transform:translateY(-2px)}.path-box.auto-selected{border-color:#2196f3;box-shadow:0 2px 8px #2196f333;opacity:.8}.path-box.learning_area{border-left:4px solid #1565c0}.path-box.strand{border-left:4px solid #6a1b9a}.path-box.content_descriptor{border-left:4px solid #2e7d32}.path-box.elaboration{border-left:4px solid #2196f3}.path-box.section_header{border-left:4px solid #757575}.path-box-header{background:#f5f5f5;padding:8px;text-align:center;font-size:18px}.path-box-content{padding:10px}.path-box-title{font-size:10px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.path-box-name{font-size:12px;font-weight:500;color:#333;line-height:1.3;margin-bottom:4px}.path-box-code{font-size:11px;font-weight:600;color:#666;font-family:monospace}.path-connector{display:flex;align-items:center;justify-content:center;min-width:30px}.path-arrow{color:#666;font-size:16px;font-weight:700}.path-summary{margin-top:15px;border-top:2px solid #e0e0e0;font-size:14px;color:#333;background:#f8f8f8;padding:10px;border-radius:4px}.curriculum-tree-node:focus-within .node-header{outline:2px solid #2196F3;outline-offset:2px}@media (prefers-contrast: high){.node-header{border:2px solid transparent}.node-header.selected{border-color:#000}.curriculum-tree-node.learning_area .node-header,.curriculum-tree-node.strand .node-header,.curriculum-tree-node.content_descriptor .node-header{background:white;border-left-width:6px}}.curriculum-tree-node{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.node-children{animation:slideDown .2s ease-out;transform-origin:top}@keyframes slideDown{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:scaleY(1)}}.selection-indicator{transform:scale(1);transition:all .2s cubic-bezier(.4,0,.2,1)}.selection-indicator.selected{animation:selectionPulse .3s ease-out}@keyframes selectionPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.curriculum-linker-enhanced{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#ffffff;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;max-width:1200px;margin:0 auto}.curriculum-linker-header{padding:20px 24px;background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%);color:#fff;position:relative}.curriculum-linker-header h3{margin:0 0 8px;font-size:24px;font-weight:600;color:#fff}.item-info{margin:0;opacity:.95;font-size:14px;color:#fffffff2}.unsaved-changes-warning{position:absolute;top:20px;right:24px;background:#f59e0b;color:#1f2937;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.9}50%{opacity:1}}.version-selector-section{padding:20px 24px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.version-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.version-selector-header label{font-weight:600;color:#1f2937;font-size:14px}.advanced-options-toggle{background:white;border:1px solid #d1d5db;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s;color:#374151;font-weight:500}.advanced-options-toggle:hover{background:#f3f4f6;border-color:#9ca3af;color:#1f2937}.version-select{width:100%;padding:12px 16px;border:2px solid #d1d5db;border-radius:8px;font-size:14px;background:white;color:#1f2937;transition:border-color .2s,box-shadow .2s}.version-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.version-warning{margin-top:12px;padding:12px;background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;color:#92400e;font-size:13px;font-weight:500}.advanced-options{margin-top:16px;padding:16px;background:white;border:1px solid #e5e7eb;border-radius:8px}.option-group{margin-bottom:12px}.option-group:last-child{margin-bottom:0}.option-group label{display:block;font-weight:600;color:#1f2937;font-size:13px;margin-bottom:8px}.selection-types{display:flex;gap:8px;flex-wrap:wrap}.selection-type-badge{padding:4px 8px;background:#dbeafe;color:#1d4ed8;border-radius:4px;font-size:12px;font-weight:600;text-transform:capitalize}.quick-actions{padding:16px 24px;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.quick-action-button{padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;background:white;color:#374151;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}.quick-action-button:hover{background:#f3f4f6;border-color:#9ca3af;color:#1f2937}.quick-action-button:disabled{opacity:.5;cursor:not-allowed}.quick-action-button.clear:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.selection-stats{margin-left:auto;font-size:13px;color:#374151;display:flex;align-items:center;gap:8px;font-weight:500}.max-reached{color:#dc2626;font-weight:600}.curriculum-display-section{border-bottom:1px solid #e9ecef}.no-version-selected{padding:40px 24px;text-align:center;color:#6b7280;background:#f9fafb;font-weight:500}.selection-summary-detailed{padding:20px 24px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.selection-summary-detailed h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#1f2937}.stats-overview{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;gap:4px;padding:12px 16px;background:white;border:1px solid #e5e7eb;border-radius:8px;min-width:120px}.stat-label{font-size:12px;color:#6b7280;font-weight:500}.stat-value{font-size:18px;font-weight:600;color:#1f2937}.selection-quality{padding:12px;border-radius:6px;font-size:13px;font-weight:500}.quality-good{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.quality-moderate{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.quality-high{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5}.curriculum-linker-actions{padding:20px 24px;background:white;display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.save-button{padding:12px 24px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #2563eb33}.save-button:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 8px #2563eb4d}.save-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;background:#9ca3af}.cancel-button{padding:12px 24px;background:white;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-button:hover{background:#f9fafb;border-color:#9ca3af;color:#1f2937}.curriculum-linker-help{padding:16px 24px;background:#f9fafb;border-top:1px solid #e5e7eb}.curriculum-linker-help details summary{cursor:pointer;font-weight:500;color:#2563eb;font-size:14px;padding:8px 0}.curriculum-linker-help details summary:hover{color:#1d4ed8}.help-content{margin-top:12px;padding:16px;background:white;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;line-height:1.5;color:#374151}.help-content p{margin:0 0 12px}.help-content ul{margin:0;padding-left:20px}.help-content li{margin-bottom:6px}.curriculum-linker-loading,.curriculum-linker-error{padding:40px 24px;text-align:center;background:#f9fafb}.curriculum-linker-error{color:#dc2626}.curriculum-linker-loading{color:#6b7280}.curriculum-linker-error .error-icon{font-size:32px;margin-bottom:16px}@media (max-width: 768px){.curriculum-linker-enhanced{margin:0;border-radius:0}.curriculum-linker-header{padding:16px 20px}.curriculum-linker-header h3{font-size:20px}.unsaved-changes-warning{position:static;margin-top:12px;text-align:center}.version-selector-section,.quick-actions,.selection-summary-detailed,.curriculum-linker-actions,.curriculum-linker-help{padding:16px 20px}.version-selector-header{flex-direction:column;align-items:flex-start;gap:8px}.quick-actions{flex-direction:column;align-items:stretch}.selection-stats{margin-left:0;justify-content:center}.stats-overview{flex-direction:column;gap:8px}.stat-item{min-width:0}.curriculum-linker-actions{flex-direction:column-reverse}.save-button,.cancel-button{width:100%;justify-content:center}}@media (max-width: 480px){.curriculum-linker-header,.version-selector-section,.quick-actions,.selection-summary-detailed,.curriculum-linker-actions,.curriculum-linker-help{padding:12px 16px}.selection-types{flex-direction:column}.selection-type-badge{text-align:center}}@media (prefers-color-scheme: dark){.curriculum-linker-enhanced{background:#1e1e1e;color:#e0e0e0}.version-selector-section,.quick-actions,.selection-summary-detailed,.curriculum-linker-help{background:#2a2a2a;border-color:#404040}.version-select,.quick-action-button,.stat-item,.help-content{background:#333;border-color:#404040;color:#e0e0e0}.version-warning{background:#4a3c1d;border-color:#5d4e2a;color:#ffd54f}.no-version-selected{background:#2a2a2a;color:#aaa}}@media (prefers-reduced-motion: reduce){.save-button,.quick-action-button,.advanced-options-toggle,.cancel-button{transition:none}.save-button:hover:not(:disabled){transform:none}.unsaved-changes-warning{animation:none}}.version-select:focus,.quick-action-button:focus,.advanced-options-toggle:focus,.save-button:focus,.cancel-button:focus{outline:2px solid #2563eb;outline-offset:2px}@media (prefers-contrast: high){.curriculum-linker-enhanced{border:2px solid #000}.version-select,.quick-action-button,.save-button,.cancel-button{border-width:2px}}.modal.curriculum-linker-modal{max-width:1300px!important;width:92%!important;max-height:90vh!important;min-height:75vh!important}.modal.curriculum-linker-modal .curriculum-hierarchy-display,.modal.curriculum-linker-modal .curriculum-tree-container{max-height:65vh!important;min-height:500px!important}.curriculum-content{display:inline;line-height:1.5;max-width:none;word-wrap:break-word;overflow-wrap:break-word}.curriculum-content.latex-enabled{line-height:1.6;max-width:none}.curriculum-content .text-segment{display:inline}.math-loading{font-style:italic;color:#666;background:#f5f5f5;padding:2px 6px;border-radius:3px;font-size:.9em}.curriculum-content .katex{font-size:1em!important}.curriculum-content .katex-display{margin:.5em 0!important;text-align:left!important}.curriculum-content .katex-html{display:inline-block;vertical-align:middle}.curriculum-content .katex-error{color:#d32f2f!important;border-bottom:1px dashed #d32f2f;background:rgba(211,47,47,.1);padding:1px 3px;border-radius:2px}.node-content .curriculum-content{max-width:100%;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;-webkit-hyphens:auto;hyphens:auto;line-height:1.4}.element-name{max-width:none!important;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;line-height:1.4}@media (max-width: 768px){.curriculum-content .katex{font-size:.9em!important}.curriculum-content .katex-display{margin:.3em 0!important}.node-content .curriculum-content{white-space:pre-wrap;word-break:break-word}}.paginated-preview-container{position:relative}.pages-container{display:flex;flex-direction:column;gap:30px;padding:20px 0}.preview-page{width:100%;max-width:650px;min-height:900px;margin:0 auto;padding:40px;background-color:#fff;box-shadow:0 4px 20px #00000040;border-radius:2px;position:relative;box-sizing:border-box;display:flex;flex-direction:column}.preview-page.cover-page{justify-content:center}.preview-page.content-page{justify-content:flex-start}.page-content{flex:1;overflow:hidden}.preview-page .page-header{display:flex;justify-content:space-between;align-items:center;padding:8px 0 12px;margin-bottom:15px;border-bottom:1px solid #d1d5db;min-height:40px}.preview-page .page-header .header-left{display:flex;align-items:center;gap:10px;flex:1}.preview-page .page-header .header-left.left{justify-content:flex-start}.preview-page .page-header .header-left.center{justify-content:center}.preview-page .page-header .header-left.right{justify-content:flex-end}.preview-page .page-header .header-logo{max-height:35px;max-width:80px;object-fit:contain}.preview-page .page-header .header-school-name{font-size:.9em;font-weight:600;color:#374151}.preview-page .page-header .header-right{display:flex;align-items:center;gap:15px;flex-shrink:0}.preview-page .page-header .header-student-name{font-size:.85em;color:#4b5563}.preview-page .page-header .header-qr-placeholder{display:flex;align-items:center;justify-content:center;opacity:.7}.preview-page .page-header .page-number{font-size:.85em;color:#6b7280;font-weight:500}.page-number-indicator{position:absolute;bottom:15px;right:20px;font-size:.8em;color:#9ca3af;font-style:italic}.preview-page.cover-page{position:relative}.preview-page .cover-qr-code{position:absolute;top:15px;right:15px;opacity:.8}.preview-page .preview-cover-page{text-align:center;padding:40px 20px}.preview-page .cover-page-header{margin-bottom:40px}.preview-page .cover-logo{margin-bottom:20px}.preview-page .cover-logo img{max-height:100px;max-width:250px;object-fit:contain}.preview-page .school-name{font-size:2.2em;font-weight:700;margin:20px 0}.preview-page .cover-page-content{flex:1;display:flex;flex-direction:column;justify-content:center}.preview-page .assessment-title{font-size:1.8em;margin:20px 0;color:#1f2937}.preview-page .assessment-subtitle{font-size:1.1em;color:#6b7280;margin:10px 0;font-style:italic}.preview-page .cover-meta{margin-top:40px;font-size:.9em;color:#6b7280}.preview-page .cover-meta p{margin:5px 0}.preview-page .cover-meta .student-name-field{margin-top:15px;font-size:1.1em}.preview-page .assessment-header{margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e5e7eb}.preview-page .assessment-header h2{margin:0 0 10px;font-size:1.4em;color:#1f2937}.preview-page .assessment-header .assessment-description{margin:0;color:#6b7280;font-style:italic;font-size:.95em}.section-header-item{margin-top:20px;margin-bottom:10px}.section-header-item .section-title{font-size:1.2em;color:#374151;padding-bottom:8px;border-bottom:1px solid #e5e7eb;margin:0}.section-stimulus-block{background:#f9fafb;border-left:3px solid #3b82f6;padding:12px 15px;margin-bottom:15px;border-radius:0 4px 4px 0}.preview-page .question-preview-item{margin-bottom:20px;padding:15px;background:#f9fafb;border-radius:4px;border:1px solid #e5e7eb;width:100%;box-sizing:border-box}.preview-page .question-number-header{margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.preview-page .question-number-label{font-weight:600;font-size:1em;color:#374151}.preview-page .question-renderer{width:100%;display:flex;flex-direction:column}.preview-page .question-content,.preview-page .question-text{width:100%}.preview-page .question-options{width:100%;margin-top:15px}.preview-page .question-option{display:flex;align-items:flex-start;margin-bottom:8px;padding:8px 12px;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px}.preview-page .question-option .option-label{font-weight:700;color:#495057;margin-right:10px;min-width:25px}.preview-page .question-option .option-content{flex:1}.preview-page .question-options.layout-horizontal{display:flex;flex-wrap:wrap;gap:10px}.preview-page .question-options.layout-horizontal .question-option{flex:0 0 auto;margin-bottom:0}.preview-page .question-parts{margin-top:15px;padding-left:12px;border-left:3px solid #d1d5db}.preview-page .question-part{margin-bottom:18px;padding:8px 0;page-break-inside:avoid}.preview-page .question-part:last-child{margin-bottom:0}.preview-page .part-label-row{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}.preview-page .question-part .part-label{font-weight:600;color:#374151;font-size:1.05em}.preview-page .question-part .part-marks{font-size:.85em;color:#6b7280}.preview-page .part-content{margin-left:18px;margin-bottom:8px}.preview-page .part-text{font-size:1em;line-height:1.5}.preview-page .part-answer-space{margin-left:18px;margin-top:8px}.preview-page .part-answer-space .answer-line{width:100%;height:20px}.preview-page .part-answer-space.style-blank .answer-line{border-bottom:none;background-color:transparent}.preview-page .part-answer-space.style-lined .answer-line{border-bottom:1px solid #9ca3af}.preview-page .question-parts.layout-horizontal{display:flex;flex-wrap:wrap;gap:12px;border-left:none;padding-left:0}.preview-page .question-parts.layout-horizontal .question-part{flex:1 1 180px;margin-bottom:0;padding:10px;border:1px solid #e5e7eb;border-radius:6px;background:#f9fafb}.preview-page .question-parts.layout-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;border-left:none;padding-left:0}.preview-page .question-parts.layout-grid .question-part{margin-bottom:0;padding:10px;border:1px solid #e5e7eb;border-radius:6px;background:#f9fafb}.preview-page .answer-space{width:100%}.measure-container{pointer-events:none}.measure-container .measure-item{margin-bottom:20px}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.suggester-trigger-btn{padding:6px 12px!important;font-size:.85em!important;background:linear-gradient(135deg,#fff9c4 0%,#fff176 100%);border:1px solid #fbc02d;color:#f57f17;border-radius:6px;transition:all .2s ease}.suggester-trigger-btn:hover{background:linear-gradient(135deg,#fff176 0%,#ffee58 100%);transform:translateY(-1px);box-shadow:0 2px 8px #fbc02d4d}.suggester-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.suggester-modal{max-width:700px;width:95%;max-height:85vh;display:flex;flex-direction:column;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.suggester-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#fff9c4 0%,#fff59d 100%);border-bottom:1px solid #fbc02d}.suggester-header h3{margin:0;font-size:1.3em;color:#f57f17}.suggester-close-btn{background:none;border:none;font-size:1.2em;cursor:pointer;color:#f57f17;padding:4px 8px;border-radius:4px;transition:background .2s}.suggester-close-btn:hover{background:rgba(245,127,23,.1)}.suggester-filters{padding:16px 20px;background:#fafafa;border-bottom:1px solid #e0e0e0}.suggester-filter-info{display:flex;align-items:center;gap:12px;margin-bottom:12px}.suggester-subject-badge{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);color:#1565c0;padding:6px 12px;border-radius:20px;font-weight:600;font-size:.9em}.suggester-warning{color:#d32f2f;font-size:.85em}.suggester-context-hint{display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);border-radius:8px;margin-bottom:12px;font-size:.85em;color:#2e7d32}.suggester-hint-icon{font-size:1.1em}.suggester-filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.suggester-filter-checkbox{display:flex;align-items:center;gap:6px;padding:8px 12px;background:white;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s}.suggester-filter-checkbox:hover:not(.disabled){border-color:#1976d2;background:#f5f5f5}.suggester-filter-checkbox.disabled{opacity:.5;cursor:not-allowed}.suggester-filter-checkbox input[type=checkbox]{width:16px;height:16px;cursor:inherit}.suggester-filter-label{display:flex;align-items:center;gap:4px;font-size:.9em}.suggester-filter-active{color:#4caf50;font-size:.7em}.suggester-search-btn{padding:8px 16px;background:linear-gradient(135deg,#1976d2 0%,#1565c0 100%);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.suggester-search-btn:hover:not(:disabled){background:linear-gradient(135deg,#1565c0 0%,#0d47a1 100%);transform:translateY(-1px)}.suggester-search-btn:disabled{opacity:.5;cursor:not-allowed}.suggester-results{flex:1;overflow-y:auto;padding:16px 20px;background:#f5f5f5;max-height:500px}.suggester-results-count{font-size:.85em;color:#616161;margin-bottom:12px;font-weight:500}.suggester-cards-container{display:flex;flex-direction:column;gap:12px}.suggester-loading-more{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;color:#616161;font-size:.85em}.suggester-loading-more .suggester-spinner,.suggester-spinner-small{width:24px;height:24px;border:2px solid #e0e0e0;border-top-color:#1976d2;border-radius:50%;animation:suggester-spin .8s linear infinite}.suggester-end-of-results{text-align:center;padding:16px;color:#9e9e9e;font-size:.85em;font-style:italic}.suggester-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:16px;color:#616161}.suggester-spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#1976d2;border-radius:50%;animation:suggester-spin .8s linear infinite}@keyframes suggester-spin{to{transform:rotate(360deg)}}.suggester-error{text-align:center;padding:40px;color:#d32f2f;background:#ffebee;border-radius:8px}.suggester-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:12px;color:#9e9e9e}.suggester-empty-icon{font-size:2.5em;opacity:.5}.suggester-card{background:white;border:1px solid #e0e0e0;border-radius:10px;padding:14px 16px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.suggester-card:hover{border-color:#1976d2;box-shadow:0 4px 12px #1976d226;transform:translateY(-2px)}.suggester-card.expanded{border-color:#1976d2;box-shadow:0 4px 16px #1976d233}.suggester-card-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:8px;margin-bottom:10px}.suggester-match-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:.75em;font-weight:600}.suggester-card-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.suggester-type-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:#f5f5f5;border-radius:6px;font-size:.75em;color:#616161}.suggester-marks-badge{display:inline-flex;align-items:center;padding:3px 8px;background:#e8f5e9;color:#2e7d32;border-radius:6px;font-size:.75em;font-weight:600}.suggester-difficulty-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:6px;font-size:.7em;font-weight:500;text-transform:capitalize}.suggester-skill-count-badge{display:inline-flex;align-items:center;padding:3px 8px;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);color:#1565c0;border-radius:6px;font-size:.75em;font-weight:600}.suggester-usage-badge{display:inline-flex;align-items:center;padding:3px 8px;background:linear-gradient(135deg,#fce4ec 0%,#f8bbd9 100%);color:#c2185b;border-radius:6px;font-size:.75em;font-weight:600}.suggester-card-body{margin-bottom:10px}.suggester-question-text{margin:0;font-size:.95em;line-height:1.5;color:#212121;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.suggester-card.expanded .suggester-question-text{-webkit-line-clamp:unset;overflow:visible}.suggester-card-skills{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease,opacity .3s ease;opacity:0}.suggester-card-skills.visible{max-height:200px;padding:10px 0;opacity:1;border-top:1px dashed #e0e0e0}.suggester-skills-label{font-size:.75em;font-weight:600;color:#757575;margin-bottom:6px}.suggester-skills-list{display:flex;flex-wrap:wrap;gap:6px}.suggester-skill-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);color:#1565c0;border-radius:12px;font-size:.75em}.suggester-skill-code{font-weight:700;padding:2px 4px;background:rgba(21,101,192,.15);border-radius:4px;font-size:.9em}.suggester-card-source{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease,opacity .3s ease;opacity:0;font-size:.8em}.suggester-card-source.visible{max-height:50px;padding:8px 0 0;opacity:1}.suggester-source-label{color:#9e9e9e;margin-right:4px}.suggester-source-value{color:#616161;font-style:italic}.suggester-card-actions{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid #f0f0f0}.suggester-use-btn{padding:8px 16px;background:linear-gradient(135deg,#4caf50 0%,#43a047 100%);color:#fff;border:none;border-radius:6px;font-weight:600;font-size:.85em;cursor:pointer;transition:all .2s}.suggester-use-btn:hover{background:linear-gradient(135deg,#43a047 0%,#388e3c 100%);transform:translateY(-1px);box-shadow:0 2px 8px #4caf504d}.suggester-expand-hint{font-size:.75em;color:#9e9e9e;cursor:pointer}@media (max-width: 600px){.suggester-modal{max-height:90vh;margin:10px}.suggester-filter-row{flex-direction:column;align-items:stretch}.suggester-filter-checkbox{justify-content:center}.suggester-search-btn{width:100%}.suggester-card-header{flex-direction:column}.suggester-card-meta{width:100%;justify-content:flex-start}}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.skill-bank-modal{width:100%;max-width:900px;max-height:90vh;background:white;border-radius:12px;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;overflow:hidden}.modal-content{background:white;border-radius:12px;box-shadow:0 4px 20px #0003;overflow:hidden}.skill-bank-modal .modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;border-bottom:2px solid #E5E7EB;background:white}.skill-bank-modal .modal-header h2{margin:0;font-size:1.5rem;color:#111827}.template-context{margin:.5rem 0 0;font-size:.9rem;color:#6b7280}.skill-bank-modal .close-btn{background:none;border:none;font-size:2rem;cursor:pointer;color:#9ca3af;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.skill-bank-modal .close-btn:hover{background:#F3F4F6;color:#374151}.skill-bank-modal .modal-filters{padding:1.5rem;background:#F9FAFB;border-bottom:1px solid #E5E7EB}.skill-bank-modal .search-input{width:100%;padding:.75rem 1rem;font-size:1rem;border:2px solid #D1D5DB;border-radius:8px;margin-bottom:1rem;transition:border-color .2s;box-sizing:border-box}.skill-bank-modal .search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.skill-bank-modal .filter-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.skill-bank-modal .filter-group{display:flex;align-items:center;gap:.5rem}.skill-bank-modal .filter-group label{font-size:.9rem;color:#374151;font-weight:600;white-space:nowrap}.skill-bank-modal .subject-select,.skill-bank-modal .sort-select{padding:.5rem .75rem;border:1px solid #D1D5DB;border-radius:6px;background:white;font-size:.9rem;cursor:pointer}.skill-bank-modal .checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:#374151}.skill-bank-modal .checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.results-count{margin-top:.75rem;font-size:.85rem;color:#6b7280}.skill-bank-modal .modal-body{flex:1;overflow-y:auto;padding:1.5rem;max-height:50vh}.skill-bank-modal .loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#6b7280}.spinner{width:40px;height:40px;border:3px solid #E5E7EB;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.skill-bank-modal .empty-state{text-align:center;padding:3rem 1rem;color:#6b7280}.skill-bank-modal .empty-state p{margin:.5rem 0}.skill-bank-modal .empty-state .hint{font-size:.9rem;color:#9ca3af}.skill-bank-modal .error-banner{background:#FEE2E2;border:1px solid #FCA5A5;color:#991b1b;padding:.75rem 1rem;border-radius:6px;margin:1rem 1.5rem}.skill-bank-modal .skills-list{display:flex;flex-direction:column;gap:1rem}.skill-bank-modal .skill-group{display:flex;flex-direction:column;gap:.5rem}.skill-bank-modal .group-header-mini{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:2px solid #E5E7EB;margin-bottom:.5rem}.skill-bank-modal .variations-badge{font-size:.85rem;color:#6b7280;background:#F3F4F6;padding:.25rem .75rem;border-radius:12px}.skill-bank-modal .skill-card{padding:1rem;border:2px solid #E5E7EB;border-left:4px solid #9CA3AF;border-radius:10px;cursor:pointer;transition:all .2s;background:white}.skill-bank-modal .skill-card:hover{border-color:#3b82f6;background:#F0F9FF;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.skill-bank-modal .skill-primary{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.5rem}.skill-bank-modal .skill-name{font-size:1.1rem;margin:0;color:#111827;font-weight:600;flex:1}.skill-bank-modal .skill-badges{display:flex;gap:.5rem;flex-shrink:0}.skill-bank-modal .curriculum-code-badge{padding:.25rem .75rem;border-radius:16px;font-size:.85rem;font-weight:700;letter-spacing:.05em;white-space:nowrap}.skill-bank-modal .badge{padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.skill-bank-modal .badge.verified{background:#10b981;color:#fff}.skill-bank-modal .curriculum-full-name{font-size:.9rem;color:#6b7280;margin:0 0 .75rem;font-style:italic;line-height:1.4}.skill-bank-modal .description{font-size:.85rem;color:#4b5563;margin:0 0 .75rem;line-height:1.5}.skill-bank-modal .skill-footer{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;font-size:.85rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #E5E7EB}.skill-bank-modal .usage{color:#6b7280;font-weight:500}.skill-bank-modal .year-levels{color:#9ca3af;font-weight:500}.skill-bank-modal .modal-footer{padding:1rem 1.5rem;border-top:1px solid #E5E7EB;display:flex;justify-content:flex-end;background:white}.skill-bank-modal .btn-secondary{padding:.5rem 1.5rem;background:#F3F4F6;border:1px solid #D1D5DB;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;color:#374151;transition:all .2s}.skill-bank-modal .btn-secondary:hover{background:#E5E7EB}._errorContainer_2i8y8_2{padding:20px;border:1px solid #dc2626;margin:10px;background-color:#fef2f2;border-radius:8px;color:#991b1b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}._errorContainer_2i8y8_2 h2{color:#991b1b;margin-top:0;margin-bottom:12px;font-size:1.25rem;font-weight:600}._errorContainer_2i8y8_2 p{margin-bottom:16px;line-height:1.5;color:#7f1d1d}._errorDetails_2i8y8_26{margin-top:20px;border:1px solid #f87171;border-radius:6px;background-color:#fff5f5}._errorDetails_2i8y8_26 summary{cursor:pointer;font-weight:600;padding:12px 16px;background-color:#fee2e2;border-radius:6px 6px 0 0;-webkit-user-select:none;user-select:none;color:#991b1b}._errorDetails_2i8y8_26 summary:hover{background-color:#fecaca}._errorDetails_2i8y8_26 summary:focus{outline:2px solid #f87171;outline-offset:2px}._errorDetails_2i8y8_26[open] summary{border-bottom:1px solid #f87171;border-radius:6px 6px 0 0}._errorText_2i8y8_57{padding:16px;border-bottom:1px solid #f87171;font-family:Courier New,Consolas,Monaco,monospace;font-size:.875rem;color:#7f1d1d;background-color:#fff}._errorText_2i8y8_57 strong{color:#991b1b;font-weight:600}._stackTrace_2i8y8_71{padding:16px;background-color:#fff}._stackTrace_2i8y8_71 strong{color:#991b1b;font-weight:600;display:block;margin-bottom:8px}._stackTrace_2i8y8_71 pre{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;padding:12px;font-family:Courier New,Consolas,Monaco,monospace;font-size:.75rem;line-height:1.4;color:#374151;overflow-x:auto;margin:0;white-space:pre-wrap;word-break:break-all}@media (max-width: 768px){._errorContainer_2i8y8_2{margin:5px;padding:16px}._errorText_2i8y8_57,._stackTrace_2i8y8_71{padding:12px}._stackTrace_2i8y8_71 pre{font-size:.7rem;padding:8px}}._rendererLayout_cg8ic_2{display:flex;flex-direction:column;gap:1rem;padding:1rem;border:1px solid #e0e0e0;border-radius:4px}._subTypeSelector_cg8ic_11{display:flex;gap:.5rem;margin-bottom:1rem}._subTypeButton_cg8ic_17{padding:.4rem .8rem;border:1px solid #ccc;background-color:#f9f9f9;cursor:pointer;border-radius:4px}._subTypeButton_cg8ic_17._active_cg8ic_25{background-color:#e0e0f0;font-weight:700;border-color:#a0a0d0}._dataInputArea_cg8ic_31,._configArea_cg8ic_32,._csvArea_cg8ic_33{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;border:1px solid #f0f0f0;border-radius:4px}._dataInputArea_cg8ic_31 h4,._configArea_cg8ic_32 h4,._csvArea_cg8ic_33 h4{margin-top:0;margin-bottom:.5rem;font-size:1em;font-weight:700}._dataRow_cg8ic_51{display:flex;gap:.5rem;align-items:center}._dataRow_cg8ic_51 input{width:100%;padding:.3rem;border:1px solid #ccc;border-radius:3px;flex-grow:1}._dataRow_cg8ic_51 input:focus{outline:2px solid #007bff;border-color:#007bff}._configItem_cg8ic_70{display:flex;flex-direction:column;gap:.25rem}._configItem_cg8ic_70 label{font-size:.9em;color:#333}._configItem_cg8ic_70 input[type=text],._configItem_cg8ic_70 input[type=color],._configItem_cg8ic_70 input[type=number]{padding:.4rem;border:1px solid #ccc;border-radius:3px;max-width:250px}._csvTextarea_cg8ic_90{width:100%;min-height:80px;padding:.5rem;border:1px solid #ccc;border-radius:3px;font-family:monospace;resize:vertical}._actionButtons_cg8ic_100{display:flex;gap:.5rem;margin-top:.5rem}._actionButtons_cg8ic_100 button{padding:.4rem .8rem;border:1px solid #007bff;background-color:#007bff;color:#fff;cursor:pointer;border-radius:4px}._actionButtons_cg8ic_100 button:hover{background-color:#0056b3}._actionButtons_cg8ic_100 button._secondary_cg8ic_119{background-color:#6c757d;border-color:#6c757d}._actionButtons_cg8ic_100 button._secondary_cg8ic_119:hover{background-color:#545b62}._actionButtons_cg8ic_100 button[disabled]{opacity:.5;cursor:not-allowed}._previewArea_cg8ic_133{margin-top:1rem;padding:1rem;border:1px dashed #ccc;background-color:#f8f9fa;min-height:300px;display:flex;justify-content:center;align-items:center}._validationError_cg8ic_144{color:#d9534f;font-size:.9em;padding:.5rem;border:1px solid #d9534f;border-radius:4px;background-color:#f2dede;margin-top:.5rem}._dataPointLimit_cg8ic_154{font-size:.8em;color:#666;margin-top:5px}.students-classes-page{padding:20px;max-width:1000px;margin:auto}.historical-year-banner{background:linear-gradient(90deg,#fff3cd 0%,#ffeeba 100%);color:#856404;padding:10px 20px;text-align:center;font-size:.95rem;border:1px solid #ffc107;border-radius:6px;margin-bottom:20px;display:flex;justify-content:center;align-items:center;gap:16px;box-shadow:0 2px 4px #ffc10733}.historical-year-banner strong{font-weight:600}.historical-year-banner button{background:#856404;color:#fff;border:none;padding:6px 14px;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:500;transition:background .2s,transform .1s}.historical-year-banner button:hover{background:#6d5003;transform:scale(1.02)}.create-button,.edit-button,.delete-button,.view-button{margin-left:5px}.create-button{background-color:var(--primary-color);color:#fff;padding:10px 15px;border-radius:4px;text-decoration:none}.edit-button{background-color:#ffc107;color:#212529}.delete-button{background-color:#dc3545;color:#fff}.view-button{background-color:#17a2b8;color:#fff}.filters-section{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:24px}.filter-group label{font-size:.85rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px}.filter-group .filter-hint{font-size:.75rem;color:#94a3b8;font-style:italic}.filter-select,.filter-input{padding:10px 14px;border:1px solid #cbd5e1;border-radius:8px;font-size:.95rem;background:white;color:#334155;transition:border-color .2s,box-shadow .2s}.filter-select:focus,.filter-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a}.filter-select:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.search-group{flex:1;min-width:200px}.search-group .filter-input{width:100%}.toggle-group{min-width:auto}.toggle-label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px 16px;background:white;border:1px solid #cbd5e1;border-radius:8px;transition:all .2s}.toggle-label:hover{border-color:var(--primary-color)}.toggle-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color);cursor:pointer}.toggle-label input[type=checkbox]:checked+.toggle-text{color:var(--primary-color);font-weight:600}.toggle-text{font-size:.95rem;color:#475569;white-space:nowrap}.clear-filters-btn{padding:10px 16px;background:white;border:1px solid #e2e8f0;color:#64748b;font-size:.9rem;cursor:pointer;transition:all .2s}.clear-filters-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.filters-summary{margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.results-count{font-size:.95rem;color:#64748b;font-weight:500}.loading-indicator{font-size:.9rem;color:#94a3b8;font-style:italic}.historical-warning{background:linear-gradient(90deg,#fef3c7 0%,#fde68a 100%);color:#92400e;padding:12px 20px;border-radius:8px;margin-bottom:16px;font-size:.95rem;border:1px solid #f59e0b}.table-container{overflow-x:auto;border-radius:12px;border:1px solid #e2e8f0;background:white}.student-name-link{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color .2s}.student-name-link:hover{color:#3730a3;text-decoration:underline}.classes-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-name-link{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color .2s}.class-name-link:hover{color:#3730a3;text-decoration:underline}.student-count-badge{display:inline-block;background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%);color:#4338ca;padding:4px 10px;border-radius:12px;font-size:.85rem;font-weight:600}.empty-state .empty-icon{font-size:4rem;margin-bottom:16px}.empty-state h3{margin:0 0 8px;color:#374151;font-size:1.25rem}.empty-state p{margin:0 0 20px;color:#6b7280}.loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.small-button{padding:6px 12px;font-size:.85rem;border-radius:6px}.loading-message,.error-message,.empty-list-message{text-align:center;padding:20px;font-size:1.1em}.error-message{color:red;background-color:#ffebee;border:1px solid red}.empty-list-message{color:var(--secondary-color)}.data-table{width:100%;border-collapse:collapse;margin-top:20px;box-shadow:0 2px 8px #0000000d}.data-table th,.data-table td{border:1px solid #ddd;padding:12px 15px;text-align:left;vertical-align:middle}.data-table thead th{background-color:#f8f9fa;color:var(--primary-color);font-weight:700}.data-table tbody tr:nth-child(2n){background-color:#f9f9f9}.data-table tbody tr:hover{background-color:#f1f1f1}.actions-cell{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.actions-cell .button{padding:6px 10px;font-size:.9em}.student-details-grid,.class-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px}.detail-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000000d}.detail-card h2{color:var(--primary-color);margin-bottom:15px}.detail-card p{margin-bottom:10px}.detail-card strong{color:#555}.enrollment-list,.student-list{list-style:none;padding:0}.enrollment-list li,.student-list li{padding:8px 0;border-bottom:1px dotted #eee}.enrollment-list li:last-child,.student-list li:last-child{border-bottom:none}.manage-students-section h3{margin-top:20px;margin-bottom:10px}.manage-students-section .form-group{max-width:400px}.section-header h3{margin:0}.modal-content{background:white;border-radius:8px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e9ecef}.modal-header h3{margin:0;color:var(--primary-color)}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6c757d;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#495057}.modal-body{padding:20px}.modal-footer{padding:20px;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;gap:10px}.confirmation-modal{max-width:450px}.confirmation-modal .modal-header h2{display:flex;align-items:center;gap:8px;color:#d97706}.class-to-remove{background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;padding:12px 16px;margin:15px 0;text-align:center;font-size:1.1em}.class-to-remove .year-info{color:#78716c;font-weight:400}.removal-notes{background:#f1f5f9;border-radius:8px;padding:15px;margin-top:15px}.removal-notes p{margin-bottom:10px;font-size:.9em}.removal-notes ul{list-style:none;padding:0;margin:0}.removal-notes li{padding:4px 0;font-size:.85em;color:#475569}.danger-button{background:#dc2626;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s}.danger-button:hover{background:#b91c1c}.enrolled-list li{display:flex;justify-content:space-between;align-items:center}.enrolled-list .class-info{flex:1}.enrolled-list .year-tag{color:#64748b;font-size:.85em;margin-left:8px}.import-instructions{margin-bottom:20px}.import-instructions h4{margin-bottom:10px;color:var(--primary-color)}.import-instructions ul{margin:10px 0;padding-left:20px}.import-instructions li{margin-bottom:5px}.import-instructions em{color:#6c757d;font-size:.9em}.import-results{margin-top:20px;padding:15px;background:#f8f9fa;border-radius:4px}.import-results h4,.import-results h5{margin-top:0;margin-bottom:10px;color:var(--primary-color)}.results-summary p{margin:5px 0}.error-list{margin-top:15px;padding:10px;background:#ffebee;border:1px solid #f44336;border-radius:4px}.error-list ul{margin:0;padding-left:20px}.error-list li{color:#c62828;margin-bottom:3px}.class-dashboard{max-width:1200px}.class-dashboard-header{flex-direction:column;align-items:flex-start;gap:15px}.class-dashboard-header .header-main{display:flex;flex-direction:column;gap:8px}.class-dashboard-header .header-main h1{margin:0;font-size:1.8em}.class-dashboard-header .class-meta{display:flex;align-items:center;gap:10px;color:#6b7280;font-size:.95em}.class-meta .meta-divider{color:#d1d5db}.class-dashboard-header .header-actions{display:flex;gap:10px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:white;border:1px solid #e5e7eb;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s ease}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #00000014}.stat-icon{font-size:2em;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px}.stat-content{flex:1}.stat-value{font-size:1.6em;font-weight:700;color:#1f2937}.stat-label{font-size:.85em;color:#6b7280;margin-top:2px}.tab-navigation{display:flex;gap:4px;margin-bottom:20px;background:#f3f4f6;padding:4px;border-radius:10px;width:fit-content}.tab-button{padding:10px 20px;background:transparent;border:none;border-radius:8px;cursor:pointer;font-size:.95em;font-weight:500;color:#6b7280;transition:all .2s ease}.tab-button:hover{color:#374151;background:rgba(255,255,255,.5)}.tab-button.active{background:white;color:var(--primary-color);box-shadow:0 1px 3px #0000001a}.tab-content{min-height:400px}.overview-tab{display:grid;gap:20px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-header h3{margin:0;color:#1f2937}.view-all-link{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:.9em;font-weight:500}.empty-message{color:#9ca3af;text-align:center;padding:30px;font-style:italic}.recent-assessments-list{display:flex;flex-direction:column;gap:8px}.assessment-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f9fafb;border-radius:8px;transition:all .2s ease}.assessment-row.clickable{cursor:pointer}.assessment-row.clickable:hover{background:#f3f4f6;transform:translate(4px)}.assessment-title{font-weight:500;color:#1f2937;display:flex;align-items:center;gap:8px}.task-badge{font-size:.7em;padding:2px 6px;border-radius:4px;font-weight:600}.task-badge.summative{background:#fef3c7;color:#92400e}.assessment-date{font-size:.85em;color:#6b7280}.assessment-status{display:flex;gap:8px;flex-wrap:wrap}.status-badge{font-size:.75em;padding:4px 8px;border-radius:4px;font-weight:500}.status-badge.needs-print{background:#fff3cd;color:#856404}.status-badge.printed{background:#d4edda;color:#155724}.status-badge.results-done{background:#d1ecf1;color:#0c5460}.status-badge.needs-marking{background:#e2e3e5;color:#383d41}.quick-actions-grid{display:flex;gap:12px;flex-wrap:wrap}.quick-action-btn{padding:12px 20px;background:linear-gradient(135deg,var(--primary-color),#1d4ed8);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9em;font-weight:500;transition:all .2s ease}.quick-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.assessments-table th,.assessments-table td{padding:12px}.type-badge{font-size:.75em;padding:3px 8px;border-radius:4px;font-weight:600}.type-badge.summative{background:#fef3c7;color:#92400e}.type-badge.formative{background:#dbeafe;color:#1e40af}.print-status-badge,.results-status-badge{font-size:.8em;padding:4px 8px;border-radius:4px}.print-status-badge.not_printed{background:#fff3cd;color:#856404}.print-status-badge.confirmed,.results-status-badge.published{background:#d4edda;color:#155724}.results-status-badge.draft{background:#e2e3e5;color:#383d41}.class-avg-badge{font-size:.85em;padding:4px 10px;border-radius:6px;font-weight:600;margin-left:4px}.class-avg-badge.good{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.class-avg-badge.moderate{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.class-avg-badge.needs-work{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#b91c1c}.small-button{padding:6px 12px!important;font-size:.8em!important;margin:2px!important}.small-button.secondary{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)!important;color:#fff!important}.small-button.secondary:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)!important}.students-table tr.clickable{cursor:pointer;transition:background .2s ease}.students-table tr.clickable:hover{background:#f0f9ff}.students-table.enhanced{width:100%;border-collapse:separate;border-spacing:0}.students-table.enhanced th{background:#f9fafb;padding:12px;text-align:left;font-weight:600;color:#374151;font-size:.85em;border-bottom:2px solid #e5e7eb}.students-table.enhanced td{padding:12px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.students-table.enhanced tr.clickable.good{border-left:3px solid #22c55e}.students-table.enhanced tr.clickable.moderate{border-left:3px solid #f59e0b}.students-table.enhanced tr.clickable.needs-work{border-left:3px solid #ef4444}.student-tab-summary{margin-bottom:20px;padding:15px;background:#f9fafb;border-radius:10px}.student-tab-summary .summary-stats{display:flex;gap:20px;flex-wrap:wrap}.student-tab-summary .summary-stat{display:flex;flex-direction:column;align-items:center;padding:10px 20px;background:white;border-radius:8px;border:1px solid #e5e7eb;min-width:80px}.student-tab-summary .summary-stat .stat-value{font-size:1.5rem;font-weight:700;color:#1f2937}.student-tab-summary .summary-stat .stat-label{font-size:.75em;color:#6b7280}.student-tab-summary .summary-stat.good .stat-value{color:#22c55e}.student-tab-summary .summary-stat.moderate .stat-value{color:#f59e0b}.student-tab-summary .summary-stat.needs-work .stat-value{color:#ef4444}.rank-cell{width:50px;text-align:center}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#f3f4f6;color:#6b7280;font-size:.75em;font-weight:600}.rank-badge.top-three{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.rank-badge.no-data{background:transparent;color:#d1d5db}.students-table.enhanced .student-name-cell .student-info{display:flex;flex-direction:column;gap:2px}.students-table.enhanced .student-name{font-weight:500;color:#1f2937}.students-table.enhanced .student-id-small{font-size:.75em;color:#9ca3af}.performance-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-weight:600;font-size:.9em}.performance-badge.good{background:#dcfce7;color:#166534}.performance-badge.moderate{background:#fef3c7;color:#92400e}.performance-badge.needs-work{background:#fee2e2;color:#991b1b}.test-count{color:#6b7280;font-weight:500}.no-data-text{color:#d1d5db;font-style:italic;font-size:.85em}.status-badge-small{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:.75em}.status-badge-small.active{background:#dcfce7;color:#22c55e}.status-badge-small.inactive{background:#fee2e2;color:#ef4444}.warning-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:16px;font-size:.75em;font-weight:600;white-space:nowrap}.warning-badge.critical{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #fca5a5}.warning-badge.attention{background:#fef3c7;color:#92400e}.warning-badge.success{background:#d1fae5;color:#065f46}.student-skill-gaps{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.skill-gap-chip{font-size:.7em;background:#fee2e2;color:#991b1b;padding:2px 6px;border-radius:10px;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.skill-gap-more{font-size:.7em;color:#6b7280;padding:2px 4px}.student-name-cell{display:flex;align-items:center;gap:12px}.student-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--primary-color),#3b82f6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8em;font-weight:600}.status-badge.status-active{background:#d4edda;color:#155724}.status-badge.status-inactive{background:#f8d7da;color:#721c24}.quick-actions-bar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.quick-action-btn.secondary{background:linear-gradient(135deg,#6b7280,#4b5563)}.overview-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}@media (max-width: 900px){.overview-grid{grid-template-columns:1fr}}.overview-left,.overview-right{display:flex;flex-direction:column;gap:20px}.skills-breakdown{display:flex;flex-direction:column;gap:16px}.skill-bar{display:flex;flex-direction:column;gap:6px}.skill-info{display:flex;justify-content:space-between;align-items:center}.skill-name{font-weight:500;color:#374151;font-size:.9em}.skill-percent{font-weight:600;color:#1f2937;font-size:.9em}.skill-progress{height:10px;background:#e5e7eb;border-radius:5px;overflow:hidden}.skill-marks{font-size:.8em;color:#6b7280;font-weight:500}.skill-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:4px;transition:width .5s ease-out}.skill-fill.pending{background:linear-gradient(90deg,#60a5fa,#93c5fd)}.skill-fill.good{background:linear-gradient(90deg,#10b981,#34d399)}.skill-fill.moderate{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.skill-fill.needs-work{background:linear-gradient(90deg,#ef4444,#f87171)}.skill-fill.warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.skill-fill.danger{background:linear-gradient(90deg,#ef4444,#f87171)}.skill-percentage{font-weight:600;font-size:.9em}.skill-percentage.good{color:#10b981}.skill-percentage.moderate{color:#f59e0b}.skill-percentage.needs-work{color:#ef4444}.skill-gc-tags{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}.gc-tag{font-size:.7em;background:#e0e7ff;color:#4f46e5;padding:2px 6px;border-radius:10px}.skill-insights{margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.skill-insights .insight{font-size:.85em;padding:6px 10px;border-radius:6px;margin-bottom:6px}.skill-insights .insight.good{background:#d1fae5;color:#065f46}.skill-insights .insight.needs-attention{background:#fef3c7;color:#92400e}.skill-bar.expandable{border:1px solid transparent;padding:8px;border-radius:8px;margin:-8px -8px 8px;transition:all .2s ease}.skill-bar.expandable:hover{background:#f9fafb}.skill-bar.expandable.expanded{background:#f3f4f6;border-color:#e5e7eb}.skill-info.clickable{cursor:pointer}.skill-name .expand-icon{font-size:.7em;margin-right:6px;color:#9ca3af;transition:transform .2s ease}.skill-bar.expanded .skill-name .expand-icon{color:#6b7280}.skill-distribution-summary{display:flex;gap:8px;margin-top:4px;flex-wrap:wrap}.dist-badge{font-size:.7em;padding:2px 8px;border-radius:12px;font-weight:500}.dist-badge.good{background:#d1fae5;color:#065f46}.dist-badge.moderate{background:#fef3c7;color:#92400e}.dist-badge.needs-work{background:#fee2e2;color:#991b1b}.skill-distribution-details{margin-top:12px;padding:12px;background:white;border-radius:8px;border:1px solid #e5e7eb}.distribution-header{margin-bottom:10px}.dist-total{font-size:.85em;color:#6b7280;font-weight:500}.distribution-bar{display:flex;height:24px;border-radius:6px;overflow:hidden;background:#f3f4f6;margin-bottom:12px}.dist-segment{height:100%;min-width:2px;transition:width .3s ease}.dist-segment.good{background:linear-gradient(90deg,#10b981,#34d399)}.dist-segment.moderate{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.dist-segment.needs-work{background:linear-gradient(90deg,#ef4444,#f87171)}.struggling-students{margin-top:8px;padding-top:8px;border-top:1px solid #e5e7eb}.struggling-label{font-size:.8em;color:#dc2626;font-weight:500;display:block;margin-bottom:6px}.struggling-list{display:flex;flex-wrap:wrap;gap:6px}.struggling-student{font-size:.8em;background:#fee2e2;color:#991b1b;padding:4px 10px;border-radius:16px;cursor:pointer;transition:all .2s ease}.struggling-student:hover{background:#fecaca;transform:translateY(-1px)}.student-rank.top-three{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;font-weight:700}.avg-score.good{color:#10b981;font-weight:600}.avg-score.moderate{color:#f59e0b;font-weight:600}.avg-score.needs-work{color:#ef4444;font-weight:600}.assessment-count{font-size:.75em;color:#9ca3af;margin-left:4px}.data-note{font-size:.8em;color:#9ca3af;margin-top:8px;font-style:italic}.gc-profile-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.gc-profile-list{display:flex;flex-direction:column;gap:10px}.gc-profile-item{display:flex;flex-direction:column;gap:4px}.gc-name{font-size:.85em;font-weight:500;color:#1e40af}.gc-performance{display:flex;align-items:center;gap:8px}.gc-bar{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.gc-fill{height:100%;border-radius:4px;transition:width .5s ease-out}.gc-fill.good{background:linear-gradient(90deg,#10b981,#34d399)}.gc-fill.moderate{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.gc-fill.needs-work{background:linear-gradient(90deg,#ef4444,#f87171)}.gc-pct{font-size:.85em;font-weight:600;min-width:45px;text-align:right}.gc-pct.good{color:#10b981}.gc-pct.moderate{color:#f59e0b}.gc-pct.needs-work{color:#ef4444}.gc-note{font-size:.75em;color:#64748b;margin-top:10px;font-style:italic}.student-performance-list{display:flex;flex-direction:column;gap:8px}.student-perf-row{display:flex;align-items:center;gap:12px;padding:10px;background:#f9fafb;border-radius:8px;transition:all .2s ease}.student-perf-row.clickable{cursor:pointer}.student-perf-row.clickable:hover{background:#f0f9ff;transform:translate(4px)}.student-rank{width:24px;height:24px;background:#e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75em;font-weight:600;color:#6b7280}.student-avatar-small{width:32px;height:32px;background:linear-gradient(135deg,var(--primary-color),#3b82f6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7em;font-weight:600}.student-perf-info{flex:1;display:flex;flex-direction:column;gap:2px}.student-perf-info .student-name{font-weight:500;color:#1f2937;font-size:.9em}.student-stats{display:flex;gap:10px;font-size:.8em;color:#6b7280}.avg-score{font-weight:600}.trend.up{color:#10b981}.trend.down{color:#ef4444}.trend.neutral{color:#9ca3af}.insights-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.insights-list{display:flex;flex-direction:column;gap:10px}.insight-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-size:.9em}.insight-icon{font-size:1.1em}.insight-item.warning{background:#fff7ed;color:#c2410c}.insight-item.info{background:#eff6ff;color:#1e40af}.insight-item.attention{background:#fef3c7;color:#b45309}.insight-item.critical{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #fca5a5;cursor:pointer;font-weight:500}.insight-item.critical:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);transform:translate(2px)}.insight-item.success{background:#ecfdf5;color:#047857}.insight-item.clickable,.insight-item[onclick]{cursor:pointer;transition:transform .2s ease}.insight-item.clickable:hover,.insight-item[onclick]:hover{transform:translate(4px)}.curriculum-mini-card{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac}.curriculum-mini-content{display:flex;align-items:center;gap:20px}.mini-coverage-circle{width:80px;height:80px;flex-shrink:0}.circular-chart.mini{width:100%;height:100%}.mini-coverage-stats{display:flex;flex-wrap:wrap;gap:15px;flex:1}.mini-stat{display:flex;flex-direction:column;gap:2px}.mini-stat-value{font-size:1.4em;font-weight:700;color:#166534}.mini-stat-label{font-size:.75em;color:#4b5563}.curriculum-tab{padding:0}.curriculum-analysis-layout{display:grid;grid-template-columns:2fr 1fr;gap:20px}.curriculum-main-content{display:flex;flex-direction:column;gap:20px}.gc-ccp-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.curriculum-sidebar{display:flex;flex-direction:column;gap:20px;align-self:start}.curriculum-sidebar .gaps-card{max-height:550px;overflow:hidden}.curriculum-sidebar .covered-card{max-height:450px;overflow:hidden}.gaps-list.scrollable{max-height:450px;overflow-y:auto;padding-right:8px}.covered-list.scrollable{max-height:350px;overflow-y:auto;padding-right:8px}.scrollable::-webkit-scrollbar{width:6px}.scrollable::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.covered-card{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac}.covered-summary{font-size:.9em;color:#166534;margin-bottom:10px}.covered-list{display:flex;flex-direction:column;gap:8px}.covered-cd-item{background:white;border-radius:6px;border-left:4px solid #86efac}.covered-cd-item.fully-covered{border-left-color:#22c55e}.covered-cd-item.partial{border-left-color:#fbbf24}.cd-header{display:flex;align-items:flex-start;gap:8px;padding:10px}.cd-header.clickable:hover{background:#f8fafc}.cd-header .expand-toggle{font-size:.7em;color:#6b7280;margin-top:2px}.cd-status{font-size:.75em;font-weight:600;padding:2px 6px;border-radius:4px;white-space:nowrap}.cd-status.full{background:#22c55e;color:#fff}.cd-status.partial{background:#fbbf24;color:#78350f}.cd-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.cd-code{font-size:.75em;font-weight:600;color:#059669}.cd-name{font-size:.85em;color:#374151;line-height:1.3}.elaborations-list{margin:0;padding:0 10px 10px 25px;list-style:none;border-top:1px dashed #e5e7eb}.elab-item{display:flex;align-items:flex-start;gap:8px;padding:6px 0;font-size:.8em;border-bottom:1px dotted #f3f4f6}.elab-item:last-child{border-bottom:none}.elab-check{font-weight:600;width:16px;text-align:center}.elab-item.covered .elab-check{color:#22c55e}.elab-item.not-covered .elab-check{color:#ef4444}.elab-name{flex:1;color:#4b5563;line-height:1.4;word-wrap:break-word}.elab-item.not-covered .elab-name{color:#6b7280}@media (max-width: 1200px){.curriculum-analysis-layout{grid-template-columns:1fr}.curriculum-gaps-sidebar{position:static}.curriculum-gaps-sidebar .gaps-card{max-height:none}}@media (max-width: 768px){.gc-ccp-row{grid-template-columns:1fr}}.curriculum-analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 900px){.curriculum-analysis-grid{grid-template-columns:1fr}}.curriculum-overview-card{grid-column:span 2}@media (max-width: 900px){.curriculum-overview-card{grid-column:span 1}}.coverage-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:8px}.coverage-header h3{margin:0}.coverage-mode-toggle{display:flex;gap:4px;background:#f3f4f6;padding:4px;border-radius:8px}.coverage-mode-toggle .mode-btn{padding:6px 12px;border:none;background:transparent;border-radius:6px;font-size:.85em;cursor:pointer;transition:all .2s ease;color:#6b7280;font-weight:500}.coverage-mode-toggle .mode-btn:hover{background:rgba(0,0,0,.05)}.coverage-mode-toggle .mode-btn.active{background:white;color:#2563eb;box-shadow:0 1px 3px #0000001a}.coverage-mode-section{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.coverage-mode-explainer{margin:0;font-size:.75em;color:#9ca3af;text-align:right}.coverage-mode-explainer span{font-style:italic}.elaboration-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;font-style:normal;color:#6b7280}.elaboration-toggle input[type=checkbox]{cursor:pointer;accent-color:#2563eb}.elaboration-toggle:hover{color:#2563eb}.coverage-summary{display:flex;gap:40px;align-items:center;padding:20px}.coverage-circle{width:150px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:8px}.coverage-circle svg{width:150px;height:150px}.pacing-circle-label{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.pacing-status-indicator{font-size:.85em;font-weight:600}.pacing-status-indicator.ahead{color:#047857}.pacing-status-indicator.on_track{color:#1e40af}.pacing-status-indicator.behind{color:#b45309}.expected-label{font-size:.75em;color:#6b7280}.circle-expected{fill:none;stroke:#d1d5db;stroke-width:2;stroke-linecap:round;stroke-dasharray:0,100}.circular-chart.pacing .circle-progress{stroke:#3b82f6}.circular-chart{display:block;margin:0 auto;max-width:100%;max-height:100%}.circle-bg{fill:none;stroke:#e5e7eb;stroke-width:3.8}.circle-progress{fill:none;stroke-width:2.8;stroke-linecap:round;stroke:#10b981;animation:progress 1s ease-out forwards}@keyframes progress{0%{stroke-dasharray:0 100}}.percentage-text{fill:#1f2937;font-size:.5em;font-weight:700;text-anchor:middle}.coverage-stats{flex:1;display:flex;flex-direction:column;gap:12px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:#f9fafb;border-radius:8px}.stat-label{color:#6b7280;font-size:.95em}.stat-value{font-weight:600;color:#1f2937;font-size:1.1em}.stat-value.warning{color:#b45309}.stat-value .stat-note{font-size:.75em;color:#9ca3af;font-weight:400;margin-left:4px}.stat-row.subtle{background:transparent;font-size:.9em;padding:6px 15px;border-top:1px dashed #e5e7eb}.stat-row.subtle .stat-label,.stat-row.subtle .stat-value{color:#9ca3af;font-weight:400;font-size:.85em}.detail-card.collapsible .card-header-clickable{cursor:pointer;margin:-20px -20px 0;padding:15px 20px;border-radius:12px 12px 0 0;transition:background-color .2s ease}.detail-card.collapsible .card-header-clickable:hover{background:rgba(0,0,0,.03)}.detail-card.collapsible .card-header-clickable h3{margin:0;display:flex;align-items:center;gap:8px}.detail-card.collapsible.collapsed .card-header-clickable{margin-bottom:-20px}.collapse-toggle{font-size:.8em;color:#6b7280;min-width:16px}.collapsed-count{font-size:.75em;font-weight:400;color:#9ca3af;margin-left:4px}.achievement-standards-card{grid-column:span 2}.achievement-standards-card.expanded{max-height:400px;overflow-y:auto}@media (max-width: 900px){.achievement-standards-card{grid-column:span 1}}.standards-list{display:flex;flex-direction:column;gap:15px}.standard-item{padding:15px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:10px;border-left:4px solid #0284c7}.standard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.standard-code{font-weight:600;color:#0284c7;font-size:.85em;padding:2px 8px;background:white;border-radius:4px}.standard-area{font-size:.85em;color:#64748b;font-style:italic}.standard-description{color:#334155;font-size:.9em;line-height:1.5;margin:0}.standard-description p{margin:0}.gc-card h3{margin-bottom:15px}.gc-list{display:flex;flex-direction:column;gap:12px}.gc-category{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:10px;padding:14px 18px;transition:all .2s ease}.gc-category:hover{box-shadow:0 2px 8px #22c55e26}.gc-category-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.gc-icon{font-size:1.3em}.gc-category-name{font-weight:600;color:#166534;flex:1;font-size:1em}.gc-hit-badge{background:#22c55e;color:#fff;padding:3px 10px;border-radius:12px;font-size:.75em;font-weight:600}.gc-elements-list{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none}.gc-element{display:inline-block}.gc-level-badge{background:white;border:1px solid #86efac;color:#166534;padding:3px 10px;border-radius:4px;font-size:.8em;font-weight:500}.gc-element-more{color:#6b7280;font-size:.8em;font-style:italic;padding:3px 0}.gc-elements-list-detailed{margin:10px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.gc-element-detailed{display:flex;align-items:flex-start;gap:8px;background:white;padding:8px 12px;border-radius:6px;border-left:3px solid #22c55e;font-size:.85em}.gc-level-num{background:#16a34a;color:#fff;padding:2px 6px;border-radius:4px;font-size:.75em;font-weight:600;white-space:nowrap}.gc-element-desc{color:#374151;line-height:1.4;flex:1}.cross-links-list{display:flex;flex-direction:column;gap:12px}.cross-link-category{border-radius:10px;padding:14px 18px;transition:all .2s ease}.cross-link-category.gc-category{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac}.cross-link-category.ccp-category{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd}.cross-link-category:hover{box-shadow:0 2px 8px #00000014}.category-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.08)}.category-icon{font-size:1.3em}.category-name{font-weight:600;color:#166534;flex:1;font-size:1em}.ccp-category .category-name{color:#1e40af}.cross-link-items{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.cross-link-item{background:white;padding:8px 12px;border-radius:6px;font-size:.85em}.link-level-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:2px 8px;border-radius:10px;font-size:.75em;font-weight:600;white-space:nowrap}.cross-link-item .link-header.clickable:hover{background:rgba(0,0,0,.03);border-radius:4px}.cross-link-item .expand-toggle{font-size:.7em;color:#6b7280;margin-right:6px;width:12px;display:inline-block}.cross-link-item.expanded{background:#f8fafc}.indicators-list{margin:8px 0 0 20px;padding:0;list-style:none;border-left:2px solid #e5e7eb}.indicator-item{padding:6px 12px;font-size:.85em;color:#4b5563;line-height:1.4;position:relative}.indicator-item:before{content:"→";position:absolute;left:-2px;color:#9ca3af}.gc-link .indicators-list{border-left-color:#22c55e}.ccp-link .indicators-list{border-left-color:#3b82f6}.ccp-theme{font-size:.75em;font-weight:600;color:#1e40af;text-transform:uppercase;letter-spacing:.5px}.ccp-organising-idea{color:#374151;line-height:1.5;font-size:.9em}.cross-link-item.gc-link{border-left:3px solid #22c55e}.cross-link-item.ccp-link{border-left:3px solid #3b82f6}.link-name{font-weight:500;color:#374151}.link-description{font-size:.9em;color:#6b7280;line-height:1.3}.cross-link-more{color:#6b7280;font-size:.8em;font-style:italic;padding:4px 0}.gc-note,.ccp-note,.coverage-note{font-size:.75em;color:#6b7280;margin-bottom:15px;font-style:italic}.coverage-note{margin-top:12px;padding-top:8px;border-top:1px dashed #e5e7eb}.cross-link-category .category-header{cursor:pointer;-webkit-user-select:none;user-select:none}.cross-link-category .category-header .expand-toggle{font-size:.75em;color:#6b7280;transition:transform .2s ease}.cross-link-category.expanded .category-header .expand-toggle{transform:rotate(0)}.cross-link-category .category-badges{display:flex;align-items:center;gap:8px;margin-left:auto;margin-right:8px}.category-badges .assessment-count-badge{background:#f3f4f6;color:#4b5563;padding:2px 8px;border-radius:12px;font-size:.75em;font-weight:500}.category-badges .performance-badge{padding:3px 10px;border-radius:12px;font-size:.8em;font-weight:600}.category-badges .performance-badge.good{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.category-badges .performance-badge.moderate{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.category-badges .performance-badge.needs-work{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.category-content{margin-top:12px;animation:slideDown .2s ease}.assessment-drilldown{margin-top:12px;padding-top:12px;border-top:1px dashed rgba(0,0,0,.1)}.drilldown-toggle{background:none;border:none;color:#4b5563;font-size:.85em;cursor:pointer;padding:6px 10px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;gap:6px}.drilldown-toggle:hover{background:rgba(0,0,0,.05);color:#1f2937}.assessments-list{margin-top:10px;display:flex;flex-direction:column;gap:8px}.assessment-drilldown-item{display:flex;align-items:center;justify-content:space-between;background:white;padding:10px 14px;border-radius:8px;border:1px solid #e5e7eb;cursor:pointer;transition:all .2s ease}.assessment-drilldown-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f626;transform:translate(2px)}.assessment-drilldown-item .assessment-info{display:flex;flex-direction:column;gap:2px}.assessment-drilldown-item .assessment-name{font-weight:500;color:#1f2937;font-size:.9em}.assessment-drilldown-item .assessment-meta{font-size:.75em;color:#6b7280}.assessment-drilldown-item .assessment-questions{display:block;font-size:.7em;color:#3b82f6;margin-top:2px;font-weight:500}.assessment-drilldown-item .assessment-score{font-weight:600;font-size:1.1em;padding:4px 12px;border-radius:8px}.assessment-drilldown-item .assessment-score.good{background:#dcfce7;color:#166534}.assessment-drilldown-item .assessment-score.moderate{background:#fef3c7;color:#92400e}.assessment-drilldown-item .assessment-score.needs-work{background:#fee2e2;color:#991b1b}.pacing-status-card{margin-top:20px;padding:16px;border-radius:12px;border-left:4px solid}.pacing-status-card.pacing-ahead{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border-color:#10b981}.pacing-status-card.pacing-on_track{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-color:#3b82f6}.pacing-status-card.pacing-behind{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-color:#f59e0b}.pacing-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.pacing-icon{font-size:1.3em}.pacing-title{font-weight:600;color:#374151;flex:1}.pacing-badge{padding:4px 12px;border-radius:20px;font-size:.85em;font-weight:600}.pacing-badge.ahead{background:#10b981;color:#fff}.pacing-badge.on_track{background:#3b82f6;color:#fff}.pacing-badge.behind{background:#f59e0b;color:#fff}.pacing-details{display:flex;flex-direction:column;gap:12px}.pacing-comparison{display:flex;flex-direction:column;gap:8px}.pacing-bar-container{position:relative;height:24px;background:rgba(255,255,255,.5);border-radius:12px;overflow:hidden}.pacing-bar{position:absolute;top:0;left:0;height:100%;border-radius:12px;transition:width .5s ease}.pacing-bar.expected{background:rgba(0,0,0,.15);z-index:1}.pacing-bar.actual{background:linear-gradient(90deg,#3b82f6 0%,#60a5fa 100%);z-index:2}.pacing-legend{display:flex;gap:20px;font-size:.85em;color:#4b5563}.legend-item{display:flex;align-items:center;gap:6px}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-dot.expected{background:rgba(0,0,0,.25)}.legend-dot.actual{background:linear-gradient(90deg,#3b82f6 0%,#60a5fa 100%)}.pacing-info{display:flex;justify-content:space-between;font-size:.8em;color:#6b7280;padding-top:8px;border-top:1px dashed rgba(0,0,0,.1)}.pacing-term{font-weight:600;color:#374151}.pacing-plan-name{font-style:italic}.pacing-status-card.expanded{padding-bottom:20px}.pacing-header.clickable{display:flex;align-items:center;gap:10px;margin-bottom:12px}.pacing-header.clickable:hover{opacity:.85}.pacing-expand-toggle{font-size:.8em;color:#6b7280;min-width:16px}.pacing-terms-breakdown{margin-top:16px;padding-top:16px;border-top:2px dashed rgba(0,0,0,.1)}.pacing-terms-title{margin:0 0 4px;font-size:1em;font-weight:600;color:#374151}.pacing-terms-subtitle{margin:0 0 16px;font-size:.85em;color:#6b7280}.pacing-term-section{margin-bottom:16px;padding:12px;border-radius:8px;background:rgba(255,255,255,.5);border:1px solid rgba(0,0,0,.1)}.pacing-term-section.current{background:rgba(59,130,246,.1);border-color:#3b82f6}.pacing-term-section.past:not(.complete){background:rgba(245,158,11,.1);border-color:#f59e0b}.pacing-term-section.complete{background:rgba(16,185,129,.1);border-color:#10b981}.pacing-term-section.future{opacity:.7}.pacing-term-section.empty{opacity:.6;background:rgba(0,0,0,.03);border-style:dashed}.term-progress.empty{background:transparent;color:#9ca3af;font-style:italic}.term-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.term-label{font-weight:600;color:#374151;font-size:.95em}.term-progress{font-size:.8em;padding:2px 8px;border-radius:12px}.term-progress.complete{background:#10b981;color:#fff}.term-progress.partial{background:#f59e0b;color:#fff}.term-progress.pending{background:#e5e7eb;color:#6b7280}.term-items{display:flex;flex-direction:column;gap:8px}.pacing-item{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;background:rgba(255,255,255,.7);border-radius:6px;font-size:.85em}.pacing-item.covered{border-left:3px solid #10b981}.pacing-item.missing{border-left:3px solid #f59e0b}.item-status{flex-shrink:0}.item-code{font-weight:600;color:#1f2937;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.9em;flex-shrink:0}.item-name{color:#4b5563;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pacing-summary{margin-top:16px;padding:12px;background:rgba(255,255,255,.7);border-radius:8px;display:flex;flex-direction:column;gap:6px}.summary-stat{font-size:.9em;color:#374151}.summary-warning{font-size:.85em;color:#b45309;font-weight:500}.summary-note{font-size:.8em;color:#9ca3af;font-weight:400}.pacing-mini-badge{display:flex;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;border-radius:8px;font-size:.8em}.pacing-mini-badge.pacing-ahead{background:#d1fae5;color:#047857}.pacing-mini-badge.pacing-on_track{background:#dbeafe;color:#1e40af}.pacing-mini-badge.pacing-behind{background:#fef3c7;color:#b45309}.pacing-mini-icon{font-size:1.1em}.pacing-mini-text{font-weight:500}.gc-item{flex-direction:column;align-items:flex-start;gap:8px}.gc-item .gc-name{flex:1}.gc-elements,.ccp-elements{display:flex;flex-wrap:wrap;gap:4px;width:100%}.gc-element-tag,.ccp-element-tag{font-size:.7em;padding:2px 6px;background:rgba(255,255,255,.7);border-radius:4px;color:#4b5563;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gc-element-more,.ccp-element-more{font-size:.7em;color:#6b7280;font-style:italic}.ccp-list{display:flex;flex-direction:column;gap:10px}.ccp-item{display:flex;flex-direction:column;gap:8px;padding:12px 15px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:8px;border-left:3px solid #2563eb}.ccp-header{display:flex;justify-content:space-between;align-items:center;width:100%}.ccp-code{font-weight:600;color:#1e40af;font-size:.8em;padding:2px 6px;background:white;border-radius:3px}.ccp-name{flex:1;font-size:.95em;font-weight:500;color:#374151}.ccp-count{font-size:.8em;color:#1e40af;background:white;padding:2px 8px;border-radius:10px}.gaps-card{background:linear-gradient(135deg,#fff7ed,#ffedd5)}.gaps-summary{font-size:1.1em;margin-bottom:15px;padding:10px;background:white;border-radius:8px}.gaps-summary strong{color:#c2410c;font-size:1.2em}.gaps-list h4{font-size:.9em;color:#92400e;margin-bottom:10px}.gap-item{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:white;border-radius:6px;margin-bottom:8px;border-left:3px solid #f59e0b}.gap-item .gap-header{display:flex;align-items:center;gap:8px}.gap-code{font-size:.7em;font-weight:600;color:#92400e;background:#fef3c7;padding:2px 8px;border-radius:4px;white-space:nowrap}.curriculum-context{display:flex;align-items:center;gap:8px;margin:8px 0}.curriculum-strand{font-size:.85em;color:#6b7280;font-weight:500}.element-type-badge{font-size:.75em;color:#374151;background:#f3f4f6;padding:2px 6px;border-radius:3px;font-weight:500;text-transform:capitalize}.gap-insight{display:flex;align-items:center;gap:6px;margin:8px 0;padding:6px 8px;background:#ecfdf5;border-radius:4px;border-left:3px solid #10b981}.gap-insight.world-class{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left-color:#f59e0b}.insight-icon{font-size:.9em}.insight-text{font-size:.85em;color:#065f46;font-weight:500}.gap-analysis{margin:12px 0;padding:12px;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}.analysis-summary{display:flex;gap:16px;margin-bottom:12px;flex-wrap:wrap}.analysis-item{display:flex;flex-direction:column;align-items:center;min-width:80px}.analysis-label{font-size:.75em;color:#64748b;font-weight:500;text-align:center;margin-bottom:4px}.analysis-value{font-size:1.1em;font-weight:700;color:#1e293b}.analysis-value.critical{color:#dc2626}.analysis-value.positive{color:#059669}.coverage-bars{margin-bottom:12px}.coverage-bar{margin-bottom:8px}.bar-label{font-size:.8em;color:#475569;margin-bottom:4px;font-weight:500}.bar-fill{height:8px;background:#e2e8f0;border-radius:4px;transition:width .3s ease}.bar-fill.critical{background:linear-gradient(90deg,#fca5a5,#dc2626)}.bar-fill.positive{background:linear-gradient(90deg,#86efac,#059669)}.covering-assessments{border-top:1px solid #e2e8f0;padding-top:8px}.covering-label{font-size:.8em;color:#64748b;font-weight:500;margin-bottom:6px;display:block}.assessment-list{display:flex;flex-direction:column;gap:4px}.assessment-item{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:white;border-radius:4px;border:1px solid #e2e8f0}.assessment-name{font-size:.8em;color:#374151;font-weight:500}.elements-count{font-size:.75em;color:#6b7280;font-weight:400}.gap-name{font-size:.85em;color:#374151;line-height:1.4}.gap-strand{font-size:.7em;color:#6b7280;font-style:italic;background:#f3f4f6;padding:2px 6px;border-radius:3px}.success-message{color:#047857;text-align:center;padding:20px;font-size:1.1em}.student-profile-page{padding:20px;max-width:1200px;margin:0 auto}.student-profile-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg,#1e3a5f 0%,#2d5a87 100%);border-radius:12px;color:#fff;margin-bottom:20px}.student-header-left{display:flex;align-items:center;gap:20px}.student-avatar.large{width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:1.8em;font-weight:600;color:#fff;border:3px solid rgba(255,255,255,.4)}.student-header-info h1{margin:0 0 8px;font-size:1.8em;color:#fff}.student-meta{display:flex;align-items:center;gap:10px;opacity:.9;font-size:.95em}.student-meta .separator{opacity:.5}.student-id{background:rgba(255,255,255,.15);padding:3px 10px;border-radius:4px;font-family:monospace}.student-header-right{display:flex;gap:10px}.student-header-right .button{padding:10px 16px;border-radius:6px;text-decoration:none;font-weight:500;transition:all .2s}.student-header-right .edit-button{background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.3)}.student-header-right .edit-button:hover{background:rgba(255,255,255,.3)}.student-header-right .secondary-button{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}.student-quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.student-quick-stats .stat-card{display:flex;align-items:center;gap:14px;padding:18px;background:white;border-radius:10px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb}.student-quick-stats .stat-card.highlight-green{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border-color:#6ee7b7}.student-quick-stats .stat-card.highlight-amber{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border-color:#fcd34d}.student-quick-stats .stat-icon{font-size:1.8em;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:10px}.student-quick-stats .stat-icon.trend-up{background:#d1fae5}.student-quick-stats .stat-icon.trend-down{background:#fee2e2}.student-quick-stats .stat-icon.trend-stable{background:#e0e7ff}.student-quick-stats .stat-value{font-size:1.5em;font-weight:700;color:#1e3a5f}.student-quick-stats .stat-label{font-size:.85em;color:#6b7280}.class-filter-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8fafc;border-radius:8px;margin-bottom:20px;border:1px solid #e2e8f0}.class-filter-bar label{font-weight:500;color:#475569}.class-filter-select{padding:8px 12px;border:1px solid #cbd5e1;border-radius:6px;background:white;font-size:.95em;min-width:250px}.student-tabs{display:flex;gap:4px;border-bottom:2px solid #e5e7eb;margin-bottom:20px}.student-tabs .tab-button{padding:12px 20px;background:transparent;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;cursor:pointer;font-size:.95em;color:#6b7280;transition:all .2s}.student-tabs .tab-button:hover{color:#1e3a5f;background:#f8fafc}.student-tabs .tab-button.active{color:#1e3a5f;border-bottom-color:#2d5a87;font-weight:600}.student-tab-content{min-height:400px}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.overview-card{background:white;border-radius:10px;padding:20px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb}.overview-card h3{margin:0 0 16px;font-size:1.1em;color:#1e3a5f;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.overview-card.skills-mini-card{grid-column:1 / -1}.assessment-list{display:flex;flex-direction:column;gap:12px}.assessment-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8fafc;border-radius:8px}.assessment-name{font-weight:500;color:#1e3a5f;margin-bottom:4px}.assessment-meta{display:flex;gap:12px;font-size:.85em;color:#6b7280}.assessment-score{display:flex;align-items:center;gap:8px}.assessment-score .score{font-weight:700;font-size:1.1em;padding:4px 12px;border-radius:6px}.assessment-score .grade{font-weight:600;color:#6b7280;background:#e5e7eb;padding:4px 8px;border-radius:4px}.score.excellent,.pct.excellent{color:#047857;background:#d1fae5}.score.good,.pct.good{color:#0369a1;background:#e0f2fe}.score.average,.pct.average{color:#92400e;background:#fef3c7}.score.below-average,.pct.below-average{color:#c2410c;background:#ffedd5}.score.poor,.pct.poor{color:#b91c1c;background:#fee2e2}.score.muted{color:#6b7280;background:#f3f4f6;font-weight:500}.class-performance-list{display:flex;flex-direction:column;gap:12px}.class-performance-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8fafc;border-radius:8px}.class-info .class-name{font-weight:600;color:#1e3a5f;margin-bottom:4px}.class-info .class-meta{font-size:.85em;color:#6b7280}.class-scores{display:flex;align-items:center;gap:16px}.student-score,.class-avg-score,.rank{display:flex;flex-direction:column;align-items:center;gap:2px}.score-label,.rank-label{font-size:.75em;color:#9ca3af}.rank-value{font-weight:700;color:#1e3a5f}.skills-highlights{display:grid;grid-template-columns:1fr 1fr;gap:20px}.highlight-section h4{margin:0 0 12px;font-size:.95em;color:#6b7280}.skill-highlight{display:flex;justify-content:space-between;padding:10px 12px;border-radius:6px;margin-bottom:8px}.skill-highlight.good{background:#ecfdf5;border-left:3px solid #10b981}.skill-highlight.needs-work{background:#fef3c7;border-left:3px solid #f59e0b}.skill-highlight .skill-name{font-weight:500;color:#374151}.skill-highlight .skill-pct{font-weight:600}.skills-tab-content{padding:10px 0}.subject-filter{display:flex;align-items:center;gap:12px;margin-bottom:20px}.subject-filter select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;min-width:200px}.skills-list{display:flex;flex-direction:column;gap:16px}.skill-bar-item{background:white;border-radius:10px;padding:16px;box-shadow:0 2px 8px #0000000d;border:1px solid #e5e7eb}.skill-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.skill-bar-header .skill-info{display:flex;align-items:center;gap:10px}.skill-bar-header .skill-name{font-weight:600;color:#1e3a5f}.skill-bar-header .skill-subject{font-size:.85em;color:#6b7280;background:#f3f4f6;padding:3px 8px;border-radius:4px}.skill-bar-header .skill-percentage .pct{font-weight:700;font-size:1.3em;padding:4px 12px;border-radius:6px}.skill-bar-container{height:20px;background:#e5e7eb;border-radius:10px;overflow:hidden;position:relative;margin-bottom:8px}.skill-bar-fill{height:100%;border-radius:10px;transition:width .5s ease}.skill-bar-fill.excellent{background:linear-gradient(90deg,#10b981,#34d399)}.skill-bar-fill.good{background:linear-gradient(90deg,#0ea5e9,#38bdf8)}.skill-bar-fill.average{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.skill-bar-fill.below-average{background:linear-gradient(90deg,#f97316,#fb923c)}.skill-bar-fill.poor{background:linear-gradient(90deg,#ef4444,#f87171)}.class-avg-marker{position:absolute;top:0;width:3px;height:100%;background:#1e3a5f;z-index:2}.class-avg-marker:after{content:"▼";position:absolute;top:-12px;left:-5px;font-size:10px;color:#1e3a5f}.skill-meta{display:flex;justify-content:space-between;font-size:.85em;color:#6b7280}.skill-meta .comparison.above{color:#059669}.skill-meta .comparison.below{color:#dc2626}.capabilities-tab-content{padding:10px 0}.capabilities-intro{margin-bottom:24px}.capabilities-intro h3{margin:0 0 8px;color:#1e3a5f}.intro-text{color:#6b7280;margin:0}.gc-list{display:flex;flex-direction:column;gap:20px}.gc-card{background:white;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000f;border:1px solid #e5e7eb}.gc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.gc-name{margin:0;font-size:1.15em;color:#1e3a5f}.gc-overall{font-size:1.5em;font-weight:700;display:flex;flex-direction:column;align-items:center;padding:8px 16px;border-radius:8px}.gc-overall .overall-label{font-size:.45em;font-weight:400;color:inherit;opacity:.8}.gc-subjects{display:flex;flex-direction:column;gap:10px}.gc-subject-item{display:grid;grid-template-columns:120px 1fr 60px;align-items:center;gap:12px}.gc-subject-item .subject-name{font-weight:500;color:#374151}.subject-bar-container{height:12px;background:#e5e7eb;border-radius:6px;overflow:hidden}.subject-bar-fill{height:100%;border-radius:6px}.subject-bar-fill.excellent{background:#10b981}.subject-bar-fill.good{background:#0ea5e9}.subject-bar-fill.average{background:#f59e0b}.subject-bar-fill.below-average{background:#f97316}.subject-bar-fill.poor{background:#ef4444}.subject-pct{font-weight:600;text-align:right}.gc-insight{margin-top:12px;padding-top:12px;border-top:1px dashed #e5e7eb}.insight-text{font-size:.9em;font-style:italic}.insight-text.warning{color:#92400e}.insight-text.success{color:#059669}.trends-tab-content h3{margin:0 0 20px;color:#1e3a5f}.trends-timeline{position:relative;padding-left:30px;border-left:3px solid #e5e7eb;margin-left:60px}.trend-item{position:relative;margin-bottom:24px;padding-bottom:24px;border-bottom:1px dashed #e5e7eb}.trend-item:last-child{border-bottom:none;margin-bottom:0}.trend-date{position:absolute;left:-95px;top:0;font-size:.85em;color:#6b7280;width:60px;text-align:right}.trend-dot{position:absolute;left:-37px;top:4px;width:12px;height:12px;background:#2d5a87;border-radius:50%;border:3px solid white;box-shadow:0 0 0 2px #2d5a87}.trend-content{display:flex;justify-content:space-between;align-items:center;background:white;padding:14px 18px;border-radius:8px;box-shadow:0 2px 6px #0000000d}.trend-assessment{font-weight:600;color:#1e3a5f}.trend-subject{font-size:.85em;color:#6b7280;background:#f3f4f6;padding:3px 8px;border-radius:4px}.trend-score{font-size:1.3em;font-weight:700;color:#2d5a87}.subject-breakdown{margin-top:30px;padding:20px;background:#f8fafc;border-radius:10px}.subject-breakdown h4{margin:0 0 16px;color:#475569}.subject-trend-summary{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e2e8f0}.subject-trend-summary:last-child{border-bottom:none}.subject-trend-summary .subject-name{font-weight:600;color:#1e3a5f}.subject-trend-summary .subject-count{color:#6b7280}.subject-trend-summary .subject-avg{font-weight:600;color:#0ea5e9}.details-tab-content{display:flex;flex-direction:column;gap:20px}.details-tab-content .detail-card{background:white;border-radius:10px;padding:20px;box-shadow:0 2px 8px #0000000d;border:1px solid #e5e7eb}.details-tab-content .detail-card h3{margin:0 0 16px;color:#1e3a5f;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item label{font-size:.85em;color:#6b7280;font-weight:500}.detail-item span{font-size:1em;color:#1e3a5f}.status-active{color:#059669;font-weight:600}.status-inactive{color:#dc2626;font-weight:600}.future-placeholder{background:#f8fafc;border-style:dashed}.placeholder-text{color:#9ca3af;font-style:italic;margin:0}.empty-state{text-align:center;padding:60px 20px;color:#6b7280}.empty-state h3{margin:0 0 12px;color:#374151}.empty-state .hint{font-size:.9em;color:#9ca3af;margin-top:8px}.empty-message{color:#9ca3af;font-style:italic;text-align:center;padding:20px}@media (max-width: 900px){.student-quick-stats{grid-template-columns:repeat(2,1fr)}.overview-grid,.skills-highlights{grid-template-columns:1fr}.student-profile-header{flex-direction:column;gap:20px;text-align:center}.student-header-left{flex-direction:column}.student-meta{flex-wrap:wrap;justify-content:center}.gc-subject-item{grid-template-columns:80px 1fr 50px}.trends-timeline{margin-left:20px}.trend-date{left:-55px;font-size:.75em;width:45px}}@media (max-width: 600px){.student-quick-stats{grid-template-columns:1fr}.student-tabs{overflow-x:auto}.student-tabs .tab-button{white-space:nowrap;padding:10px 14px;font-size:.85em}.detail-grid{grid-template-columns:1fr}}.assessments-tab-content{padding:10px 0}.formative-summative-comparison{background:linear-gradient(135deg,#f0f4f8 0%,#e2e8f0 100%);border-radius:12px;padding:20px;margin-bottom:24px;border:1px solid #cbd5e1}.formative-summative-comparison h4{margin:0 0 16px;color:#1e3a5f;font-size:1.1rem}.fs-comparison-grid{display:flex;justify-content:center;align-items:center;gap:24px;margin-bottom:20px}.fs-card{background:white;border-radius:10px;padding:16px 24px;text-align:center;min-width:160px;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.fs-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.fs-card.active{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.fs-card.formative{border-left:4px solid #22c55e}.fs-card.summative{border-left:4px solid #8b5cf6}.fs-type-label{font-weight:600;color:#1e3a5f;margin-bottom:4px}.fs-count{font-size:.85rem;color:#64748b;margin-bottom:8px}.fs-avg{font-size:1.8rem;font-weight:700}.fs-avg.good{color:#16a34a}.fs-avg.moderate{color:#f59e0b}.fs-avg.needs-work{color:#dc2626}.fs-avg.no-data{color:#94a3b8}.fs-hint{font-size:.7rem;color:#94a3b8;margin-top:4px}.fs-vs{font-size:1.2rem;font-weight:600;color:#94a3b8}.fs-bar-comparison{background:white;border-radius:8px;padding:16px}.fs-bar-row{display:flex;align-items:center;margin-bottom:12px}.fs-bar-row:last-child{margin-bottom:0}.fs-bar-label{width:80px;font-size:.85rem;font-weight:500;color:#475569}.fs-bar-track{flex:1;height:24px;background:#e5e7eb;border-radius:12px;position:relative;overflow:hidden}.fs-bar-fill{height:100%;border-radius:12px;transition:width .5s ease-out}.fs-bar-fill.formative{background:linear-gradient(90deg,#22c55e,#16a34a)}.fs-bar-fill.summative{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.fs-bar-fill.good{background:linear-gradient(90deg,#22c55e,#16a34a)}.fs-bar-fill.moderate{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.fs-bar-fill.needs-work{background:linear-gradient(90deg,#f87171,#dc2626)}.fs-bar-value{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:.8rem;font-weight:600;color:#1e3a5f}.fs-difference{margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb;text-align:center}.fs-diff-text{font-size:.9rem;color:#475569}.fs-diff-text strong{color:#1e3a5f}.type-pill{display:inline-block;padding:3px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.type-pill.formative{background:#dcfce7;color:#16a34a}.type-pill.summative{background:#ede9fe;color:#7c3aed}.filter-controls{display:flex;align-items:center;gap:12px}.clear-filter-btn{padding:6px 12px;background:#fee2e2;color:#dc2626;border:none;border-radius:6px;font-size:.85rem;cursor:pointer;transition:background .2s}.clear-filter-btn:hover{background:#fecaca}.absent-row{opacity:.6;background:#f8f9fa}.absent-badge{display:inline-block;margin-left:8px;padding:2px 6px;background:#f97316;color:#fff;border-radius:4px;font-size:.7rem;font-weight:600}.assessments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.assessments-header h3{margin:0;color:#1e3a5f}.subject-filter-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;min-width:180px;background:white}.assessments-table{background:white;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb}.assessments-table table{width:100%;border-collapse:collapse}.assessments-table th{background:#f8fafc;padding:14px 16px;text-align:left;font-weight:600;color:#475569;font-size:.85em;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e5e7eb}.assessments-table td{padding:14px 16px;border-bottom:1px solid #f1f5f9;color:#374151}.assessments-table tbody tr:hover{background:#f8fafc}.assessment-name-cell{font-weight:500;color:#1e3a5f;max-width:250px}.subject-badge{background:#e0e7ff;color:#4338ca;padding:3px 8px;border-radius:4px;font-size:.8em;font-weight:500}.score-pill{padding:4px 10px;border-radius:20px;font-weight:600;font-size:.9em}.grade-badge{background:#f3f4f6;color:#374151;padding:4px 10px;border-radius:4px;font-weight:600}.class-avg-cell{color:#6b7280}.assessments-summary{display:flex;gap:24px;margin-top:16px;padding:16px 20px;background:#f8fafc;border-radius:8px}.summary-item{display:flex;gap:8px}.summary-label{color:#6b7280}.summary-value{font-weight:600;color:#1e3a5f}.details-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:20px}@media (max-width: 900px){.details-grid{grid-template-columns:1fr}}.qr-code-card{display:flex;flex-direction:column}.qr-code-display{display:flex;flex-direction:column;gap:12px}.qr-code-value{display:flex;flex-direction:column;gap:6px}.qr-label{font-size:.85em;color:#6b7280}.qr-code-text{font-family:Courier New,monospace;background:#f1f5f9;padding:12px 16px;border-radius:6px;font-size:1em;color:#1e3a5f;border:1px solid #e2e8f0;word-break:break-all}.qr-hint{font-size:.85em;color:#9ca3af;margin:0;font-style:italic}.detail-item.full-width{grid-column:1 / -1}.classes-list{display:flex;flex-wrap:wrap;gap:8px}.class-tag{display:inline-flex;align-items:center;gap:6px;background:#e0e7ff;color:#3730a3;padding:6px 12px;border-radius:6px;font-weight:500}.class-tag .class-subject{font-size:.8em;background:#c7d2fe;padding:2px 6px;border-radius:4px;color:#4338ca}.assessment-item.clickable{text-decoration:none;color:inherit;cursor:pointer;transition:all .2s;position:relative}.assessment-item.clickable:hover{background:#f0f9ff;transform:translate(4px)}.assessment-item .click-hint{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#0ea5e9;font-size:.85em;opacity:0;transition:opacity .2s}.assessment-item.clickable:hover .click-hint{opacity:1}.assessments-table .clickable-row{cursor:pointer;transition:background .2s}.assessments-table .clickable-row:hover{background:#f0f9ff!important}.assessments-table .clickable-row td a{color:#1e3a5f;text-decoration:none}.assessments-table .clickable-row:hover td a{color:#0ea5e9;text-decoration:underline}.ccp-section{margin-top:40px;padding-top:32px;border-top:2px solid #e5e7eb}.ccp-list{display:flex;flex-direction:column;gap:20px}.ccp-card{background:linear-gradient(135deg,#f0fff4 0%,#f8fff0 100%);border-radius:12px;padding:20px;border:1px solid #d4e6da}.ccp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ccp-name{margin:0;font-size:1.1rem;color:#1e3a5f;display:flex;align-items:center;gap:8px}.ccp-overall{display:flex;flex-direction:column;align-items:center;font-size:1.25rem;font-weight:700;padding:8px 16px;border-radius:8px;background:white;box-shadow:0 2px 4px #00000014}.ccp-overall .overall-label{font-size:.7rem;font-weight:500;opacity:.8;margin-top:2px}.ccp-subjects{display:flex;flex-direction:column;gap:10px}.ccp-subject-item{display:grid;grid-template-columns:60px 1fr 50px;align-items:center;gap:12px}.ccp-subject-item .subject-name{font-size:.9rem;font-weight:600;color:#374151}.ccp-subject-item .subject-bar-container{height:10px;background:#e5e7eb;border-radius:5px;overflow:hidden}.ccp-subject-item .subject-bar-fill{height:100%;border-radius:5px;transition:width .4s ease}.ccp-subject-item .subject-pct{font-size:.9rem;font-weight:600;text-align:right}.complexity-breakdown{margin-top:12px;padding-top:12px;border-top:1px dashed #e5e7eb}.complexity-section{margin-bottom:12px}.complexity-section:last-child{margin-bottom:0}.complexity-label{display:block;font-size:.8rem;font-weight:600;color:#6b7280;margin-bottom:6px}.complexity-bars{display:flex;flex-direction:column;gap:4px}.complexity-item{display:grid;grid-template-columns:100px 1fr 80px 20px;align-items:center;gap:8px}.complexity-level{font-size:.75rem;color:#4b5563;text-transform:capitalize}.complexity-bar{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.complexity-fill{height:100%;border-radius:4px;transition:width .3s ease}.complexity-fill.good{background:linear-gradient(90deg,#22c55e 0%,#16a34a 100%)}.complexity-fill.moderate{background:linear-gradient(90deg,#f59e0b 0%,#d97706 100%)}.complexity-fill.needs-work{background:linear-gradient(90deg,#ef4444 0%,#dc2626 100%)}.complexity-pct{font-size:.75rem;font-weight:600;text-align:right}.complexity-pct.good{color:#16a34a}.complexity-pct.moderate{color:#d97706}.complexity-pct.needs-work{color:#dc2626}.complexity-count{font-weight:400;opacity:.7}.complexity-alert{font-size:.9rem}.complexity-alerts{margin-top:8px;padding:8px;background:#fef3c7;border-radius:6px;border-left:3px solid #f59e0b}.complexity-alert-item{font-size:.75rem;color:#92400e;margin-bottom:4px}.complexity-alert-item:last-child{margin-bottom:0}.pacing-track-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:.7rem;font-weight:600}.pacing-track-badge.accelerated{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#1e40af;border:1px solid #93c5fd}.pacing-track-badge.accelerated:before{content:"⚡"}.pacing-track-badge.modified{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#92400e;border:1px solid #fcd34d}.pacing-track-badge.modified:before{content:"📝"}.pacing-track-badge.catchup{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#991b1b;border:1px solid #fca5a5}.pacing-track-badge.catchup:before{content:"🔄"}.pacing-track-badge.custom{background:linear-gradient(135deg,#f3e8ff 0%,#e9d5ff 100%);color:#6b21a8;border:1px solid #c4b5fd}.pacing-track-badge.custom:before{content:"⚙️"}.student-track-cell{display:flex;flex-direction:column;gap:2px}.student-track-cell .track-since{font-size:.65rem;color:#9ca3af}.curriculum-element-card{padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;margin-bottom:8px}.curriculum-element-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.curriculum-element-info{flex:1}.curriculum-element-code{font-weight:700;color:var(--primary-color);font-size:.85rem}.curriculum-element-name{font-size:.8rem;color:#4b5563;display:block;margin-top:2px}.curriculum-element-meta{font-size:.7rem;color:#9ca3af;display:block;margin-top:2px}.curriculum-element-pct{font-size:1.1rem;font-weight:700;padding:4px 12px;border-radius:8px}.curriculum-element-pct.good{background:#dcfce7;color:#16a34a}.curriculum-element-pct.moderate{background:#fef3c7;color:#d97706}.curriculum-element-pct.needs-work{background:#fee2e2;color:#dc2626}.track-cell{min-width:100px}.track-default{font-size:.75rem;color:#9ca3af}.student-track-details{display:flex;flex-direction:column;gap:4px;margin-top:8px;padding:8px 12px;background:rgba(0,0,0,.03);border-radius:8px;border-left:3px solid var(--primary-color)}.student-track-details .track-plan-name{font-size:.85rem;font-weight:600;color:#4b5563}.student-track-details .track-reason{font-size:.75rem;color:#6b7280;font-style:italic}.skill-bar-item{padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;margin-bottom:8px;transition:all .2s ease}.skill-bar-item.expanded{background:white;border-color:var(--primary-color);box-shadow:0 2px 8px #00000014}.skill-bar-header.clickable{cursor:pointer}.skill-bar-header .expand-icon{margin-right:6px;font-size:.8rem;color:#6b7280}.skill-curriculum-codes{font-size:.7rem;color:#9ca3af;margin-left:8px;font-family:monospace}.skill-complexity-breakdown{margin-top:12px;padding-top:12px;border-top:1px dashed #e5e7eb}.skill-complexity-breakdown .complexity-section{margin-bottom:12px}.skill-complexity-breakdown .complexity-section:last-child{margin-bottom:0}.complexity-insights{margin-top:8px;padding:8px;background:#fef3c7;border-radius:6px;border-left:3px solid #f59e0b}.complexity-insight-item{font-size:.75rem;color:#92400e;margin-bottom:4px}.complexity-insight-item:last-child{margin-bottom:0}.assessment-cards-list{display:flex;flex-direction:column;gap:12px}.assessment-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:box-shadow .2s,border-color .2s}.assessment-card:hover{border-color:#0ea5e9;box-shadow:0 2px 8px #0ea5e91a}.assessment-card.expanded{border-color:#0ea5e9;box-shadow:0 4px 16px #0ea5e926}.assessment-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;gap:16px;background:#f8fafc;border-bottom:1px solid transparent}.assessment-card.expanded .assessment-card-header{border-bottom-color:#e5e7eb}.assessment-card-header.clickable{cursor:pointer}.assessment-card-header.clickable:hover{background:#f0f9ff}.assessment-main-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.assessment-main-info .expand-toggle{color:#64748b;font-size:.8rem;width:16px}.assessment-main-info .expand-hint{font-size:.75rem;color:#3b82f6;font-style:italic;margin-left:8px;opacity:.8;white-space:nowrap}.assessment-title-group{display:flex;flex-direction:column;gap:2px;min-width:0}.assessment-title{font-weight:600;color:#1e3a5f;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assessment-date{font-size:.8rem;color:#64748b}.assessment-badges,.assessment-actions{display:flex;gap:8px;flex-shrink:0}.assessment-analytics-panel{padding:20px;background:#fff;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.analytics-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:40px;color:#64748b}.analytics-error{padding:20px;text-align:center;color:#dc2626;background:#fef2f2;border-radius:8px}.analytics-summary-row{display:flex;gap:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb;margin-bottom:20px}.analytics-stat{display:flex;flex-direction:column;align-items:center;padding:12px 20px;background:#f8fafc;border-radius:8px;min-width:80px}.analytics-stat .stat-value{font-size:1.5rem;font-weight:700;color:#1e3a5f}.analytics-stat .stat-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.analytics-stat.good .stat-value{color:#16a34a}.analytics-stat.moderate .stat-value{color:#f59e0b}.analytics-stat.needs-work .stat-value{color:#dc2626}.analytics-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin-bottom:20px}.analytics-column{background:#f8fafc;border-radius:10px;padding:16px}.analytics-column h4{margin:0 0 12px;font-size:.9rem;color:#1e3a5f;font-weight:600}.question-bars,.skill-bars{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto;padding-right:4px}.question-bars::-webkit-scrollbar,.skill-bars::-webkit-scrollbar{width:8px}.question-bars::-webkit-scrollbar-track,.skill-bars::-webkit-scrollbar-track{background:#e2e8f0;border-radius:4px}.question-bars::-webkit-scrollbar-thumb,.skill-bars::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:4px;border:1px solid #e2e8f0}.question-bars::-webkit-scrollbar-thumb:hover,.skill-bars::-webkit-scrollbar-thumb:hover{background:#64748b}.question-bar-item,.skill-bar-item{display:flex;flex-direction:column;gap:3px}.question-bar-label,.skill-bar-label{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.q-number{font-weight:600;color:#475569}.skill-name{color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.q-pct,.skill-pct{font-weight:600;font-size:.75rem}.q-pct.good,.skill-pct.good{color:#16a34a}.q-pct.moderate,.skill-pct.moderate{color:#f59e0b}.q-pct.needs-work,.skill-pct.needs-work{color:#dc2626}.analytics-column .question-bar-track,.analytics-column .skill-bar-track{height:8px!important;background:#e5e7eb;border-radius:4px;overflow:visible!important;position:relative;flex:none!important}.analytics-column .question-bar-fill,.analytics-column .skill-bar-fill{height:100%;border-radius:4px;transition:width .3s ease-out}.analytics-column .question-bar-fill.good,.analytics-column .skill-bar-fill.good{background:linear-gradient(90deg,#22c55e,#16a34a)}.analytics-column .question-bar-fill.moderate,.analytics-column .skill-bar-fill.moderate{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.analytics-column .question-bar-fill.needs-work,.analytics-column .skill-bar-fill.needs-work{background:linear-gradient(90deg,#f87171,#dc2626)}.cohort-worm-marker{position:absolute;top:-4px;width:3px;height:16px;background:#1e3a5f;border-radius:2px;transform:translate(-50%);z-index:5;box-shadow:0 1px 3px #0000004d}.cohort-worm-marker:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #1e3a5f}.cohort-legend{font-size:.7rem;font-weight:400;color:#64748b;margin-left:6px}.cohort-worm-indicator{display:inline-block;width:10px;height:3px;background:#1e3a5f;border-radius:1px;vertical-align:middle;margin-right:3px}.q-diff,.skill-diff{font-size:.65rem;font-weight:600;margin-left:4px;padding:1px 4px;border-radius:3px}.q-diff.positive,.skill-diff.positive,.elem-diff.positive{color:#16a34a;background:#dcfce7}.q-diff.negative,.skill-diff.negative,.elem-diff.negative{color:#dc2626;background:#fee2e2}.elem-diff{font-size:.65rem;padding:2px 4px;border-radius:3px;margin-left:4px;font-weight:600}.show-more-hint,.empty-hint{font-size:.75rem;color:#94a3b8;text-align:center;padding:8px;font-style:italic}.scroll-indicator{text-align:center;font-size:.7rem;color:#3b82f6;background:linear-gradient(180deg,transparent,rgba(59,130,246,.1));padding:4px 8px;margin-top:4px;border-radius:0 0 6px 6px;font-weight:500;letter-spacing:.5px;animation:pulse-scroll 2s ease-in-out infinite}@keyframes pulse-scroll{0%,to{opacity:.7}50%{opacity:1}}.question-bars.has-scroll,.skill-bars.has-scroll,.curriculum-elements-grid.has-scroll{position:relative}.question-bars.has-scroll:after,.skill-bars.has-scroll:after{content:"";position:absolute;bottom:0;left:0;right:8px;height:20px;background:linear-gradient(transparent,rgba(255,255,255,.9));pointer-events:none}.grade-distribution{display:flex;flex-direction:column;gap:8px}.grade-bar-item{display:flex;align-items:center;gap:8px}.grade-label{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;border-radius:4px;color:#fff}.grade-label.grade-a,.grade-label.grade-a\+{background:#16a34a}.grade-label.grade-b,.grade-label.grade-b\+{background:#22c55e}.grade-label.grade-c,.grade-label.grade-c\+{background:#f59e0b}.grade-label.grade-d,.grade-label.grade-d\+{background:#f97316}.grade-label.grade-e,.grade-label.grade-f{background:#dc2626}.grade-label.grade-ungraded{background:#94a3b8}.grade-bar-track{flex:1;height:12px;background:#e5e7eb;border-radius:6px;overflow:hidden}.grade-bar-fill{height:100%;border-radius:6px}.grade-bar-fill.grade-a,.grade-bar-fill.grade-a\+{background:#16a34a}.grade-bar-fill.grade-b,.grade-bar-fill.grade-b\+{background:#22c55e}.grade-bar-fill.grade-c,.grade-bar-fill.grade-c\+{background:#f59e0b}.grade-bar-fill.grade-d,.grade-bar-fill.grade-d\+{background:#f97316}.grade-bar-fill.grade-e,.grade-bar-fill.grade-f{background:#dc2626}.grade-bar-fill.grade-ungraded{background:#94a3b8}.grade-count{font-size:.85rem;font-weight:700;color:#1e3a5f;min-width:24px;text-align:right}.score-distribution h5{margin:0 0 8px;font-size:.8rem;color:#64748b}.score-range-item{display:flex;justify-content:space-between;padding:4px 0;font-size:.8rem;border-bottom:1px solid #e5e7eb}.score-range-item:last-child{border-bottom:none}.range-label{color:#475569}.range-count{color:#1e3a5f;font-weight:500}.score-histogram-section{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:12px;padding:16px 20px;margin-top:16px}.score-histogram-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:8px}.score-histogram-section h4{margin:0;font-size:.95rem;color:#1e3a5f;font-weight:600}.score-histogram-cohort-info{display:flex;align-items:center;gap:12px;font-size:.8rem}.class-avg-label,.cohort-avg-label{color:#475569}.class-avg-label strong{color:#f59e0b}.cohort-avg-label strong{color:#60a5fa}.diff-badge{font-weight:700;padding:2px 8px;border-radius:12px;font-size:.75rem}.diff-badge.above{background:#dcfce7;color:#16a34a}.diff-badge.below{background:#fee2e2;color:#dc2626}.diff-badge.equal{background:#e0f2fe;color:#0284c7}.score-histogram{margin-top:20px;padding-top:20px;border-top:1px dashed #e5e7eb}.score-histogram h5{margin:0 0 16px;font-size:.85rem;color:#64748b;font-weight:600}.score-histogram-section .histogram-container,.histogram-container{display:flex;align-items:flex-end;justify-content:center;height:120px;gap:16px;padding:0 8px;max-width:600px;margin:0 auto}.score-histogram-section .histogram-bar-wrapper,.histogram-bar-wrapper{flex:1;max-width:80px;min-width:50px;display:flex;flex-direction:column;align-items:center;gap:6px}.score-histogram-section .histogram-bar-container,.histogram-bar-container{width:100%;height:90px;display:flex;align-items:flex-end;justify-content:center}.histogram-bar{width:100%;min-height:4px;border-radius:6px 6px 0 0;display:flex;align-items:flex-start;justify-content:center;transition:height .3s ease;box-shadow:0 2px 4px #0000001a}.histogram-bar.poor{background:linear-gradient(to top,#dc2626,#ef4444)}.histogram-bar.low{background:linear-gradient(to top,#f97316,#fb923c)}.histogram-bar.medium{background:linear-gradient(to top,#f59e0b,#fbbf24)}.histogram-bar.good{background:linear-gradient(to top,#22c55e,#4ade80)}.histogram-bar.excellent{background:linear-gradient(to top,#16a34a,#22c55e)}.histogram-bar .bar-count{font-size:.75rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);padding-top:4px}.histogram-label{font-size:.7rem;color:#475569;font-weight:600}.histogram-legend{display:flex;justify-content:space-between;font-size:.65rem;color:#94a3b8;margin-top:8px;padding:0 8px}.cohort-comparison-row{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid #bae6fd;border-radius:10px;padding:12px 16px;margin-bottom:16px}.cohort-comparison-content{display:flex;align-items:center;justify-content:space-between;gap:16px}.cohort-stat.main{display:flex;align-items:center;gap:10px}.comparison-badge{padding:6px 12px;border-radius:20px;font-weight:700;font-size:.9rem;display:flex;align-items:center;gap:4px}.comparison-badge.above{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d;border:1px solid #86efac}.comparison-badge.below{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border:1px solid #fca5a5}.comparison-badge.equal{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309;border:1px solid #fcd34d}.comparison-label{font-size:.85rem;color:#0369a1;font-weight:500}.cohort-stats-detail{display:flex;gap:20px}.cohort-detail-item{display:flex;flex-direction:column;align-items:center;gap:2px}.cohort-detail-item .detail-value{font-weight:700;font-size:1rem;color:#0c4a6e}.cohort-detail-item .detail-label{font-size:.7rem;color:#64748b;text-transform:uppercase;letter-spacing:.3px}@media (max-width: 768px){.cohort-comparison-content{flex-direction:column;align-items:flex-start;gap:12px}.cohort-stats-detail{flex-wrap:wrap;gap:12px}}.analytics-insights-row{display:flex;gap:16px;padding:12px 0;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;margin-bottom:16px}.analytics-insights-row .insight-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font-size:.85rem}.analytics-insights-row .insight-item.warning{background:#fef3c7;color:#92400e}.analytics-insights-row .insight-item.success{background:#dcfce7;color:#166534}.insight-skill{color:#64748b;font-style:italic}.curriculum-analysis-section{padding:16px 0;border-top:1px dashed #e5e7eb;margin-top:16px}.curriculum-analysis-section h4{margin:0 0 12px;font-size:.95rem;color:#1e3a5f;font-weight:600}.curriculum-elements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;max-height:220px;overflow-y:auto;padding-right:4px}.curriculum-elements-grid::-webkit-scrollbar{width:8px}.curriculum-elements-grid::-webkit-scrollbar-track{background:#e2e8f0;border-radius:4px}.curriculum-elements-grid::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:4px;border:1px solid #e2e8f0}.curriculum-elements-grid::-webkit-scrollbar-thumb:hover{background:#64748b}.curriculum-element-item{background:#f8fafc;border-radius:8px;padding:8px;border:1px solid #e5e7eb;min-height:70px}.curriculum-element-item.compact{padding:6px 8px;min-height:60px}.curriculum-element-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.element-type-badge{font-size:.65rem;padding:2px 6px;border-radius:4px;font-weight:600;text-transform:uppercase}.element-type-badge.elaboration{background:#dbeafe;color:#1e40af}.element-type-badge.content_descriptor{background:#ede9fe;color:#6d28d9}.element-type-badge{background:#e5e7eb;color:#475569}.element-code{font-size:.7rem;color:#64748b;font-family:monospace}.curriculum-element-bar{height:6px;background:#e5e7eb;border-radius:3px;margin-bottom:6px;overflow:visible;position:relative}.curriculum-bar-fill{height:100%;border-radius:3px;transition:width .3s ease-out}.curriculum-bar-fill.good{background:linear-gradient(90deg,#22c55e,#16a34a)}.curriculum-bar-fill.moderate{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.curriculum-bar-fill.needs-work{background:linear-gradient(90deg,#f87171,#dc2626)}.curriculum-element-stats{display:flex;justify-content:flex-end;margin-bottom:4px}.element-percentage{font-size:.85rem;font-weight:600}.element-percentage.good{color:#16a34a}.element-percentage.moderate{color:#f59e0b}.element-percentage.needs-work{color:#dc2626}.element-description{font-size:.7rem;color:#64748b;line-height:1.3}.curriculum-more-hint,.section-more-hint{text-align:center;font-size:.75rem;color:#94a3b8;margin-top:8px;font-style:italic}.section-count{font-size:.75rem;color:#94a3b8;font-weight:400;margin-left:6px}.analytics-actions{display:flex;gap:12px;justify-content:flex-end}@media (max-width: 900px){.analytics-columns{grid-template-columns:1fr}.analytics-summary-row,.assessment-card-header{flex-wrap:wrap}.assessment-badges{order:3;width:100%;margin-top:8px}}.class-enrollment-section{background:#f8fafc;padding:20px;border-radius:8px;margin-top:20px;border:1px solid #e2e8f0}.class-enrollment-section h3{margin-top:0;margin-bottom:16px;font-size:1.1rem;color:#1e293b}.enrolled-summary{background:white;padding:12px 16px;border-radius:6px;margin-bottom:16px;border:1px solid #e2e8f0}.enrolled-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.enrolled-summary strong{color:#475569}.year-summary-badges{display:flex;gap:6px;flex-wrap:wrap}.year-badge{background:#f1f5f9;color:#64748b;padding:4px 10px;border-radius:12px;font-size:.8rem;cursor:pointer;transition:all .2s;border:1px solid transparent}.year-badge:hover{background:#e2e8f0;color:#475569}.year-badge.active{background:#2563eb;color:#fff;border-color:#1d4ed8}.no-enrollments-hint{color:#94a3b8;font-style:italic;font-size:.9rem;margin:8px 0 0}.enrolled-list{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-wrap:wrap;gap:8px}.enrolled-list li{display:flex;align-items:center;gap:8px;background:#eff6ff;color:#1e40af;padding:4px 8px 4px 12px;border-radius:20px;font-size:.85rem;border:1px solid #bfdbfe}.remove-class-btn{background:transparent;border:none;color:#ef4444;cursor:pointer;font-size:.9rem;padding:2px 4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.remove-class-btn:hover{background:#fee2e2}.class-enrollment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;max-height:400px;overflow-y:auto;padding:8px}.subject-group{background:white;padding:12px;border-radius:6px;border:1px solid #e2e8f0}.subject-group h4{margin:0 0 10px;font-size:.9rem;color:#475569;padding-bottom:6px;border-bottom:1px solid #e2e8f0}.class-checkboxes{display:flex;flex-direction:column;gap:6px}.class-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;padding:6px 8px;border-radius:4px;transition:background .15s}.class-checkbox:hover{background:#f1f5f9}.class-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#2563eb;cursor:pointer}.class-checkbox .class-name{flex:1;font-size:.9rem;color:#334155}.class-checkbox .year-level{font-size:.75rem;color:#94a3b8;background:#f1f5f9;padding:2px 6px;border-radius:4px}.no-classes-message{color:#94a3b8;font-style:italic;padding:20px;text-align:center}.import-modal{max-width:700px;max-height:85vh;overflow-y:auto}.import-instructions{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:20px}.import-instructions h4{margin:0 0 12px;color:#334155;font-size:.95rem}.import-instructions p{margin:0 0 8px;font-size:.85rem;color:#475569}.import-instructions ul{margin:0 0 12px;padding-left:20px}.import-instructions li{font-size:.85rem;color:#64748b;margin-bottom:4px}.import-instructions li strong{color:#334155;font-weight:600}.import-instructions em{display:block;margin-top:12px;padding:8px 12px;background:#ecfdf5;border-left:3px solid #10b981;border-radius:4px;font-style:normal;color:#065f46}.import-classes-section{margin-bottom:20px;padding:16px;background:#fafafa;border-radius:8px;border:1px solid #e2e8f0}.import-classes-section h4{margin:0 0 8px;font-size:.95rem;color:#334155}.import-classes-section .help-text{font-size:.85rem;color:#64748b;margin:0 0 12px}.import-classes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;max-height:200px;overflow-y:auto;padding:4px}.import-classes-grid .class-checkbox{background:white;border:1px solid #e2e8f0;border-radius:6px;padding:8px 10px;font-size:.85rem}.import-classes-grid .class-checkbox:hover{border-color:#2563eb;background:#eff6ff}.import-classes-grid .class-checkbox input:checked+span{color:#2563eb;font-weight:500}.import-classes-grid .year-level-badge{background:#e2e8f0;color:#475569;padding:2px 6px;border-radius:4px;font-size:.7rem;margin-left:auto}.import-results{margin-top:16px;padding:16px;border-radius:8px;border:1px solid}.import-results.success{background:#ecfdf5;border-color:#10b981}.import-results.has-errors{background:#fefce8;border-color:#eab308}.import-results h4{margin:0 0 12px;font-size:.95rem;color:#334155}.results-summary{list-style:none;padding:0;margin:0}.results-summary li{padding:6px 0;font-size:.9rem;display:flex;align-items:center;gap:8px}.results-summary .imported{color:#059669}.results-summary .updated{color:#2563eb}.results-summary .skipped{color:#64748b}.results-summary .total{color:#334155;font-weight:500;border-top:1px dashed #e2e8f0;padding-top:10px;margin-top:6px}.results-summary .classes{color:#7c3aed}.import-errors{margin-top:12px;padding-top:12px;border-top:1px dashed #e2e8f0}.import-errors h5{margin:0 0 8px;color:#b45309;font-size:.85rem}.import-errors ul{margin:0;padding-left:20px;max-height:150px;overflow-y:auto}.import-errors li{font-size:.8rem;color:#92400e;margin-bottom:4px}.import-errors .more-errors{font-style:italic;color:#b45309}.info-message-small{font-size:.8rem;color:#64748b;font-style:italic;margin:8px 0 0}.import-year-filter{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.import-year-filter label{font-size:.85rem;font-weight:500;color:#475569}.import-year-filter select{padding:6px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;min-width:150px}.import-year-filter .selected-count{font-size:.8rem;color:#2563eb;font-weight:500;background:#eff6ff;padding:4px 10px;border-radius:12px;margin-left:auto}.import-classes-by-subject{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;max-height:300px;overflow-y:auto;padding:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.import-classes-by-subject .subject-group{background:white;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.import-classes-by-subject .subject-group h5{margin:0 0 10px;font-size:.85rem;color:#2563eb;font-weight:600;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.import-classes-by-subject .class-checkboxes{display:flex;flex-direction:column;gap:6px}.import-classes-by-subject .class-checkbox{display:flex;align-items:center;gap:8px;font-size:.85rem;padding:6px 8px;border-radius:4px;cursor:pointer;transition:background .15s}.import-classes-by-subject .class-checkbox:hover{background:#f1f5f9}.import-classes-by-subject .class-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#2563eb}.enrollment-filters{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.enrollment-filters .form-group{margin:0}.show-all-toggle{display:flex;align-items:center;gap:6px;font-size:.85rem;cursor:pointer}.show-all-toggle input[type=checkbox]{width:16px;height:16px;accent-color:#2563eb}.filter-hint{font-size:.8rem;color:#2563eb;background:#eff6ff;padding:4px 10px;border-radius:12px;font-weight:500}.year-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s;background:#e2e8f0;color:#475569;margin-right:6px}.year-badge:hover{background:#cbd5e1}.year-badge.active{background:#2563eb;color:#fff}.year-summary-badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.enrollment-controls{display:flex;align-items:center;gap:16px;margin-bottom:12px}.enrollment-controls .toggle-label{display:flex;align-items:center;gap:6px;font-size:.85rem;cursor:pointer}.enrollment-count{font-size:.85rem;color:#2563eb;font-weight:500;background:#eff6ff;padding:4px 10px;border-radius:12px}.no-enrollments-hint{color:#94a3b8;font-size:.85rem;font-style:italic;margin-top:8px}.form-section{margin-top:20px;padding-top:20px;border-top:1px solid #e2e8f0}.form-section h3{margin:0 0 16px;color:#334155;font-size:1.1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 600px){.form-row{grid-template-columns:1fr}}.student-form{max-width:800px}.form-page-container{max-width:800px;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a}.data-form .form-group{margin-bottom:1.5rem}.data-form label{display:block;margin-bottom:.5rem;font-weight:600;color:#333}.data-form input[type=text],.data-form input[type=email],.data-form input[type=password],.data-form input[type=date],.data-form input[type=number],.data-form textarea,.data-form select{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:1rem}.data-form textarea{min-height:100px;resize:vertical}.data-form .form-group-checkbox{display:flex;align-items:center}.data-form .form-group-checkbox input[type=checkbox]{width:auto;margin-right:.75rem}.form-actions{margin-top:2rem;display:flex;gap:1rem;justify-content:flex-start}.button-primary,.button-secondary{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;text-decoration:none;display:inline-block;text-align:center}.button-primary{background-color:#007bff;color:#fff}.button-primary:hover{background-color:#0056b3}.button-secondary{background-color:#6c757d;color:#fff}.button-secondary:hover{background-color:#545b62}.error-message{color:#d9534f;background-color:#f8d7da;border:1px solid #f5c6cb;padding:.75rem;border-radius:4px;margin-bottom:1rem}.success-message{color:#28a745;background-color:#d4edda;border:1px solid #c3e6cb;padding:.75rem;border-radius:4px;margin-bottom:1rem}.data-form input:disabled,.data-form textarea:disabled,.data-form select:disabled,.button-primary:disabled,.button-secondary:disabled{background-color:#e9ecef;opacity:.7;cursor:not-allowed}.pacing-request-page{max-width:1200px;margin:0 auto;padding:2rem}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--color-border)}.student-info{color:var(--color-text-secondary);margin:0}.btn-primary{padding:.5rem 1rem;background:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.request-form{display:flex;flex-direction:column;gap:2rem}.form-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem}.form-section h2{margin:0 0 1.25rem;font-size:1.125rem;color:var(--color-text-primary);display:flex;align-items:center;gap:.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h2{margin:0}.section-hint{font-size:.875rem;color:var(--color-text-muted);margin:0 0 1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:.375rem}.form-select,.form-input,.form-textarea{width:100%;padding:.625rem .875rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text-primary);font-size:.9375rem}.form-select:focus,.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f61a}.form-textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.empty-message{color:var(--color-text-muted);font-style:italic;text-align:center;padding:1.5rem;background:var(--color-surface-secondary);border-radius:8px}.modification-item{display:flex;flex-direction:column;padding:.875rem 1rem;background:var(--color-surface-secondary);border-left:4px solid;border-radius:6px;position:relative}.mod-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.mod-code{font-family:monospace;font-size:.8125rem;background:var(--color-surface);padding:.125rem .375rem;border-radius:4px}.mod-notes{font-size:.8125rem;color:var(--color-text-muted);font-style:italic;margin-top:.25rem}.btn-remove{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;font-size:1.25rem;line-height:1;border-radius:4px}.btn-remove:hover{background:rgba(220,38,38,.1);color:#dc2626}.terms-grid-container{overflow-x:auto;padding-bottom:1rem;margin:0 -.5rem;padding:0 .5rem 1rem;scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-surface-secondary)}.terms-grid-container::-webkit-scrollbar{height:12px}.terms-grid-container::-webkit-scrollbar-track{background:var(--color-surface-secondary);border-radius:6px;border:1px solid var(--color-border)}.terms-grid-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--color-primary) 0%,#6366f1 100%);border-radius:6px;border:2px solid var(--color-surface-secondary)}.terms-grid-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2563eb 0%,#4f46e5 100%)}.terms-grid{display:grid;grid-template-columns:repeat(4,minmax(250px,1fr));gap:1.25rem;min-width:min-content}.term-column{background:linear-gradient(135deg,var(--color-surface-secondary) 0%,var(--color-surface) 100%);border-radius:12px;padding:1.25rem;border:1px solid var(--color-border);box-shadow:0 2px 4px #0000000d;transition:box-shadow .2s,transform .2s}.term-column:hover{box-shadow:0 4px 12px #0000001a}.term-column h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--color-text-primary);padding:.5rem .75rem;background:var(--color-primary);color:#fff;border-radius:8px;text-align:center;letter-spacing:.5px}.term-column:nth-child(1) h3{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)}.term-column:nth-child(2) h3{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.term-column:nth-child(3) h3{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.term-column:nth-child(4) h3{background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%)}.empty-term{font-size:.875rem;color:var(--color-text-muted);font-style:italic;margin:0;text-align:center;padding:1.5rem 1rem;background:var(--color-surface);border-radius:8px;border:2px dashed var(--color-border)}.term-items{display:flex;flex-direction:column;gap:.625rem;max-height:400px;overflow-y:auto;padding-right:.25rem}.term-items::-webkit-scrollbar{width:6px}.term-items::-webkit-scrollbar-track{background:var(--color-surface-secondary);border-radius:3px}.term-items::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.base-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:.75rem;position:relative;transition:border-color .2s,background .2s}.base-item:hover{border-color:var(--color-primary);background:rgba(59,130,246,.02)}.base-item.is-modified{opacity:.5;background:var(--color-surface-secondary);border-style:dashed}.base-item.is-modified:hover{opacity:.5;border-color:var(--color-border)}.item-code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.6875rem;color:var(--color-primary);background:rgba(59,130,246,.08);padding:.125rem .375rem;border-radius:4px;display:inline-block;margin-bottom:.375rem;font-weight:500}.item-name{font-size:.8125rem;color:var(--color-text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-status{font-size:.6875rem;font-weight:600;text-transform:uppercase;margin-top:.375rem;letter-spacing:.5px}.item-actions{display:flex;gap:.375rem;margin-top:.625rem;padding-top:.5rem;border-top:1px solid var(--color-border)}.quick-action{padding:.375rem .5rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);font-size:.75rem;cursor:pointer;transition:all .2s;font-weight:500}.quick-action.remove{color:#dc2626;border-color:#dc26264d}.quick-action.remove:hover{background:rgba(220,38,38,.1);border-color:#dc2626}.quick-action.move{min-width:50px;color:var(--color-text-secondary)}.quick-action.move:hover{border-color:var(--color-primary);color:var(--color-primary)}.term-count{font-size:.75rem;color:#ffffffd9;font-weight:400;display:block;margin-top:.25rem}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem}.modal-content{background:var(--color-surface);border-radius:12px;padding:1.5rem;width:100%;max-width:500px;max-height:80vh;overflow-y:auto}.modal-content h3{margin:0 0 1.5rem;font-size:1.125rem;color:var(--color-text-primary)}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-border)}@media (max-width: 768px){.page-header{flex-direction:column;gap:1rem}.form-row,.terms-grid{grid-template-columns:1fr}}.curriculum-picker-modal{max-width:900px;max-height:90vh;width:90vw}.modal-description{color:var(--color-text-secondary);font-size:.9rem;margin:0 0 1rem;line-height:1.5}.modal-description small{color:var(--color-text-muted);font-style:italic}.term-selector{margin-bottom:1rem;padding:.75rem 1rem;background:var(--color-surface-secondary);border-radius:8px}.term-selector label{margin-bottom:.5rem;font-weight:500}.term-buttons{display:flex;gap:.5rem}.term-btn{padding:.5rem 1rem;border:2px solid var(--color-border);border-radius:8px;background:var(--color-surface);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;color:var(--color-text-secondary)}.term-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.term-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.term-btn:nth-child(1).active{background:#3b82f6;border-color:#3b82f6}.term-btn:nth-child(2).active{background:#10b981;border-color:#10b981}.term-btn:nth-child(3).active{background:#f59e0b;border-color:#f59e0b}.term-btn:nth-child(4).active{background:#8b5cf6;border-color:#8b5cf6}.curriculum-linker-container{border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);max-height:55vh;overflow-y:auto}.form-hint{display:block;font-size:.75rem;color:var(--color-text-muted);margin-top:.375rem}.diff-preview-section{border:2px solid var(--color-primary)}.btn-toggle.active{background:#16a34a;color:#fff!important;border-color:#16a34a}.diff-legend{display:flex;gap:1rem;padding:.75rem 1rem;background:var(--color-surface-secondary);border-radius:8px;margin-bottom:1rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;padding:.25rem .5rem;border-radius:4px}.legend-item.added{background:rgba(22,163,74,.15);color:#16a34a}.legend-item.removed{background:rgba(220,38,38,.15);color:#dc2626;text-decoration:line-through}.legend-item.moved{background:rgba(37,99,235,.15);color:#2563eb}.legend-item.unchanged{background:var(--color-surface);color:var(--color-text-muted)}.diff-term-row{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:stretch}.diff-term-row .diff-term{background:var(--color-surface);border-radius:12px;padding:1rem;border:2px solid var(--color-border);box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column}.diff-term-row .diff-term h4{font-size:.9375rem;font-weight:600;margin:0 0 .75rem;color:#fff;padding:.5rem 1rem;border-radius:8px;text-align:center;flex-shrink:0}.diff-term-row .diff-term .diff-term-content{flex:1;min-height:0}.diff-term-row:nth-child(1) .diff-term h4{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)}.diff-term-row:nth-child(1) .diff-term{border-color:#3b82f64d}.diff-term-row:nth-child(2) .diff-term h4{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.diff-term-row:nth-child(2) .diff-term{border-color:#10b9814d}.diff-term-row:nth-child(3) .diff-term h4{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.diff-term-row:nth-child(3) .diff-term{border-color:#f59e0b4d}.diff-term-row:nth-child(4) .diff-term h4{background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%)}.diff-term-row:nth-child(4) .diff-term{border-color:#8b5cf64d}.diff-arrow-cell{display:flex;align-items:center;justify-content:center;min-width:50px}.diff-row-arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.75rem;border-radius:8px;background:linear-gradient(135deg,#3b82f6 0%,#6366f1 100%);box-shadow:0 2px 8px #3b82f659;min-width:40px;min-height:40px}.diff-row-arrow:after{content:"→";font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.diff-headers{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;margin-bottom:1rem}.diff-header{padding:.75rem 1rem;border-radius:8px;text-align:center;font-weight:600;font-size:1rem}.diff-header.original{background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%);color:#fff}.diff-header.modified{background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);color:#fff}.diff-header-spacer{min-width:50px}.diff-columns,.diff-arrow-container{display:none}.diff-item{display:flex;flex-direction:column;gap:.25rem;padding:.5rem .625rem;font-size:.8125rem;border-radius:6px;margin-bottom:.375rem;background:var(--color-surface)}.diff-item-header{display:flex;align-items:center;gap:.5rem}.diff-item-name{font-size:.75rem;color:var(--color-text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.diff-item.added{background:rgba(22,163,74,.15);border-left:3px solid #16a34a}.diff-item.removed{background:rgba(220,38,38,.15);border-left:3px solid #dc2626;text-decoration:line-through;opacity:.7}.diff-item.moved{background:rgba(37,99,235,.15);border-left:3px solid #2563eb}.diff-item.unchanged{background:var(--color-surface);border-left:3px solid transparent}.diff-code{font-family:JetBrains Mono,monospace;font-size:.6875rem;font-weight:600}.diff-badge{font-size:.625rem;padding:.125rem .375rem;border-radius:4px;background:rgba(255,255,255,.5);color:inherit;font-weight:500}.btn-link{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.8125rem;padding:0;text-decoration:underline}.btn-link:hover{color:var(--color-primary-dark, #1d4ed8)}.show-all-plans{display:block;margin-top:.5rem}.form-select optgroup{font-weight:600;color:var(--color-text-secondary);padding:.5rem 0}.form-select option{font-weight:400;color:var(--color-text-primary);padding:.25rem .5rem}.loading,.error{text-align:center;padding:3rem;color:var(--color-text-secondary)}.error{color:#dc2626}.requests-page{max-width:1400px;margin:0 auto;padding:2rem}.requests-page.loading,.requests-page.error{text-align:center;padding:4rem;color:var(--color-text-secondary)}.requests-page.error{color:#dc2626}.page-header{margin-bottom:2rem}.page-header h1{margin:0 0 .5rem;font-size:1.75rem;color:var(--color-text-primary)}.page-subtitle{color:var(--color-text-secondary);margin:0}.stats-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.stat-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .2s}.stat-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.stat-card.active{border-color:var(--color-primary);background:rgba(59,130,246,.05)}.stat-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-secondary);border-radius:12px}.stat-value{font-size:1.75rem;font-weight:700;color:var(--color-text-primary)}.stat-label{font-size:.875rem;color:var(--color-text-secondary)}.requests-table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.requests-table{width:100%;border-collapse:collapse}.requests-table thead{background:var(--color-surface-secondary)}.requests-table th{padding:1rem;text-align:left;font-weight:600;font-size:.8125rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--color-border)}.requests-table td{padding:1rem;border-bottom:1px solid var(--color-border);vertical-align:middle}.requests-table tbody tr:hover{background:var(--color-surface-secondary)}.requests-table tbody tr:last-child td{border-bottom:none}.request-id{font-weight:600;color:var(--color-text-primary);font-family:JetBrains Mono,monospace}.modifications-count{font-size:.75rem;color:var(--color-text-muted);margin-top:.25rem}.student-link{color:var(--color-primary);text-decoration:none;font-weight:500}.student-link:hover{text-decoration:underline}.student-id{font-size:.75rem;color:var(--color-text-muted);font-family:monospace}.plan-name{color:var(--color-text-primary);font-weight:500}.plan-meta{font-size:.75rem;color:var(--color-text-muted)}.date-primary{color:var(--color-text-primary)}.date-time{font-size:.75rem;color:var(--color-text-muted)}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.btn-action{padding:.5rem 1rem;border-radius:6px;font-size:.8125rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-review{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);color:#fff}.btn-review:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-view{background:var(--color-surface-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-view:hover{background:var(--color-border)}.no-requests{text-align:center;padding:3rem!important;color:var(--color-text-muted);font-style:italic}@media (max-width: 1024px){.stats-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.stats-cards{grid-template-columns:1fr}.requests-table-container{overflow-x:auto}.requests-table{min-width:800px}}.review-page{max-width:1200px;margin:0 auto;padding:2rem}.review-page.loading,.review-page.error{text-align:center;padding:4rem;color:var(--color-text-secondary)}.review-page.error{color:#dc2626}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--color-border)}.review-header h1{margin:0 0 .5rem;font-size:1.75rem;color:var(--color-text-primary)}.request-meta{color:var(--color-text-secondary);margin:0;display:flex;align-items:center;gap:.75rem}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-draft{background:#f3f4f6;color:#6b7280}.badge-pending{background:#fef3c7;color:#d97706}.badge-approved{background:#d1fae5;color:#059669}.badge-rejected{background:#fee2e2;color:#dc2626}.badge-superseded{background:#e0e7ff;color:#4f46e5}.info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.info-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.25rem}.info-card h3{margin:0 0 1rem;font-size:1rem;color:var(--color-text-primary)}.info-row{display:flex;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--color-border)}.info-row:last-child{border-bottom:none}.info-label{color:var(--color-text-muted);font-size:.875rem;min-width:100px}.info-value{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.info-value a{color:var(--color-primary);text-decoration:none}.info-value a:hover{text-decoration:underline}.reason-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.reason-section h3{margin:0 0 1rem;font-size:1rem;color:var(--color-text-primary)}.reason-section h4{margin:1.25rem 0 .75rem;font-size:.9rem;color:var(--color-text-secondary)}.reason-box,.notes-box{background:var(--color-surface-secondary);padding:1rem;border-radius:8px;font-size:.9375rem;line-height:1.6;color:var(--color-text-primary)}.notes-box{background:rgba(59,130,246,.05);border-left:3px solid var(--color-primary)}.rejection-section{background:#fef2f2;border:1px solid rgba(220,38,38,.2);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.rejection-section h3{margin:0 0 1rem;font-size:1rem;color:#dc2626}.rejection-box{background:white;padding:1rem;border-radius:8px;border-left:3px solid #dc2626}.rejection-meta{margin-top:.75rem;font-size:.8125rem;color:var(--color-text-muted);font-style:italic}.modifications-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.modifications-section h3{margin:0 0 1rem;font-size:1rem;color:var(--color-text-primary)}.modifications-list{display:flex;flex-direction:column;gap:.75rem}.modification-item{padding:.875rem 1rem;background:var(--color-surface-secondary);border-left:4px solid;border-radius:8px}.mod-add{border-left-color:#16a34a}.mod-remove{border-left-color:#dc2626}.mod-move{border-left-color:#2563eb}.mod-modify_term{border-left-color:#f59e0b}.mod-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.375rem}.mod-action{font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.action-add{color:#16a34a}.action-remove{color:#dc2626}.action-move{color:#2563eb}.action-modify_term{color:#f59e0b}.mod-code{font-family:JetBrains Mono,monospace;font-size:.8125rem;background:var(--color-surface);padding:.125rem .375rem;border-radius:4px}.mod-terms{font-size:.8125rem;color:var(--color-text-secondary)}.mod-name{font-size:.875rem;color:var(--color-text-primary)}.mod-notes{font-size:.8125rem;color:var(--color-text-muted);font-style:italic;margin-top:.5rem}.no-modifications{color:var(--color-text-muted);font-style:italic;text-align:center;padding:1rem}.diff-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.diff-section .diff-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.diff-section .diff-header h3{margin:0;font-size:1rem;color:var(--color-text-primary)}.diff-view{margin-top:1rem}.action-buttons{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;margin-bottom:2rem}.btn-approve,.btn-reject{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.9375rem;cursor:pointer;border:none;transition:all .2s}.btn-approve{background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);color:#fff}.btn-approve:hover{transform:translateY(-1px);box-shadow:0 4px 12px #16a34a4d}.btn-approve:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-reject{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);color:#fff}.btn-reject:hover{transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.btn-reject:disabled{opacity:.6;cursor:not-allowed;transform:none}.approval-info{background:#d1fae5;border:1px solid #10b981;border-radius:12px;padding:1rem 1.5rem;margin-bottom:2rem;color:#059669;font-weight:500}.approval-info p{margin:0}.modal-content{background:var(--color-surface);border-radius:16px;padding:2rem;width:90%;max-width:500px;box-shadow:0 20px 40px #0003}.modal-content h3{margin:0 0 1rem;font-size:1.25rem;color:var(--color-text-primary)}.modal-content p{color:var(--color-text-secondary);margin-bottom:1rem;line-height:1.5}.modal-content textarea{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:8px;font-size:.9375rem;resize:vertical;min-height:100px}.modal-content textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f61a}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.btn-secondary{padding:.5rem 1rem;background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);text-decoration:none;cursor:pointer;font-size:.875rem}.btn-secondary:hover{background:var(--color-border)}.btn-toggle{padding:.5rem 1rem;border:2px solid var(--color-primary);border-radius:6px;background:var(--color-surface);color:var(--color-primary);cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s}.btn-toggle:hover{background:rgba(59,130,246,.1)}.btn-toggle.active{background:#16a34a;color:#fff;border-color:#16a34a}.audit-log-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.audit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.audit-header h3{margin:0;font-size:1rem;color:var(--color-text-primary)}.audit-log-content{margin-top:1rem}.audit-table{width:100%;border-collapse:collapse;font-size:.8125rem}.audit-table th,.audit-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--color-border)}.audit-table th{background:var(--color-surface-secondary);color:var(--color-text-secondary);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.audit-row:hover{background:rgba(59,130,246,.03)}.audit-timestamp{color:var(--color-text-secondary);font-family:JetBrains Mono,monospace;font-size:.75rem}.action-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.action-badge.create{background:#e0e7ff;color:#4f46e5}.action-badge.submit{background:#fef3c7;color:#d97706}.action-badge.approve{background:#d1fae5;color:#059669}.action-badge.reject{background:#fee2e2;color:#dc2626}.action-badge.revision_requested{background:#ffedd5;color:#ea580c}.action-badge.apply{background:#dbeafe;color:#2563eb}.action-badge.update{background:#f3f4f6;color:#6b7280}.action-badge.supersede{background:#fae8ff;color:#a855f7}.audit-user{color:var(--color-text-primary);font-weight:500}.audit-status{color:var(--color-text-secondary);font-family:JetBrains Mono,monospace;font-size:.75rem}.audit-notes{color:var(--color-text-muted);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-logs{color:var(--color-text-muted);font-style:italic;text-align:center;padding:1rem}.audit-disclaimer{margin-top:1rem;font-size:.75rem;color:var(--color-text-muted);text-align:center;padding:.75rem;background:var(--color-surface-secondary);border-radius:6px}.diff-headers{display:grid;grid-template-columns:1fr 40px 1fr;gap:0;margin-bottom:1rem}.diff-header.original,.diff-header.modified{background:var(--color-surface-secondary);padding:.75rem 1rem;font-weight:600;text-align:center;border-radius:8px}.diff-header.original{background:#fef3c7;color:#d97706}.diff-header.modified{background:#d1fae5;color:#059669}.diff-terms-container{display:flex;flex-direction:column;gap:1.5rem}.diff-term-row{display:grid;grid-template-columns:1fr 40px 1fr;gap:0;align-items:flex-start}.diff-term{border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.diff-term h4{padding:.625rem .75rem;margin:0;font-size:.8125rem;font-weight:600}.diff-term.original h4{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#92400e}.diff-term.modified h4{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#047857}.diff-term-content{padding:.5rem;max-height:250px;overflow-y:auto}.diff-item{padding:.5rem;margin-bottom:.375rem;border-radius:4px;background:var(--color-surface);border:1px solid transparent}.diff-item:last-child{margin-bottom:0}.diff-item.removed{background:#fef2f2;border-color:#fca5a5;text-decoration:line-through;opacity:.8}.diff-item.moved{background:#eff6ff;border-color:#93c5fd}.diff-item.added{background:#f0fdf4;border-color:#86efac}.diff-item-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.diff-code{font-family:JetBrains Mono,monospace;font-size:.6875rem;background:rgba(0,0,0,.05);padding:.125rem .375rem;border-radius:3px;font-weight:600}.diff-badge{font-size:.625rem;padding:.125rem .375rem;border-radius:3px;background:var(--color-primary);color:#fff;font-weight:500}.diff-item-name{font-size:.75rem;color:var(--color-text-secondary);line-height:1.3}.empty-term{color:var(--color-text-muted);font-size:.75rem;font-style:italic;text-align:center;padding:.75rem}.diff-arrow-cell{display:flex;align-items:center;justify-content:center;min-height:100px}.diff-row-arrow{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1rem}.diff-row-arrow:after{content:"→"}.diff-legend{display:flex;gap:1.5rem;margin-bottom:1rem;padding:.75rem;background:var(--color-surface-secondary);border-radius:8px;justify-content:center}.legend-item{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--color-text-secondary)}.legend-item.added:before{content:"";width:12px;height:12px;background:#d1fae5;border:1px solid #86efac;border-radius:2px}.legend-item.removed:before{content:"";width:12px;height:12px;background:#fee2e2;border:1px solid #fca5a5;border-radius:2px}.legend-item.moved:before{content:"";width:12px;height:12px;background:#dbeafe;border:1px solid #93c5fd;border-radius:2px}.legend-item.unchanged:before{content:"";width:12px;height:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:2px}.results-page{padding:20px;max-width:1000px;margin:auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #eee}.loading-message,.error-message,.success-message,.info-message{text-align:center;padding:15px;margin:15px 0;border-radius:4px;font-size:1.05em}.success-message{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb}.info-message{color:#0c5460;background-color:#d1ecf1;border:1px solid #bee5eb}.results-form .selection-row{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}.results-form .filter-row{display:flex;gap:15px;margin-bottom:15px;padding:12px 15px;background:linear-gradient(135deg,#e0e7ff 0%,#dbeafe 100%);border-radius:8px;align-items:flex-end;flex-wrap:wrap}.results-form .filter-group{min-width:120px}.results-form .filter-group label{display:block;font-size:.8em;color:#475569;margin-bottom:4px;font-weight:500}.results-form .filter-group select{padding:6px 10px;font-size:.9em;border-radius:6px;border:1px solid #cbd5e1;background:white}.results-form .filter-checkbox,.results-filters .filter-checkbox{display:flex;align-items:center;gap:6px;font-size:.85em;color:#475569;padding:8px 0;cursor:pointer}.results-form .filter-checkbox input,.results-filters .filter-checkbox input{width:16px;height:16px;cursor:pointer}.results-form .simplified-selection{background:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #e9ecef;margin-bottom:24px}.results-form .simplified-selection .form-group{flex:1;min-width:200px}.results-form .simplified-selection label{color:var(--primary-color);font-size:.9em;margin-bottom:8px}.results-form .assessment-select-group{flex:2}.results-form .class-select-group{flex:1}.show-all-checkbox{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:.85em;font-weight:400;color:#666;cursor:pointer}.show-all-checkbox input[type=checkbox]{margin:0;cursor:pointer}.selected-student-info-container{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:12px 16px;background:#f0f4ff;border-radius:8px;margin-top:12px}.selected-student-info{flex:1}.attendance-status-selector{display:flex;align-items:center;gap:10px}.attendance-status-selector label{font-weight:500;color:#555;font-size:.9em}.attendance-select{padding:6px 12px;border:1px solid #ccc;border-radius:4px;font-size:.9em;min-width:100px}.attendance-select.absent{background-color:#fff3cd;border-color:#ffc107;color:#856404}.attendance-select.exempt{background-color:#d1ecf1;border-color:#17a2b8;color:#0c5460}.absence-reason-input{padding:6px 10px;border:1px solid #ccc;border-radius:4px;font-size:.9em;width:200px}.absence-reason-input::placeholder{color:#999}.results-table tbody tr.absent-row,.results-table tbody tr.absent-row td{background-color:#fff3cd!important}.results-table tbody tr.exempt-row,.results-table tbody tr.exempt-row td{background-color:#d1ecf1!important}.attendance-badge{display:inline-block;padding:2px 6px;margin-left:8px;border-radius:3px;font-size:.7em;font-weight:700;vertical-align:middle}.attendance-badge.absent{background-color:#ffc107;color:#856404}.attendance-badge.exempt{background-color:#17a2b8;color:#fff}.table-attendance-select{width:100%;padding:3px 5px;font-size:.75em;border:1px solid #ddd;border-radius:3px;margin-top:4px;cursor:pointer}.table-attendance-select.absent{background-color:#ffc107;color:#856404;border-color:#ffc107}.table-attendance-select.exempt{background-color:#17a2b8;color:#fff;border-color:#17a2b8}.results-actions{margin-top:20px;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.results-status-indicator{margin-bottom:15px}.status-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-weight:500;font-size:.9em}.status-badge.status-not_started{background-color:#e9ecef;color:#6c757d}.status-badge.status-in_progress{background-color:#fff3cd;color:#856404}.status-badge.status-draft{background-color:#d1ecf1;color:#0c5460}.status-badge.status-published{background-color:#d4edda;color:#155724}.publish-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24;padding:12px 15px;border-radius:6px;margin-bottom:15px}.publish-error ul{margin:8px 0 0 20px;padding:0}.publish-error li{margin:4px 0}.results-buttons{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.publish-button{padding:12px 24px;background-color:#28a745;color:#fff;border:none;border-radius:6px;font-size:1em;font-weight:500;cursor:pointer;transition:background-color .2s}.publish-button:hover:not(:disabled){background-color:#218838}.publish-button:disabled{background-color:#94d3a2;cursor:not-allowed}.published-notice{color:#155724;font-style:italic;font-size:.9em}.unpublish-button{padding:10px 18px;background-color:#dc3545;color:#fff;border:none;border-radius:6px;font-size:.9em;font-weight:500;cursor:pointer;transition:background-color .2s;margin-left:10px}.unpublish-button:hover:not(:disabled){background-color:#c82333}.unpublish-button:disabled{background-color:#e4606d;cursor:not-allowed}.flag-question-btn{background:none;border:none;cursor:pointer;font-size:.75em;padding:2px 4px;opacity:.5;transition:opacity .2s,transform .2s;border-radius:3px}.flag-question-btn:hover{opacity:1;transform:scale(1.2);background:rgba(255,0,0,.1)}.flag-modal{background:white;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.flag-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#fef3c7}.flag-modal-header h3{margin:0;font-size:1.1em;color:#92400e}.flag-modal-header .close-btn{background:none;border:none;font-size:1.5em;cursor:pointer;color:#6b7280;padding:0;line-height:1}.flag-modal-header .close-btn:hover{color:#374151}.flag-modal-content{padding:20px}.flag-modal-content .question-preview{background:#f3f4f6;padding:12px;border-radius:8px;margin-bottom:16px;font-size:.9em}.flag-modal-content .question-preview strong{color:#374151}.flag-modal-content .question-preview p{margin:8px 0 0;color:#4b5563}.flag-modal-content .marks-info{color:#6b7280;font-style:italic}.instance-impact-section{margin-bottom:16px}.instance-impact-section .impact-loading{display:flex;align-items:center;gap:8px;padding:12px;background:#f0f9ff;border-radius:8px;color:#0369a1;font-size:.9em}.instance-impact-section .impact-loading .loading-spinner{animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.instance-impact-section .impact-warning{background:#fffbeb;border:1px solid #f59e0b;border-radius:8px;padding:12px}.instance-impact-section .impact-header{display:flex;align-items:center;gap:8px;color:#92400e;margin-bottom:10px}.instance-impact-section .impact-icon{font-size:1.2em}.instance-impact-section .impact-details{display:flex;flex-direction:column;gap:8px;font-size:.85em}.instance-impact-section .impact-group{display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:6px}.instance-impact-section .impact-group.published{background:#dcfce7}.instance-impact-section .impact-group.in-progress{background:#dbeafe}.instance-impact-section .impact-group.not-started{background:#f3f4f6}.instance-impact-section .impact-label{font-weight:600}.instance-impact-section .impact-students{color:#6b7280;font-size:.9em}.instance-impact-section .impact-classes{margin:4px 0 0 20px;padding:0;font-size:.85em;color:#4b5563}.instance-impact-section .impact-classes li{margin-bottom:2px}.instance-impact-section .impact-classes .more-classes{color:#9ca3af;font-style:italic}.instance-impact-section .impact-note{margin-top:10px;font-size:.85em;color:#6b7280;font-style:italic}.instance-impact-section .impact-info{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f0f9ff;border-radius:6px;color:#0369a1;font-size:.9em}.flag-modal-content .form-group{margin-bottom:16px}.flag-modal-content .form-group label{display:block;margin-bottom:6px;font-weight:500;color:#374151}.flag-modal-content .form-group select,.flag-modal-content .form-group textarea,.flag-modal-content .form-group input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.95em}.flag-modal-content .form-group textarea{resize:vertical;min-height:80px}.flag-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e5e7eb;background:#f9fafb}.flag-modal-footer .cancel-btn{padding:10px 20px;background:white;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-weight:500}.flag-modal-footer .cancel-btn:hover{background:#f3f4f6}.flag-modal-footer .submit-btn{padding:10px 20px;background:#dc2626;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500}.flag-modal-footer .submit-btn:hover:not(:disabled){background:#b91c1c}.flag-modal-footer .submit-btn:disabled{background:#f87171;cursor:not-allowed}.instance-actions-secondary{padding:12px;background:#fff3cd;border-radius:6px;margin-bottom:16px;display:flex;align-items:center;gap:12px}.instance-actions-secondary p{margin:0;font-size:.9em}.btn-secondary.btn-small{padding:6px 12px;font-size:.85em}.results-form .selection-row .form-group{flex:1;min-width:250px}.results-form label{font-weight:700;display:block;margin-bottom:5px}.results-form select,.results-form input[type=text],.results-form textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.instance-actions{margin-top:10px;padding:15px;background-color:#f8f9fa;border-radius:6px;border:1px solid #dee2e6}.instance-actions .info-message-small{margin:0 0 15px;font-size:.95em}.results-entry-grid{margin-top:20px}.results-entry-grid h2{margin-bottom:15px;color:var(--primary-color)}.student-selector-container{margin:20px 0;padding:15px;background-color:#f5f8fa;border-radius:8px;border:1px solid #e1e8ed}.student-selector-container h3{margin-top:0;margin-bottom:15px;color:var(--secondary-color)}.student-search-container{position:relative;margin-bottom:15px}.student-dropdown-wrapper{position:relative}.student-search-input{width:100%;padding:10px 15px;border:1px solid #ccc;border-radius:4px;font-size:16px;box-shadow:0 1px 3px #0000001a}.student-dropdown{position:absolute;top:100%;left:0;right:0;max-height:300px;overflow-y:auto;border:1px solid #ddd;border-radius:4px;background-color:#fff;box-shadow:0 2px 5px #00000026;z-index:1000;display:none}.student-dropdown.open{display:block}.student-option{padding:10px 15px;cursor:pointer;border-bottom:1px solid #eee}.student-option:hover{background-color:#f0f7ff}.student-option.selected{background-color:#e3f2fd;font-weight:500}.no-students-found{padding:15px;text-align:center;color:#666;font-style:italic}.selected-student-info{margin-top:10px;padding:10px;background-color:#e8f5e9;border-radius:4px;border-left:4px solid var(--primary-color)}.student-results-section{margin-bottom:30px;padding:20px;border:1px solid #e0e0e0;border-radius:6px;background-color:#f9f9f9}.student-results-section h3{margin-top:0;margin-bottom:15px;color:var(--secondary-color);border-bottom:1px solid #eee;padding-bottom:10px}.section-entry{margin-bottom:20px;padding-left:10px}.section-entry h4{font-style:italic;color:#555;margin-bottom:10px}.question-entry{margin-bottom:15px}.question-entry label{font-weight:400;color:#333}.question-entry .option-input{display:flex;align-items:center;margin-top:5px}.question-entry .option-input input[type=radio],.question-entry .option-input input[type=checkbox]{width:auto;margin-right:8px}.question-entry .option-input label{font-weight:400;margin-bottom:0}.results-submit-button{width:100%;padding:12px;font-size:1.1em;margin-top:20px;background-color:var(--primary-color);color:#fff}.results-submit-button:disabled{background-color:#ccc}.question-input{margin-top:15px;padding:10px;background-color:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.question-input.marks-input{padding:8px 12px}.question-input.marks-input .marks-row{display:flex;align-items:center;gap:10px}.question-input label{font-weight:700;color:#495057;margin:0;white-space:nowrap}.question-input .marks-input-field{width:60px;padding:6px 8px;border:1px solid #ced4da;border-radius:4px;font-size:14px;text-align:center}.question-input .max-marks{font-weight:700;color:#6c757d;white-space:nowrap}.question-input .student-answer-section{margin-top:8px}.question-input .answer-details{border:none;background:none}.question-input .answer-summary{cursor:pointer;font-size:12px;color:#6c757d;margin:4px 0;padding:2px 0;border:none;background:none;font-weight:400}.question-input .answer-summary:hover{color:#495057}.question-input .student-answer-textarea{width:100%;padding:6px 8px;border:1px solid #ced4da;border-radius:3px;font-size:13px;resize:vertical;min-height:50px;margin-top:4px}.question-input .marks-comment{margin-top:8px}.question-input .comment-textarea{width:100%;padding:4px 6px;border:1px solid #ced4da;border-radius:3px;font-size:12px;resize:vertical;min-height:24px}.question-input.text-input{margin-top:15px;padding:12px;background-color:#f8f9fa;border-radius:6px;border:1px solid #dee2e6}.question-input.text-input .text-input-label{display:block;font-weight:700;color:#495057;margin-bottom:8px;font-size:14px}.question-input.text-input .text-input-field{width:100%;padding:10px;border:1px solid #ced4da;border-radius:4px;font-size:14px;line-height:1.4;resize:vertical;min-height:80px;background-color:#fff;font-family:inherit}.question-input.text-input .text-input-field:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.question-input.text-input-preview{margin-top:20px;padding:0}.question-input.text-input-preview .answer-space-container{border:2px solid #6c757d;border-radius:8px;background-color:#fff;padding:0;overflow:hidden}.question-input.text-input-preview .answer-space-header{background-color:#f8f9fa;padding:8px 12px;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:center}.question-input.text-input-preview .answer-label{font-weight:700;color:#495057;font-size:14px}.question-input.text-input-preview .lines-hint{font-size:12px;color:#6c757d;font-style:italic}.question-input.text-input-preview .answer-space{padding:15px;min-height:200px;position:relative}.question-input.text-input-preview .writing-line{border-bottom:1px solid #dee2e6;height:24px;margin-bottom:8px;width:100%}.question-input.text-input-preview .writing-line:last-child{margin-bottom:0}.question-input.text-input-preview .extra-space{height:40px;border-bottom:1px solid #dee2e6;margin-top:10px}.results-message{text-align:center;padding:40px 20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.results-message p{margin:10px 0;color:#6c757d}.results-view-page{max-width:1400px}.results-view-page .results-filters{background-color:#fff;padding:20px;border-radius:8px;margin-bottom:25px;box-shadow:0 2px 4px #0000000d}.results-view-page .results-filters h3{margin-top:0;margin-bottom:15px}.results-view-page .filter-options{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.results-view-page .filter-options select{min-width:200px;padding:10px;border-radius:4px;border:1px solid #ccc}.results-view-page .filter-button{padding:10px 15px;background-color:var(--primary-color);color:#fff}.results-display-area{margin-top:20px}.results-display-area h2{margin-bottom:15px}.result-group{background-color:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px #0000000d}.result-group h4{margin-top:0;margin-bottom:15px;color:var(--primary-color)}.result-item{padding:8px 0;border-bottom:1px dotted #eee}.result-item:last-child{border-bottom:none}.result-item p{margin:5px 0}.result-item .comment{font-size:.9em;color:#555;padding-left:15px}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.results-header h2{margin:0;color:var(--primary-color)}.view-mode-toggle{display:flex;gap:10px}.toggle-btn{padding:8px 16px;border:1px solid #ddd;background:white;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease}.question-options{margin-top:15px}.question-option{display:flex;align-items:flex-start;margin-bottom:8px;padding:8px;background-color:#f8f9fa;border-radius:4px;border:1px solid #e9ecef}.option-label{font-weight:700;color:#495057;margin-right:8px;min-width:20px}.option-content{flex:1}.option-text{margin-bottom:8px}.correct-indicator{color:#28a745;font-weight:700;margin-left:8px}.question-parts{margin-top:15px;padding-left:10px;border-left:3px solid #e5e7eb}.question-part{margin-bottom:20px;padding:10px 0}.question-part:last-child{margin-bottom:0}.part-label-row{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}.question-part .part-label{font-weight:600;color:var(--primary-color);font-size:1.1em}.question-part .part-marks{font-size:.85em;color:#6b7280}.part-content{margin-left:20px;margin-bottom:10px}.part-text{font-size:1em;line-height:1.6}.part-answer-space{margin-left:20px;margin-top:10px}.part-answer-space .answer-line{width:100%;height:24px;border-bottom:1px solid #9ca3af}.question-parts.layout-horizontal{display:flex;flex-wrap:wrap;gap:15px;border-left:none;padding-left:0}.question-parts.layout-horizontal .question-part{flex:1 1 200px;margin-bottom:0;padding:10px;border:1px solid #e5e7eb;border-radius:6px;background:#f9fafb}.question-parts.layout-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;border-left:none;padding-left:0}.question-parts.layout-grid .question-part{margin-bottom:0;padding:10px;border:1px solid #e5e7eb;border-radius:6px;background:#f9fafb}@media (max-width: 600px){.question-parts.layout-horizontal,.question-parts.layout-grid{display:flex;flex-direction:column}.question-parts.layout-horizontal .question-part,.question-parts.layout-grid .question-part{flex:1 1 100%}}.toggle-btn:hover{background:#f8f9fa}.toggle-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.student-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.student-selector-header h3{margin:0}.results-entry-table{margin-top:20px;display:flex;flex-direction:column}.results-entry-table h2{margin-bottom:15px;color:var(--primary-color);flex-shrink:0}.table-container{overflow:auto;border-radius:8px;box-shadow:0 2px 4px #0000001a;background-color:#fff;max-height:calc(100vh - 350px);min-height:400px;scrollbar-gutter:stable;position:relative}.results-table th,.results-table td{padding:8px 12px;text-align:left;border-bottom:1px solid #e9ecef}.results-table thead{position:sticky;top:0;z-index:10}.results-table th{background-color:#f8f9fa;font-weight:600;color:#495057;position:sticky;top:0;z-index:10}.student-column{min-width:200px;max-width:250px;position:sticky;left:0;background-color:#fff}.results-table tbody td.student-column{z-index:5;background-color:#fff}.results-table thead th.student-column{z-index:25;background-color:#f8f9fa}.student-column:after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background-color:#dee2e6}.student-info{display:flex;flex-direction:column}.student-name{font-weight:500;color:#212529}.question-column{min-width:120px;max-width:200px}.question-header{display:flex;flex-direction:column;gap:2px}.question-number{font-weight:700;font-size:12px;color:var(--primary-color)}.question-text{font-size:12px;color:#495057;line-height:1.3}.question-marks{font-size:11px;color:#6c757d;font-weight:500}.marks-column{text-align:center;min-width:80px}.table-marks-input{width:100%;min-width:60px;padding:6px 8px;border:1px solid #ced4da;border-radius:4px;font-size:14px;text-align:center;transition:border-color .15s ease-in-out}.table-marks-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 .2rem #007bff40}.table-marks-input:disabled{background-color:#e9ecef;cursor:not-allowed}.multi-skill-cell{padding:4px!important}.skill-inputs-compact{display:flex;flex-direction:column;gap:3px}.skill-input-row{display:flex;align-items:center;gap:3px;font-size:.8em}.skill-abbrev{font-weight:500;color:#555;min-width:30px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.table-skill-marks-input{width:40px;padding:2px 4px;border:1px solid #ced4da;border-radius:3px;font-size:.9em;text-align:center}.multi-part-cell{min-width:80px}.part-inputs-compact{display:flex;flex-direction:column;gap:4px}.part-input-group{display:flex;align-items:center;gap:3px}.part-label-tiny{font-weight:600;font-size:.8em;color:var(--primary-color);min-width:18px}.table-part-marks-input{width:40px;padding:2px 4px;border:1px solid #ced4da;border-radius:3px;font-size:.9em;text-align:center}.part-total-row{font-size:.75em;color:#6b7280;text-align:center;padding-top:2px;border-top:1px solid #e5e7eb}.table-skill-marks-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 .1rem #007bff40}.skill-max-tiny{font-size:.75em;color:#888}.skill-total-row{font-size:.75em;color:#666;text-align:right;margin-top:2px;padding-top:2px;border-top:1px solid #eee}.per-skill-marks .skill-marks-header{margin-bottom:8px;font-weight:500}.per-skill-marks .skill-marks-list{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.per-skill-marks .skill-mark-row{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#f8f9fa;border-radius:4px}.per-skill-marks .skill-name{flex:1;font-weight:500;color:#333}.per-skill-marks .skill-marks-input-field{width:60px;padding:4px 8px;border:1px solid #ced4da;border-radius:4px;text-align:center}.per-skill-marks .skill-max{color:#666;font-size:.9em}.per-skill-marks .skill-marks-total{font-size:.9em;color:#666;padding:6px 10px;background:#e9ecef;border-radius:4px;margin-bottom:8px}.per-skill-marks .skill-marks-total.warning{background:#fff3cd;color:#856404}.per-skill-marks .marks-warning{color:#dc3545}.per-part-marks .part-marks-header{margin-bottom:10px;font-weight:500;color:#333}.per-part-marks .part-marks-list{display:flex;flex-direction:column;gap:12px;margin-bottom:10px}.per-part-marks .part-mark-section{padding:10px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px}.per-part-marks .part-mark-header{display:flex;align-items:baseline;gap:8px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #e5e7eb}.per-part-marks .part-mark-header .part-label{font-weight:600;color:var(--primary-color)}.per-part-marks .part-mark-header .part-max{font-size:.85em;color:#6b7280}.per-part-marks .part-skill-marks{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}.per-part-marks .skill-mark-row{display:flex;align-items:center;gap:8px;padding:5px 8px;background:#ffffff;border-radius:4px}.per-part-marks .skill-name{flex:1;font-size:.9em;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.per-part-marks .skill-marks-input-field{width:50px;padding:4px 6px;border:1px solid #d1d5db;border-radius:4px;text-align:center;font-size:.9em}.per-part-marks .skill-max{font-size:.85em;color:#6b7280}.per-part-marks .part-simple-marks{display:flex;align-items:center;gap:8px;padding:4px 0}.per-part-marks .part-marks-input-field{width:60px;padding:5px 8px;border:1px solid #d1d5db;border-radius:4px;text-align:center}.per-part-marks .part-subtotal{font-size:.85em;color:#6b7280;text-align:right;margin-top:6px}.per-part-marks .part-marks-total{font-size:.95em;font-weight:500;color:#374151;padding:8px 12px;background:#e5e7eb;border-radius:4px;margin-bottom:10px}.per-part-marks .part-marks-total.warning{background:#fef3c7;color:#92400e}.per-part-marks .marks-warning{color:#dc3545;margin-left:8px}.results-table tbody tr.selected-row,.results-table tbody tr.selected-row .student-column{background-color:#e3f2fd}.results-table tbody tr:hover,.results-table tbody tr:hover .student-column{background-color:#f8f9fa}.table-instructions{margin-top:15px;padding:12px 16px;background-color:#e7f3ff;border-radius:6px;border-left:4px solid var(--primary-color)}.table-instructions p{margin:0;color:#495057;font-size:14px}@media (max-width: 768px){.question-column{min-width:100px;max-width:150px}.student-column{min-width:150px;max-width:200px}.question-text{font-size:11px}.question-marks{font-size:10px}}.results-entry-table.loading{opacity:.6;pointer-events:none}.results-table tbody tr.clickable-row{cursor:pointer;transition:background-color .2s ease}.results-table tbody tr.clickable-row:hover,.results-table tbody tr.clickable-row:hover .student-column{background-color:#e3f2fd}.row-indicator{font-size:11px;color:#6c757d;margin-top:2px;font-weight:500}.row-indicator.selected{color:var(--primary-color)}.missing-students-notice{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;padding:15px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.missing-students-notice p{margin:0;color:#856404;font-weight:500}.initialize-button{background:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.initialize-button:hover:not(:disabled){background:#218838}.initialize-button:disabled{background:#6c757d;cursor:not-allowed}.detailed-results{display:grid;gap:20px}.student-result-card{background:white;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;border:1px solid #e9ecef}.student-result-card.absent{background:#fff3cd;border-color:#ffeaa7}.student-result-card.exempt{background:#cce5ff;border-color:#b8daff}.student-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e9ecef}.student-result-header h4{margin:0;font-size:1.1rem;color:#333;display:flex;align-items:center;gap:8px}.view-visual-btn{background:var(--primary-color, #2563eb);color:#fff;padding:8px 16px;border-radius:6px;text-decoration:none;font-size:.85rem;font-weight:500;transition:background-color .2s}.view-visual-btn:hover{background:#1d4ed8;color:#fff}.attendance-badge{font-size:.75rem;padding:3px 8px;border-radius:12px;font-weight:600;text-transform:uppercase}.absence-notice{padding:16px;background:rgba(0,0,0,.05);border-radius:8px;font-style:italic;color:#666}.result-summary{display:flex;gap:24px;margin-bottom:20px;flex-wrap:wrap}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-item .label{font-size:.8rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.summary-item .value{font-size:1.25rem;font-weight:600;color:#333}.summary-item .value.grade{color:var(--primary-color, #2563eb)}.question-results-visual{margin-top:16px}.section-results{margin-bottom:16px}.section-results h5{margin:0 0 10px;font-size:.9rem;color:#555;font-weight:500}.questions-grid{display:flex;flex-wrap:wrap;gap:8px}.question-result-item{display:flex;flex-direction:column;align-items:center;padding:8px 12px;border-radius:8px;min-width:60px;border:2px solid}.question-result-item.good{background:#d4edda;border-color:#28a745}.question-result-item.partial{background:#fff3cd;border-color:#ffc107}.question-result-item.poor{background:#f8d7da;border-color:#dc3545}.question-result-item.no-data{background:#f8f9fa;border-color:#dee2e6}.question-result-item .q-label{font-size:.75rem;font-weight:600;color:#555;margin-bottom:2px}.question-result-item .q-marks{font-size:.9rem;font-weight:500}.results-table-container{background:white;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.results-table-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.results-table-header h3{margin:0;color:#495057}.results-table-actions{display:flex;gap:10px}.export-button{background:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.export-button:hover{background:#0056b3}.results-table-wrapper{max-height:70vh;overflow:auto}.results-table{width:100%;border-collapse:collapse;font-size:14px}.results-table th,.results-table td{padding:12px 8px;text-align:center;border-bottom:1px solid #e9ecef}.results-table th{background:#f8f9fa;font-weight:600;color:#495057;position:sticky;top:0;z-index:10}.results-table thead th.student-column{text-align:left;min-width:200px;position:sticky;left:0;top:0;background:#f8f9fa!important;z-index:30;border-right:2px solid #dee2e6}.results-table thead th.question-column{z-index:10}.results-table tbody td.student-cell{z-index:5;background:white}.question-column{min-width:80px;max-width:120px;z-index:1}.results-table-row:hover{background:#f8f9fa}.student-cell{text-align:left;background:white;position:sticky;left:0;z-index:5;border-right:2px solid #dee2e6}.student-info{display:flex;flex-direction:column;gap:2px}.student-info .student-name{display:inline}.student-name{font-weight:500;color:#495057}.student-id{font-size:12px;color:#6c757d}.question-cell{background:white;z-index:1}.result-input{width:100%;padding:6px 8px;border:1px solid #ced4da;border-radius:4px;text-align:center;font-size:14px}.result-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.result-value{font-weight:500;color:#495057}.sticky-right{position:sticky;box-sizing:border-box}.results-table thead th.total-column{right:160px;z-index:25;background:#f0f4f8;width:80px;min-width:80px;max-width:80px;box-sizing:border-box;border-left:2px solid #dee2e6}.results-table thead th.percentage-column{right:70px;z-index:25;background:#f0f4f8;width:90px;min-width:90px;max-width:90px;box-sizing:border-box}.results-table thead th.grade-column{right:0;z-index:25;background:#f0f4f8;width:70px;min-width:70px;max-width:70px;box-sizing:border-box}.total-cell.sticky-right{right:160px;z-index:4;width:80px;min-width:80px;max-width:80px;box-sizing:border-box}.percentage-cell.sticky-right{right:70px;z-index:4;width:90px;min-width:90px;max-width:90px;box-sizing:border-box}.grade-cell.sticky-right{right:0;z-index:4;width:70px;min-width:70px;max-width:70px;box-sizing:border-box}.total-cell{font-weight:600;background:#e9ecef;color:#28a745;border-left:2px solid #dee2e6}.percentage-cell{font-weight:600;background:#e9ecef;color:#007bff}.grade-cell{font-weight:600;background:#e9ecef;color:#6f42c1}@media (max-width: 1200px){.results-table th,.results-table td{padding:8px 4px;font-size:12px}.student-column{min-width:150px}.question-column{min-width:60px;max-width:80px}}.results-table-row.absent-row{background:#fff3cd}.results-table-row.absent-row:hover{background:#ffe8a1}.results-table-row.absent-row .student-cell,.results-table-row.absent-row .total-cell,.results-table-row.absent-row .percentage-cell,.results-table-row.absent-row .grade-cell{background:#fff3cd}.results-table-row.exempt-row{background:#cce5ff}.results-table-row.exempt-row:hover{background:#b3d7ff}.results-table-row.exempt-row .student-cell,.results-table-row.exempt-row .total-cell,.results-table-row.exempt-row .percentage-cell,.results-table-row.exempt-row .grade-cell{background:#cce5ff}.attendance-badge{font-size:10px;padding:2px 6px;border-radius:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.attendance-badge.absent{background:#dc3545;color:#fff}.attendance-badge.exempt{background:#17a2b8;color:#fff}.absence-reason{font-size:11px;color:#856404;font-style:italic;margin-top:2px}.result-value.not-present{color:#adb5bd}.results-table-loading{text-align:center;padding:40px;color:#6c757d}.guttman-chart-container{background:white;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px;margin-top:20px}.guttman-chart-header{margin-bottom:20px}.guttman-chart-header h3{margin:0 0 8px;color:#1e3a5f;font-size:1.25rem}.chart-description{color:#64748b;font-size:.875rem;margin:0 0 15px}.guttman-legend{display:flex;gap:20px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px;font-size:.8rem;padding:4px 12px;border-radius:20px;font-weight:500}.legend-item.correct{background:#dcfce7;color:#15803d}.legend-item.partial{background:#fef3c7;color:#a16207}.legend-item.partial-low{background:#ffedd5;color:#c2410c}.legend-item.incorrect{background:#fee2e2;color:#dc2626}.guttman-chart-scroll-wrapper{overflow-x:auto;max-width:100%;border:1px solid #e5e7eb;border-radius:8px}.guttman-table{border-collapse:collapse;width:max-content;min-width:100%;font-size:.85rem;table-layout:fixed}.guttman-table th,.guttman-table td{border:1px solid #e5e7eb;text-align:center;padding:8px;vertical-align:middle}.guttman-table thead{background:linear-gradient(135deg,#1e3a5f 0%,#2d4a6f 100%);color:#fff}.guttman-table thead tr{display:table-row!important}.guttman-table thead th{border-color:#2d4a6f;position:sticky;top:0;z-index:10;display:table-cell!important}.sticky-col{position:sticky;left:0;z-index:5;background:white;width:120px;min-width:100px;max-width:130px}.guttman-table thead .sticky-col{z-index:15;background:linear-gradient(135deg,#1e3a5f 0%,#2d4a6f 100%)}.student-header{text-align:left!important;font-weight:600;vertical-align:bottom;width:120px!important;min-width:100px!important}.score-header{width:80px!important;font-weight:600;vertical-align:bottom}.question-header{min-width:55px;width:65px;vertical-align:middle;padding:8px 6px!important;white-space:nowrap}.question-header .q-label{font-weight:600;font-size:.85rem}.question-header .q-difficulty{font-size:.7rem;opacity:.85;margin-top:3px}.student-cell{text-align:left!important;background:#f8fafc;border-right:2px solid #cbd5e1!important}.student-name{font-weight:500;color:#1e3a5f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px;display:block}.score-cell{background:#f1f5f9;width:80px;min-width:70px;max-width:90px}.score-cell .percentage{font-weight:600;color:#1e3a5f;margin-right:6px}.score-cell .grade-badge{background:#3b82f6;color:#fff;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:600}.guttman-cell{min-width:45px;max-width:55px;height:32px;font-weight:600;font-size:.9rem;transition:all .15s ease}.guttman-cell:hover{transform:scale(1.1);box-shadow:0 2px 8px #00000026;z-index:5;position:relative}.guttman-cell.correct{background:#22c55e;color:#fff}.guttman-cell.partial{background:#f59e0b;color:#fff}.guttman-cell.partial-low{background:#fb923c;color:#fff}.guttman-cell.incorrect{background:#ef4444;color:#fff}.guttman-cell.no-data{background:#e5e7eb;color:#9ca3af}.summary-row{background:#f1f5f9;font-weight:600}.summary-row td{padding:10px 8px;color:#475569}.summary-row .sticky-col{background:#e2e8f0;text-align:left!important}.question-avg-cell{font-size:.75rem;color:#475569}.guttman-insights{margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.guttman-insights h4{margin:0 0 16px;color:#1e3a5f;font-size:1rem}.insight-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.insight-card{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.insight-icon{font-size:1.5rem}.insight-content{flex:1}.insight-content strong{display:block;color:#1e3a5f;font-size:.85rem;margin-bottom:4px}.insight-content p{margin:0;color:#64748b;font-size:.8rem}.guttman-chart-empty{text-align:center;padding:40px;background:#f8fafc;border-radius:12px;color:#64748b}.guttman-chart-empty p{margin:8px 0}@media (max-width: 768px){.guttman-chart-container{padding:12px}.guttman-legend{gap:10px}.legend-item{padding:3px 8px;font-size:.7rem}.student-name{max-width:120px;font-size:.75rem}.guttman-cell{min-width:35px;max-width:40px;height:28px;font-size:.75rem}.insight-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.insight-cards{grid-template-columns:1fr}}.cohort-analytics-container{background:white;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:24px;margin-top:20px}.cohort-analytics-header{margin-bottom:32px;border-bottom:2px solid #e5e7eb;padding-bottom:20px}.cohort-analytics-header h2{margin:0 0 8px;color:#1e3a5f;font-size:1.5rem}.cohort-subtitle{color:#64748b;font-size:1rem;margin:0 0 20px}.cohort-summary-stats{display:flex;gap:24px;flex-wrap:wrap}.summary-stat{background:#f8fafc;padding:16px 24px;border-radius:12px;text-align:center;min-width:100px;border:1px solid #e2e8f0}.summary-stat.highlight{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);color:#fff;border:none}.summary-stat .stat-value{display:block;font-size:1.75rem;font-weight:700;color:#1e3a5f}.summary-stat.highlight .stat-value{color:#fff}.summary-stat .stat-label{display:block;font-size:.75rem;color:#64748b;margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.summary-stat.highlight .stat-label{color:#ffffffd9}.cohort-section{margin-bottom:32px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.cohort-section h3{margin:0 0 8px;color:#1e3a5f;font-size:1.15rem}.section-description{color:#64748b;font-size:.85rem;margin:0 0 16px}.question-performance-chart{display:flex;flex-direction:column;gap:12px}.question-bar-wrapper{display:flex;align-items:center;gap:12px}.question-label{width:90px;flex-shrink:0;display:flex;flex-direction:column;text-align:right}.question-label .q-num{font-weight:600;color:#1e3a5f;font-size:.9rem}.question-label .q-marks{font-size:.7rem;color:#64748b}.question-bar-track{flex:1;height:24px;background:#e5e7eb;border-radius:12px;overflow:hidden}.question-bar-fill{height:100%;border-radius:12px;transition:width .5s ease-out}.question-percentage{width:50px;text-align:right;font-weight:600;color:#1e3a5f;font-size:.9rem}.question-bar-fill.excellent,.skill-bar-fill.excellent,.histogram-bar.excellent,.curriculum-percentage.excellent{background:#22c55e}.question-bar-fill.good,.skill-bar-fill.good,.histogram-bar.good,.curriculum-percentage.good{background:#84cc16}.question-bar-fill.medium,.skill-bar-fill.medium,.histogram-bar.medium,.curriculum-percentage.medium{background:#f59e0b}.question-bar-fill.low,.skill-bar-fill.low,.histogram-bar.low,.curriculum-percentage.low{background:#f97316}.question-bar-fill.poor,.skill-bar-fill.poor,.histogram-bar.poor,.curriculum-percentage.poor{background:#ef4444}.question-insights{display:flex;gap:16px;margin-top:16px;flex-wrap:wrap}.insight-badge{padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:500}.insight-badge.easiest{background:#dcfce7;color:#15803d}.insight-badge.hardest{background:#fef3c7;color:#a16207}.skill-performance-chart{display:flex;flex-direction:column;gap:10px}.skill-bar-wrapper{display:flex;align-items:center;gap:12px}.skill-label{width:180px;flex-shrink:0;font-size:.85rem;color:#1e3a5f;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-bar-track{flex:1;height:20px;background:#e5e7eb;border-radius:10px;overflow:hidden}.skill-bar-fill{height:100%;border-radius:10px;transition:width .5s ease-out}.skill-percentage{width:45px;text-align:right;font-weight:600;color:#1e3a5f;font-size:.85rem}.score-histogram{display:flex;align-items:flex-end;justify-content:space-around;height:200px;padding:20px 0;gap:8px}.histogram-column{display:flex;flex-direction:column;align-items:center;flex:1;max-width:80px}.histogram-bar-container{width:100%;height:160px;display:flex;align-items:flex-end;justify-content:center}.histogram-bar{width:100%;border-radius:8px 8px 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:8px;min-height:30px;transition:height .5s ease-out}.bar-count{color:#fff;font-weight:600;font-size:.8rem;text-shadow:0 1px 2px rgba(0,0,0,.2)}.histogram-label{margin-top:8px;font-size:.75rem;color:#64748b;text-align:center}.grade-distribution-chart{display:flex;align-items:flex-end;justify-content:center;height:180px;gap:24px;padding:20px 0}.grade-column{display:flex;flex-direction:column;align-items:center;width:60px}.grade-bar-container{width:100%;height:140px;display:flex;align-items:flex-end;justify-content:center}.grade-bar{width:100%;border-radius:8px 8px 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:10px;min-height:30px;transition:height .5s ease-out}.grade-bar.grade-a{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)}.grade-bar.grade-b{background:linear-gradient(135deg,#84cc16 0%,#65a30d 100%)}.grade-bar.grade-c{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.grade-bar.grade-d{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)}.grade-bar.grade-e{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.grade-count{color:#fff;font-weight:700;font-size:.95rem;text-shadow:0 1px 2px rgba(0,0,0,.2)}.grade-label{margin-top:10px;font-size:1rem;font-weight:600;color:#1e3a5f}.class-comparison-table{overflow-x:auto}.class-comparison-table table{width:100%;border-collapse:collapse;font-size:.9rem}.class-comparison-table th,.class-comparison-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e5e7eb}.class-comparison-table th{background:#1e3a5f;color:#fff;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px}.class-comparison-table th:first-child{border-radius:8px 0 0}.class-comparison-table th:last-child{border-radius:0 8px 0 0}.class-comparison-table tr:hover{background:#f1f5f9}.class-comparison-table tr.top-class{background:#fef9c3}.class-comparison-table tr.top-class:hover{background:#fef08a}.rank-cell{font-weight:700;color:#1e3a5f}.class-name-cell{font-weight:500}.average-cell{font-weight:600;color:#1e3a5f}.vs-cohort-cell{font-weight:600}.vs-cohort-cell.positive{color:#16a34a}.vs-cohort-cell.negative{color:#dc2626}.curriculum-performance-list{display:flex;flex-direction:column;gap:8px}.curriculum-item{display:grid;grid-template-columns:120px 1fr 60px;gap:16px;padding:12px 16px;background:white;border-radius:8px;border:1px solid #e2e8f0;align-items:center}.curriculum-code{font-family:monospace;font-size:.8rem;color:#64748b;font-weight:500}.curriculum-description{font-size:.85rem;color:#1e3a5f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.curriculum-percentage{font-weight:700;font-size:.9rem;text-align:right;padding:4px 8px;border-radius:4px;color:#fff}.cohort-analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#f8fafc;border-radius:12px}.loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.cohort-analytics-loading p{margin-top:16px;color:#64748b}.cohort-analytics-error,.cohort-analytics-empty{padding:40px 20px;text-align:center;background:#fef2f2;border-radius:12px;color:#dc2626}.cohort-analytics-empty{background:#f8fafc;color:#64748b}@media (max-width: 768px){.cohort-analytics-container{padding:16px}.cohort-summary-stats{gap:12px}.summary-stat{padding:12px 16px;min-width:80px}.summary-stat .stat-value{font-size:1.25rem}.skill-label{width:120px;font-size:.75rem}.class-comparison-table{font-size:.8rem}.curriculum-item{grid-template-columns:80px 1fr 50px;gap:8px}}.student-test-view{max-width:900px;margin:0 auto;padding:24px}.test-view-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e9ecef}.header-left .back-link{color:#666;text-decoration:none;font-size:.9rem;display:inline-block;margin-bottom:8px}.header-left .back-link:hover{color:#2563eb}.test-view-header h1{margin:0 0 8px;font-size:1.5rem;color:#333}.test-meta{display:flex;gap:12px;color:#666;font-size:.9rem}.test-meta .divider{color:#ccc}.print-btn{background:#2563eb;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s;box-shadow:0 2px 4px #2563eb4d}.print-btn:hover{background:#1d4ed8;box-shadow:0 4px 8px #2563eb66}.student-info-card{display:flex;align-items:center;gap:20px;background:white;padding:20px;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:24px}.student-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;flex-shrink:0}.student-details{flex:1}.student-details h2{margin:0 0 4px;font-size:1.25rem;color:#333}.student-id{color:#666;font-size:.85rem}.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;margin-left:12px}.status-badge.absent{background:#dc3545;color:#fff}.status-badge.exempt{background:#17a2b8;color:#fff}.result-summary{display:flex;gap:24px;margin-left:auto}.summary-stat{text-align:center}.summary-stat .label{display:block;font-size:.75rem;color:#666;text-transform:uppercase;margin-bottom:4px}.summary-stat .value{font-size:1.25rem;font-weight:600;color:#333}.summary-stat .value.grade{color:#2563eb}.absence-notice{padding:20px;border-radius:12px;margin-bottom:24px;font-size:1rem}.absence-notice.absent{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.absence-notice.exempt{background:#cce5ff;border:1px solid #b8daff;color:#004085}.test-content{background:white;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.test-section{padding:24px;border-bottom:1px solid #e9ecef}.test-section:last-child{border-bottom:none}.section-title{margin:0 0 16px;font-size:1.1rem;color:#333;font-weight:600}.section-description{padding:16px;background:#f8f9fa;border-radius:8px;margin-bottom:20px;font-size:.95rem;line-height:1.6}.questions-list{display:flex;flex-direction:column;gap:16px}.question-card{background:#f8f9fa;border-radius:10px;padding:16px;border-left:4px solid;position:relative}.question-card.excellent{border-left-color:#28a745;background:linear-gradient(135deg,#f8fff9 0%,#f0fff2 100%)}.question-card.good{border-left-color:#20c997;background:linear-gradient(135deg,#f0fffc 0%,#e8fff8 100%)}.question-card.partial{border-left-color:#ffc107;background:linear-gradient(135deg,#fffef0 0%,#fffce8 100%)}.question-card.poor{border-left-color:#dc3545;background:linear-gradient(135deg,#fff8f8 0%,#fff0f0 100%)}.question-card.no-data{border-left-color:#6c757d}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.question-number{font-weight:700;font-size:1rem;color:#333}.marks-badge{padding:6px 12px;border-radius:20px;font-weight:600;font-size:.9rem}.marks-badge.excellent{background:#28a745;color:#fff}.marks-badge.good{background:#20c997;color:#fff}.marks-badge.partial{background:#ffc107;color:#333}.marks-badge.poor{background:#dc3545;color:#fff}.marks-badge.no-data{background:#6c757d;color:#fff}.question-content{margin-bottom:12px}.question-text{margin:0;color:#333;line-height:1.5}.question-skills{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.skill-tag{display:inline-block;padding:4px 10px;background:#e9ecef;border-radius:12px;font-size:.75rem;color:#495057}.mark-indicator{height:6px;background:#e9ecef;border-radius:3px;overflow:hidden}.mark-fill{height:100%;transition:width .3s ease;border-radius:3px}.mark-fill.excellent{background:#28a745}.mark-fill.good{background:#20c997}.mark-fill.partial{background:#ffc107}.mark-fill.poor{background:#dc3545}.feedback-section{background:white;padding:24px;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-top:24px}.feedback-section h3{margin:0 0 12px;color:#333}.feedback-section p{margin:0;color:#555;line-height:1.6}@media print{.test-view-header .print-btn,.back-link{display:none!important}.student-test-view{padding:0;max-width:100%}.test-content,.student-info-card{box-shadow:none;border:1px solid #ddd}.question-card{page-break-inside:avoid}}.student-test-view .loading,.student-test-view .error-message{padding:40px;text-align:center;background:white;border-radius:12px;margin:40px 0}.student-test-view .error-message{color:#dc3545}.report-page{padding:20px;max-width:900px;margin:auto}.page-header{margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #eee}.page-header h1{margin:0;color:var(--primary-color)}.report-section{background-color:#fff;padding:20px;border-radius:8px;margin-bottom:30px;box-shadow:0 2px 4px #0000000d}.report-section h2{margin-top:0;margin-bottom:20px;color:var(--primary-color);font-size:1.4em;border-bottom:1px solid #f0f0f0;padding-bottom:10px}.loading-message,.error-message{text-align:center;padding:15px;margin:10px 0;border-radius:4px}.error-message{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}.loading-message{color:#0c5460;background-color:#d1ecf1;border:1px solid #bee5eb}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.stat-item{background-color:#f9f9f9;padding:15px;border-radius:6px;border:1px solid #eee;text-align:center}.stat-item strong{display:block;margin-bottom:8px;color:var(--secondary-color);font-size:.95em}.stat-item span{font-size:1.5em;font-weight:700;color:var(--primary-color)}.filter-controls{display:flex;gap:15px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.filter-controls select{padding:10px;border-radius:4px;border:1px solid #ccc;min-width:200px}.filter-controls .button{padding:10px 15px}.class-average-display{margin-top:15px;padding:15px;background-color:#f9f9f9;border-radius:6px;border:1px solid #eee}.class-average-display h3{margin-top:0;margin-bottom:10px;color:var(--secondary-color)}.class-average-display p{font-size:1.1em;margin-bottom:10px}.class-average-display p strong{color:var(--primary-color)}.class-average-display ul{list-style:disc;padding-left:25px}.class-average-display ul li{margin-bottom:5px;font-size:1em}.latex-test-page{max-width:1400px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f8fafc;min-height:100vh}.page-header{text-align:center;margin-bottom:40px;padding:30px;background:white;border-radius:12px;box-shadow:0 2px 8px #0000001a}.page-header h1{color:#1e293b;margin-bottom:10px;font-size:2.5rem}.page-description{color:#64748b;font-size:1.1rem;margin-bottom:20px}.controls{display:flex;justify-content:center;gap:20px;margin-top:20px;flex-wrap:wrap}.debug-toggle{display:flex;align-items:center;gap:8px;font-weight:500;cursor:pointer}.debug-toggle input{transform:scale(1.2)}.custom-input-section{background:white;border-radius:12px;padding:30px;margin-bottom:30px;box-shadow:0 2px 8px #0000001a}.custom-input-section h2{color:#1e293b;margin-bottom:20px;font-size:1.5rem}.input-group{display:flex;gap:10px;margin-bottom:20px}.custom-textarea{flex:1;padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-family:Monaco,Menlo,monospace;font-size:14px;resize:vertical;min-height:80px;transition:border-color .2s}.custom-textarea:focus{outline:none;border-color:#3b82f6}.clear-button{padding:12px 20px;background:#ef4444;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:background-color .2s}.clear-button:hover:not(:disabled){background:#dc2626}.clear-button:disabled{background:#9ca3af;cursor:not-allowed}.custom-result{background:#f1f5f9;border-radius:8px;padding:20px;border-left:4px solid #3b82f6}.renderer-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:15px 0}.renderer-comparison.single-renderer{grid-template-columns:1fr}.renderer-section{padding:15px;border-radius:8px;border:2px solid transparent;transition:border-color .2s}.renderer-section.old-renderer{background:#fef2f2;border-color:#fca5a5}.renderer-section.new-renderer{background:#f0fdf4;border-color:#86efac}.renderer-section h4{margin:0 0 10px;color:#374151;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.renderer-section.old-renderer h4{color:#dc2626}.renderer-section.new-renderer h4{color:#16a34a}.result-container{margin-bottom:15px}.result-input{padding:15px;background:white;border-radius:6px;border:1px solid #e2e8f0;margin-bottom:15px}.result-input code{background:#f8fafc;padding:4px 8px;border-radius:4px;font-family:monospace;font-size:13px}.result-output,.rendered-output{background:white;padding:12px;border-radius:6px;border:1px solid #e2e8f0;min-height:40px;font-size:14px;line-height:1.6}.test-cases-section{margin-bottom:30px}.test-cases-section h2{color:#1e293b;margin-bottom:20px;font-size:1.5rem}.legend{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px;padding:15px;background:white;border-radius:8px;border:1px solid #e2e8f0}.legend-item{font-size:14px;font-weight:500;padding:5px 10px;border-radius:4px}.legend-item--failing{background:#fee2e2;color:#dc2626}.legend-item--partial{background:#fef3c7;color:#d97706}.legend-item--working{background:#dcfce7;color:#16a34a}.legend-item--prototype{background:#dbeafe;color:#2563eb}.test-cases-grid{display:grid;gap:25px}.test-case{background:white;border-radius:12px;padding:25px;box-shadow:0 2px 8px #0000001a;border-left:4px solid #e2e8f0;transition:transform .2s,box-shadow .2s}.test-case:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.test-case--failing{border-left-color:#dc2626}.test-case--partial{border-left-color:#d97706}.test-case--working{border-left-color:#16a34a}.test-case--prototype{border-left-color:#2563eb}.test-case__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.test-case__header h3{color:#1e293b;margin:0;font-size:1.2rem}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge--failing{background:#fee2e2;color:#dc2626}.status-badge--partial{background:#fef3c7;color:#d97706}.status-badge--working{background:#dcfce7;color:#16a34a}.status-badge--prototype{background:#dbeafe;color:#2563eb}.test-case__description{color:#64748b;margin-bottom:20px;font-style:italic}.test-case__content{margin-bottom:20px}.input-section{background:#f8fafc;padding:15px;border-radius:8px;border:1px solid #e2e8f0;margin-bottom:15px}.input-section h4{margin:0 0 10px;color:#374151;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.raw-input{background:#1e293b;color:#e2e8f0;padding:12px;border-radius:6px;font-family:Monaco,Menlo,monospace;font-size:13px;line-height:1.4;word-break:break-all;display:block;width:100%;box-sizing:border-box}.debug-info{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;padding:15px;margin-top:15px}.debug-info h4{color:#1e293b;margin:0 0 10px;font-size:14px}.debug-stats{display:flex;gap:15px;margin-bottom:15px;font-size:13px;flex-wrap:wrap}.debug-stats span{background:white;padding:4px 8px;border-radius:4px;border:1px solid #e2e8f0;font-weight:500}.matches-section{margin-bottom:15px}.matches-section h5{color:#374151;margin:0 0 8px;font-size:13px;font-weight:600}.match-item{background:white;padding:8px 12px;border-radius:4px;border:1px solid #e2e8f0;margin-bottom:5px;font-size:12px;font-family:monospace}.match-item strong{color:#1e293b}.match-item code{background:#f1f5f9;padding:2px 4px;border-radius:2px;margin:0 4px}.match-content{color:#059669;font-weight:500;background:#ecfdf5;padding:2px 4px;border-radius:2px;margin-left:4px}.no-matches{background:#fef2f2;color:#dc2626;padding:10px;border-radius:4px;border:1px solid #fecaca;font-weight:500;text-align:center}.technical-notes{background:white;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a}.technical-notes h2{color:#1e293b;margin-bottom:20px;font-size:1.5rem}.notes-content h3{color:#374151;margin:20px 0 10px;font-size:1.1rem}.notes-content ul{color:#4b5563;line-height:1.6}.notes-content li{margin-bottom:8px}.notes-content code{background:#f1f5f9;color:#1e293b;padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:13px}@media (max-width: 768px){.latex-test-page{padding:15px}.renderer-comparison{grid-template-columns:1fr;gap:15px}.legend{flex-direction:column;gap:8px}.input-group{flex-direction:column}.clear-button{align-self:flex-start}.controls{flex-direction:column;gap:10px}.debug-stats{flex-direction:column;gap:8px}}@media print{.latex-test-page{background:white;color:#000}.test-case{box-shadow:none;border:1px solid #ccc;page-break-inside:avoid;margin-bottom:20px}.debug-info,.controls,.custom-input-section{display:none}}.performance-indicator{position:relative;display:inline-block}.performance-indicator:after{content:"";position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:#10b981;border:2px solid white;box-shadow:0 0 0 1px #10b981}.performance-indicator.slow:after{background:#f59e0b;box-shadow:0 0 0 1px #f59e0b}.performance-indicator.error:after{background:#ef4444;box-shadow:0 0 0 1px #ef4444}.latex-test-renderer{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}.latex-test-renderer.inline{display:inline}.latex-test-renderer.block{display:block}.latex-content{margin-bottom:15px}.latex-loading{color:#6b7280;font-style:italic;background:#f3f4f6;padding:2px 6px;border-radius:3px;font-size:.9em}.latex-error-segment{background:#fef2f2;color:#dc2626;padding:2px 6px;border-radius:3px;border:1px solid #fecaca;cursor:help}.latex-unknown-segment{background:#fef3c7;color:#d97706;padding:2px 6px;border-radius:3px;border:1px solid #fde68a}.debug-source{font-size:10px;color:#6b7280;background:#f3f4f6;padding:1px 4px;border-radius:2px;margin-left:4px;cursor:help;font-family:Monaco,Menlo,monospace}.latex-debug-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:15px;margin-top:15px;font-size:14px}.latex-debug-info h4{margin:0 0 12px;color:#1e293b;font-size:16px;border-bottom:1px solid #e2e8f0;padding-bottom:8px}.latex-debug-info h5{margin:12px 0 8px;color:#374151;font-size:14px;font-weight:600}.debug-stats{display:flex;gap:20px;margin-bottom:15px;flex-wrap:wrap}.stat-item{background:white;padding:8px 12px;border-radius:6px;border:1px solid #e2e8f0;font-size:13px}.stat-item strong{color:#374151}.debug-metrics{background:white;padding:12px;border-radius:6px;border:1px solid #e2e8f0;margin-bottom:15px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:8px;font-size:13px;font-family:Monaco,Menlo,monospace}.metrics-grid>div{background:#f8fafc;padding:6px 10px;border-radius:4px;border:1px solid #f1f5f9}.debug-segments{background:white;padding:12px;border-radius:6px;border:1px solid #e2e8f0}.segment-detail{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;padding:8px 10px;margin-bottom:6px;font-size:13px;font-family:Monaco,Menlo,monospace}.segment-detail:last-child{margin-bottom:0}.segment-detail--text{border-left:3px solid #6b7280}.segment-detail--inline{border-left:3px solid #3b82f6}.segment-detail--display{border-left:3px solid #8b5cf6}.segment-type{font-weight:600;color:#374151;margin-left:8px;padding:2px 6px;background:#e2e8f0;border-radius:3px;font-size:11px}.segment-source{color:#059669;margin-left:8px;font-size:11px;background:#ecfdf5;padding:2px 6px;border-radius:3px}.segment-content{display:block;margin-top:6px;padding:6px 8px;background:#1e293b;color:#e2e8f0;border-radius:3px;font-size:12px;word-break:break-all;overflow-wrap:break-word}.segment-debug{margin-top:6px;padding-top:6px;border-top:1px solid #e2e8f0;font-size:11px;color:#6b7280}.segment-debug code{background:#f1f5f9;padding:2px 4px;border-radius:2px;margin-left:4px}.debug-error{background:#fef2f2;color:#dc2626;padding:10px;border-radius:6px;border:1px solid #fecaca;font-weight:500}@media (max-width: 768px){.debug-stats{flex-direction:column;gap:8px}.metrics-grid{grid-template-columns:1fr}.latex-debug-info{padding:12px;font-size:13px}}@keyframes segmentHighlight{0%{background-color:#fef3c7}to{background-color:transparent}}.latex-content .latex-text-segment,.latex-content .katex{animation:segmentHighlight .3s ease-out}@media print{.latex-debug-info,.debug-source{display:none}}.template-instances-page{max-width:1400px;margin:0 auto;padding:24px}.page-header{margin-bottom:24px}.page-header h1{font-size:1.75rem;color:#1e293b;margin-bottom:8px}.page-description{color:#64748b;font-size:.95rem}.template-info-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;padding:24px;margin-bottom:24px;color:#fff;display:grid;grid-template-columns:1fr auto auto;gap:24px;align-items:center}.template-info-main h2{font-size:1.4rem;margin:0 0 12px;font-weight:600}.template-info-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.template-info-meta .meta-item{font-size:.9rem;opacity:.9}.template-info-meta .status-badge{background:rgba(255,255,255,.2);color:#fff;padding:4px 12px;border-radius:16px;font-size:.8rem;font-weight:600;text-transform:capitalize}.template-info-stats{display:flex;gap:24px}.template-info-stats .stat-item{text-align:center}.template-info-stats .stat-value{display:block;font-size:1.75rem;font-weight:700;line-height:1}.template-info-stats .stat-label{font-size:.75rem;opacity:.85;text-transform:uppercase;letter-spacing:.5px;margin-top:4px;display:block}.template-info-actions .button{background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.3);padding:10px 20px;border-radius:8px;text-decoration:none;font-weight:500;transition:all .2s}.template-info-actions .button:hover{background:rgba(255,255,255,.3)}.loading-template-info{background:#f1f5f9;border-radius:12px;padding:20px;margin-bottom:24px;text-align:center;color:#64748b}@media (max-width: 900px){.template-info-header{grid-template-columns:1fr;text-align:center}.template-info-meta,.template-info-stats{justify-content:center}}.filters-section{background:white;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.my-instances-toggle{display:flex;align-items:center;gap:16px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #e2e8f0}.my-instances-toggle .toggle-container{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;color:#1e293b}.my-instances-toggle .toggle-container input[type=checkbox]{width:18px;height:18px;accent-color:#667eea;cursor:pointer}.my-instances-toggle .toggle-label{font-size:.95rem}.my-instances-toggle .all-instances-note{font-size:.85rem;color:#94a3b8;font-style:italic}.filters-row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;margin-bottom:16px}.filters-row:last-child{margin-bottom:0}.filter-group{display:flex;flex-direction:column;gap:6px;min-width:150px}.filter-group label{font-size:.8rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px}.filter-group select,.filter-group input{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;background:white;color:#1e293b;transition:border-color .2s,box-shadow .2s}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-group.search-group{flex:1;min-width:200px}.clear-filters-btn{padding:8px 16px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;color:#64748b;cursor:pointer;transition:all .2s}.clear-filters-btn:hover{background:#e2e8f0;color:#1e293b}.template-filter .template-selected-display{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#dbeafe;border:1px solid #3b82f6;border-radius:8px}.template-filter .selected-template-name{font-weight:500;color:#1e40af;font-size:.9rem;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-filter .clear-template-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:2px 6px;font-size:.85rem;border-radius:4px;transition:all .2s}.template-filter .clear-template-btn:hover{background:#fee2e2;color:#b91c1c}.template-filter .template-filter-note{padding:8px 12px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px}.template-filter .note-text{font-size:.8rem;color:#64748b;font-style:italic}.search-btn{padding:8px 20px;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:6px;font-size:.9rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.search-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.search-btn:disabled{opacity:.7;cursor:not-allowed}.results-section{background:white;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a}.results-summary{font-size:.9rem;color:#64748b;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.loading-indicator{color:#3b82f6;font-style:italic}.no-results{text-align:center;padding:48px 24px;color:#64748b}.no-results p{margin-bottom:16px;font-size:1.1rem}.no-results .hint{font-size:.9rem;color:#94a3b8}.instances-table-container{overflow-x:auto}.instances-table{width:100%;border-collapse:collapse}.instances-table th,.instances-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e2e8f0}.instances-table th{background:#f8fafc;font-size:.8rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px}.instances-table tbody tr:hover{background:#f8fafc}.instances-table tbody tr.cancelled-row{opacity:.6;background:#fef2f2}.assessment-cell{max-width:300px}.assessment-title{font-weight:500;color:#1e293b}.class-cell{display:flex;flex-direction:column;gap:2px}.class-name{font-weight:500;color:#1e293b}.class-subject{font-size:.8rem;color:#64748b}.date-cell{white-space:nowrap;color:#475569}.status-cell,.results-status-cell{white-space:nowrap}.badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-success{background:#dcfce7;color:#166534}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#b91c1c}.badge-info{background:#dbeafe;color:#1e40af}.badge-secondary{background:#e2e8f0;color:#475569}.badge-default{background:#f1f5f9;color:#64748b}.btn-small{padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-secondary{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.btn-secondary:hover{background:#e2e8f0;color:#1e293b}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid #e2e8f0}.pagination button{padding:8px 16px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;color:#475569;cursor:pointer;transition:all .2s}.pagination button:hover:not(:disabled){background:#3b82f6;color:#fff;border-color:#3b82f6}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{font-size:.9rem;color:#64748b}.instances-table.enhanced th{font-size:.75rem;padding:10px 12px}.instances-table.enhanced td{padding:14px 12px;vertical-align:top}.instances-table.enhanced .instance-row{transition:background-color .2s}.instances-table.enhanced .instance-row:hover{background:#f1f5f9}.assessment-info{display:flex;flex-direction:column;gap:4px}.assessment-meta{display:flex;gap:8px;align-items:center}.task-type-badge{font-size:.7rem;color:#64748b;text-transform:capitalize}.class-info{display:flex;flex-direction:column;gap:4px}.class-name-link{font-weight:500;color:#3b82f6;text-decoration:none}.class-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:.75rem}.subject-badge{background:#f0f9ff;color:#0369a1;padding:2px 8px;border-radius:8px;font-weight:500}.teacher-name{color:#64748b}.replaced-indicator,.replacement-indicator{margin-left:6px;cursor:help}.results-progress{display:flex;flex-direction:column;gap:6px}.completion-info{display:flex;flex-direction:column;gap:4px}.completion-bar-container{width:100%;max-width:120px;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.completion-bar{height:100%;background:linear-gradient(90deg,#10b981 0%,#059669 100%);border-radius:3px;transition:width .3s ease}.completion-text{font-size:.7rem;color:#64748b}.print-badge{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;padding:3px 8px;border-radius:10px;white-space:nowrap}.print-badge.not-printed{background:#fef3c7;color:#92400e}.print-badge.printed{background:#dbeafe;color:#1e40af}.print-badge.confirmed{background:#dcfce7;color:#166534}.print-badge.bypassed{background:#f1f5f9;color:#475569}.action-buttons{display:flex;gap:6px;flex-wrap:wrap}.btn-action.enter-results{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff}.btn-action.enter-results:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%)}@media (max-width: 1200px){.instances-table.enhanced th:nth-child(6),.instances-table.enhanced td:nth-child(6){display:none}}@media (max-width: 768px){.filters-row{flex-direction:column}.filter-group{width:100%}.actions-cell,.action-buttons{flex-direction:column}.instances-table.enhanced th,.instances-table.enhanced td{padding:10px 8px;font-size:.85rem}}.instance-view-page{max-width:1200px;margin:0 auto;padding:20px}.instance-view-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.instance-view-page h1{margin:0;color:#1f2937}.back-link{color:#6366f1;text-decoration:none}.back-link:hover{text-decoration:underline}.instance-info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.info-row{display:flex;flex-direction:column;gap:4px}.info-row .label{font-size:.85em;color:#64748b;font-weight:500}.info-row .value{font-size:1em;color:#1f2937}.status-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:.9em;font-weight:500}.status-badge.status-draft{background:#fef3c7;color:#92400e}.status-badge.status-published{background:#d1fae5;color:#065f46}.print-status-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:.9em}.print-status-badge.print-not_printed{background:#f1f5f9;color:#475569}.print-status-badge.print-print_initiated{background:#fef3c7;color:#92400e}.print-status-badge.print-print_confirmed{background:#d1fae5;color:#065f46}.print-status-badge.print-print_bypassed{background:#e0e7ff;color:#4338ca}.print-section{background:white;border:1px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:24px}.print-section h2{margin:0 0 20px;color:#1f2937;font-size:1.3em}.student-selection{margin-bottom:20px}.selection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.selection-header h3{margin:0;font-size:1em;color:#374151}.selection-buttons{display:flex;gap:8px}.selection-buttons button{padding:6px 12px;font-size:.85em;border:1px solid #d1d5db;background:white;border-radius:6px;cursor:pointer}.selection-buttons button:hover{background:#f3f4f6}.student-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px;max-height:300px;overflow-y:auto;padding:10px;border:1px solid #e5e7eb;border-radius:8px;background:#fafafa}.student-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:white;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .15s ease}.student-item:hover{border-color:#6366f1;background:#f5f3ff}.student-item.selected{border-color:#6366f1;background:#eef2ff}.student-item input[type=checkbox]{accent-color:#6366f1}.student-name{flex:1;font-weight:500;color:#1f2937}.student-identifier{font-size:.85em;color:#6b7280}.qr-indicator{font-size:1.1em}.print-actions{display:flex;gap:12px;flex-wrap:wrap}.print-button{display:flex;align-items:center;gap:8px;padding:12px 24px;font-size:1em;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.print-button.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.print-button.primary:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#7c3aed);transform:translateY(-1px)}.print-button.confirm{background:#10b981;color:#fff}.print-button.confirm:hover{background:#059669}.print-button.bypass{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.print-button.bypass:hover{background:#e2e8f0}.print-button:disabled{opacity:.6;cursor:not-allowed}.actions-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.actions-section h3{margin:0 0 15px;font-size:1.1em;color:#374151}.action-buttons{display:flex;gap:12px;flex-wrap:wrap}.action-button{padding:10px 20px;font-size:.95em;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#1f2937;color:#fff}.action-button:hover{background:#111827}.action-button.secondary{background:white;color:#374151;border:1px solid #d1d5db}.action-button.secondary:hover{background:#f3f4f6}.action-button.danger{background:#dc2626;color:#fff}.action-button.danger:hover:not(:disabled){background:#b91c1c}.action-button.danger:disabled{background:#f87171;cursor:not-allowed}.cancelled-notice{color:#dc2626;font-weight:500;padding:10px 15px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;font-size:.9em}.cancellation-reason{font-weight:400;font-style:italic;color:#7f1d1d}.cancelled-section{display:flex;flex-direction:column;gap:12px;padding:15px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:10px}.replacement-info{background:#eff6ff;padding:10px 15px;border-radius:6px;font-size:.9em;color:#1e40af}.replacement-info a{color:#2563eb;font-weight:500;text-decoration:underline}.replacement-origin-info{background:#f0fdf4;padding:10px 15px;border-radius:6px;font-size:.9em;color:#166534;margin-top:10px}.replacement-origin-info a{color:#16a34a;font-weight:500;text-decoration:underline}.error-message{background:#fef2f2;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:16px}.success-message{background:#f0fdf4;color:#16a34a;padding:12px 16px;border-radius:8px;margin-bottom:16px}.preview-section{background:white;border:1px solid #e2e8f0;border-radius:12px;padding:24px;margin-top:24px}.preview-section h2{margin:0 0 8px;color:#1f2937;font-size:1.3em}.preview-hint{color:#6b7280;font-size:.9em;margin:0 0 20px}.preview-container{border:1px solid #e5e7eb;border-radius:8px;overflow:auto;max-height:600px;background:#f9fafb;padding:20px}.audit-trail-section{background:white;border:1px solid #e2e8f0;border-radius:12px;padding:16px 20px;margin-top:24px}.audit-trail-header{display:flex;align-items:center;gap:12px;-webkit-user-select:none;user-select:none}.audit-trail-header:hover{opacity:.8}.audit-trail-header h3{margin:0;font-size:1.1rem;color:#1f2937}.audit-trail-header .audit-hint{font-size:.85rem;color:#6b7280}.audit-trail-content{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.audit-loading,.audit-empty{text-align:center;padding:24px;color:#6b7280;font-size:.95rem}.audit-log-list{display:flex;flex-direction:column;gap:12px}.audit-log-item{display:flex;gap:12px;padding:12px;background:#f8fafc;border-radius:8px;border-left:3px solid #3b82f6}.audit-log-item:nth-child(2n){border-left-color:#8b5cf6}.audit-log-icon{font-size:1.25rem;flex-shrink:0}.audit-log-details{flex:1;display:flex;flex-direction:column;gap:4px}.audit-log-action{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.audit-log-action strong{color:#1f2937;font-size:.95rem}.status-change{font-size:.8rem;background:#e0e7ff;color:#4338ca;padding:2px 8px;border-radius:4px}.status-change.results-status{background:#dcfce7;color:#166534}.audit-log-meta{display:flex;align-items:center;gap:16px;font-size:.8rem;color:#6b7280;flex-wrap:wrap}.audit-log-user{font-weight:500;color:#374151}.audit-log-reason,.audit-log-notes{font-size:.85rem;color:#4b5563;background:#fff;padding:6px 10px;border-radius:4px;border:1px solid #e5e7eb;margin-top:4px}.audit-log-ip{font-family:SF Mono,Monaco,monospace;font-size:.75rem}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.replace-modal{background:white;border-radius:12px;padding:24px;width:100%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.replace-modal h3{margin:0 0 8px;color:#1f2937;font-size:1.25rem}.replace-modal .modal-description{color:#6b7280;margin-bottom:20px;font-size:.9rem}.replace-modal .form-group{margin-bottom:20px}.replace-modal .form-group label{display:block;font-weight:600;color:#374151;margin-bottom:6px}.replace-modal .helper-text{font-size:.85rem;color:#6b7280;margin-bottom:8px}.replace-modal select,.replace-modal input[type=date]{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;background:white}.replace-modal select:focus,.replace-modal input[type=date]:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.template-change-warning{margin-top:10px;padding:10px 12px;background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;color:#92400e;font-size:.85rem}.loading-inline{padding:10px;color:#6b7280;font-style:italic}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #e5e7eb}.modal-actions .btn-secondary{padding:10px 18px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-weight:500}.modal-actions .btn-secondary:hover:not(:disabled){background:#e5e7eb}.modal-actions .btn-primary{padding:10px 18px;background:#6366f1;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500}.modal-actions .btn-primary:hover:not(:disabled){background:#4f46e5}.modal-actions button:disabled{opacity:.6;cursor:not-allowed}.template-filters{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.template-filters .filter-select{flex:1;min-width:120px;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;background:white}.template-filters .filter-input{flex:2;min-width:150px;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem}.template-filters .filter-select:focus,.template-filters .filter-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.template-list-select{width:100%;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;background:white}.template-list-select option{padding:8px 10px}.template-list-select option:hover{background:#f3f4f6}.document-import-page{max-width:900px;margin:0 auto;padding:20px}.document-import-page .page-header{margin-bottom:30px;border-bottom:none}.document-import-page .page-header h1{margin:0 0 10px;color:#1e293b}.page-description{color:#64748b;font-size:1rem;margin:0}.import-container{display:flex;flex-direction:column;gap:24px}.import-section{background:#ffffff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.import-section h2{display:flex;align-items:center;gap:12px;margin:0 0 20px;font-size:1.25rem;color:#1e293b}.step-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:50%;font-weight:600;font-size:.9rem}.file-upload-area{margin-bottom:20px}.file-input{display:none}.file-label{display:block;padding:40px 20px;border:2px dashed #cbd5e1;border-radius:8px;text-align:center;cursor:pointer;transition:all .2s ease;background:#f8fafc}.file-label:hover{border-color:#6366f1;background:#f1f5f9}.file-upload-area.dragging .file-label{border-color:#6366f1;border-style:solid;background:#eef2ff;transform:scale(1.02)}.file-placeholder.dragging{color:#6366f1;font-weight:500}.file-placeholder{color:#64748b;font-size:1rem}.file-selected{display:flex;flex-direction:column;align-items:center;gap:4px;color:#1e293b;font-weight:500}.file-selected small{color:#64748b;font-weight:400}.confirmation-checkbox{margin-bottom:20px;padding:16px;background:#fef3c7;border-radius:8px;border:1px solid #fcd34d}.confirmation-checkbox label{display:flex;gap:12px;align-items:flex-start;cursor:pointer}.confirmation-checkbox input[type=checkbox]{margin-top:3px;width:18px;height:18px;flex-shrink:0}.confirmation-checkbox span{color:#92400e;font-size:.9rem;line-height:1.5}.parsing-mode-selector{margin-bottom:20px}.parsing-mode-selector>label{display:block;font-weight:500;color:#374151;margin-bottom:10px}.mode-options{display:flex;gap:12px}.mode-option{flex:1;display:flex;flex-direction:column;align-items:center;padding:12px;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:center}.mode-option:hover{border-color:#6366f1;background:#f8fafc}.mode-option.selected{border-color:#6366f1;background:#eef2ff}.mode-option input[type=radio]{display:none}.mode-option span{font-weight:500;color:#1e293b;margin-bottom:4px}.mode-option small{font-size:.75rem;color:#64748b}.model-quality-selector{margin-bottom:20px}.model-quality-selector>label{display:block;font-weight:500;color:#374151;margin-bottom:10px}.quality-options{display:flex;gap:12px}.quality-option{flex:1;display:flex;flex-direction:column;align-items:center;padding:10px;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:center}.quality-option:hover{border-color:#8b5cf6;background:#f8fafc}.quality-option.selected{border-color:#8b5cf6;background:#f3e8ff}.quality-option input[type=radio]{display:none}.quality-option span{font-weight:500;color:#1e293b;margin-bottom:2px}.quality-option small{font-size:.7rem;color:#64748b}.upload-button{width:100%;padding:14px 24px;font-size:1rem}.upload-button:disabled{background:#94a3b8;cursor:not-allowed}.results-section{border-color:#c7d2fe;background:linear-gradient(to bottom,#eef2ff,#ffffff)}.parsing-summary{display:flex;gap:16px;margin-bottom:24px}.summary-card{flex:1;display:flex;flex-direction:column;align-items:center;padding:16px;background:white;border-radius:8px;border:1px solid #e2e8f0}.summary-card.method{flex:1.5}.summary-card.quality{flex:1}.ai-suggestion{background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;padding:12px 16px;margin-bottom:16px;color:#3730a3;font-size:.9rem}.ai-unavailable-notice{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px;margin-bottom:16px;color:#666;font-size:.9rem}.extracted-images-section{background:#f0fdf4;border:1px solid #86efac;border-radius:8px;padding:16px;margin-top:16px}.extracted-images-section h4{margin:0 0 8px;color:#166534;font-size:1rem}.images-note{font-size:.85rem;color:#15803d;margin:0 0 12px}.extracted-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.extracted-image-card{display:flex;flex-direction:column;align-items:center;background:white;border-radius:6px;padding:8px;border:1px solid #e5e7eb}.extracted-image-thumb{width:80px;height:80px;object-fit:contain;border-radius:4px;background:#f9fafb}.image-label{font-size:.75rem;color:#6b7280;margin-top:4px}.question-image-preview{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px;background:#ecfdf5;border-radius:6px;border:1px solid #10b981}.question-preview-thumb{width:50px;height:50px;object-fit:contain;border-radius:4px;background:white}.image-attached-badge{font-size:.75rem;color:#059669;font-weight:500}.summary-value{font-size:1.5rem;font-weight:700;color:#1e293b}.summary-label{font-size:.8rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.parsed-preview{background:white;border-radius:8px;padding:16px;border:1px solid #e2e8f0;max-height:400px;overflow-y:auto}.parsed-preview h3{margin:0 0 16px;font-size:1rem;color:#475569}.preview-section{margin-bottom:20px}.preview-section:last-child{margin-bottom:0}.preview-section h4{margin:0 0 12px;font-size:.95rem;color:#1e293b;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.preview-questions{list-style:none;padding:0;margin:0}.preview-question{display:flex;gap:8px;padding:8px 0;border-bottom:1px dashed #e2e8f0;font-size:.9rem}.preview-question:last-child{border-bottom:none}.q-number{font-weight:600;color:#6366f1;flex-shrink:0}.q-content{flex:1;display:flex;flex-direction:column;gap:4px}.q-text{color:#475569}.q-type-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:600;width:fit-content}.q-type-badge.multiple_choice{background:#dbeafe;color:#1e40af}.q-options-preview{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;padding-left:8px;border-left:2px solid #c7d2fe}.q-option{background:#f1f5f9;padding:2px 8px;border-radius:4px;font-size:.8rem;color:#334155}.q-marks{color:#94a3b8;font-size:.8rem;flex-shrink:0}.json-toggle{margin-top:16px}.json-response{margin-top:16px;background:#1e293b;color:#e2e8f0;padding:16px;border-radius:8px;overflow-x:auto;font-size:.8rem}.json-response pre{margin:0;white-space:pre-wrap;word-break:break-word}.action-section{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff}.action-section h2{color:#fff}.action-section .step-number{background:rgba(255,255,255,.2)}.action-description{margin:0 0 20px;opacity:.9}.create-button{width:100%;padding:16px 24px;font-size:1.1rem;background:white;color:#6366f1;font-weight:600}.create-button:hover{background:#f8fafc;opacity:1}.error-message{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;padding:12px 16px;border-radius:8px;margin-top:16px}.button{border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}.primary-button{background:#6366f1;color:#fff}.primary-button:hover{background:#4f46e5}.secondary-button{background:#f1f5f9;color:#475569;padding:10px 16px}.secondary-button:hover{background:#e2e8f0}.custom-prompt-group{margin-bottom:20px;margin-top:10px}.custom-prompt-group>label{display:block;font-weight:500;color:#374151;margin-bottom:10px}.custom-prompt-group>label small{display:block;font-weight:400;color:#64748b;font-size:.85rem;margin-top:4px}.custom-prompt-input{width:100%;padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-size:.9rem;resize:vertical;font-family:inherit;transition:border-color .2s ease}.custom-prompt-input:focus{outline:none;border-color:#6366f1}.custom-prompt-input::placeholder{color:#94a3b8}.direct-pdf-group{margin-bottom:20px;padding:12px;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px}.direct-pdf-group .checkbox-label{display:flex;gap:12px;align-items:flex-start;cursor:pointer}.direct-pdf-group input[type=checkbox]{margin-top:3px;width:18px;height:18px;flex-shrink:0}.direct-pdf-group span{color:#92400e;font-weight:500}.direct-pdf-group small{display:block;font-weight:400;color:#78716c;font-size:.85rem;margin-top:4px}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.preview-header h3{display:flex;align-items:center;gap:10px;margin:0}.edit-indicator{font-size:.8em;color:#f59e0b;background:#fef3c7;padding:2px 8px;border-radius:4px}.preview-actions{display:flex;gap:10px}.button.small-button{padding:6px 12px;font-size:.85rem}.button.small-button.active{background:#f59e0b;color:#fff}.button.small-button.secondary{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.section-title-input{font-size:1.1rem;font-weight:600;color:#1e293b;padding:8px 12px;border:2px dashed #cbd5e1;border-radius:6px;width:100%;margin-bottom:10px;background:#f8fafc}.section-title-input:focus{border-color:#3b82f6;outline:none;background:white}.preview-question.editable{background:#f8fafc;padding:12px;border-radius:8px;margin-bottom:8px}.q-text-input{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.95rem;resize:vertical;min-height:60px}.q-text-input:focus{border-color:#3b82f6;outline:none}.q-marks-input{width:60px;padding:6px 8px;border:1px solid #e2e8f0;border-radius:4px;font-size:.9rem;text-align:center}.delete-question-btn{background:#fee2e2;border:none;padding:6px 10px;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .2s}.delete-question-btn:hover{background:#fecaca}.action-buttons{display:flex;gap:15px;justify-content:flex-end;flex-wrap:wrap}.discard-button{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.discard-button:hover{background:#fee2e2;color:#dc2626;border-color:#fecaca}.department-manager{margin-top:1rem}.dept-manager-loading{padding:2rem;text-align:center;color:#64748b}.dept-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.dept-stats{display:flex;gap:1rem}.dept-stats .stat{font-size:.875rem;color:#64748b}.dept-stats .stat strong{color:#1e293b}.dept-stats .stat.inactive strong{color:#94a3b8}.dept-actions{display:flex;gap:.75rem}.dept-empty-state{text-align:center;padding:3rem 2rem;background:#f8fafc;border-radius:8px;border:2px dashed #e2e8f0}.dept-empty-state p{margin:.5rem 0;color:#64748b}.dept-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.dept-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;position:relative;transition:box-shadow .2s ease,opacity .2s ease}.dept-card:hover{box-shadow:0 4px 12px #00000014}.dept-card.inactive{opacity:.6;background:#f8fafc}.dept-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.dept-card-header h4{margin:0;font-size:1.1rem;color:#1e293b}.dept-card-actions{display:flex;gap:.25rem}.btn-icon{background:none;border:none;padding:.25rem;cursor:pointer;font-size:.875rem;opacity:.7;transition:opacity .2s}.btn-icon:hover{opacity:1}.btn-icon.btn-danger:hover{color:#dc2626}.dept-description{font-size:.875rem;color:#64748b;margin:.5rem 0;line-height:1.4}.dept-subject-codes{margin-top:.75rem}.dept-subject-codes label{display:block;font-size:.75rem;color:#94a3b8;margin-bottom:.375rem;text-transform:uppercase;letter-spacing:.05em}.code-tags{display:flex;flex-wrap:wrap;gap:.375rem}.code-tag{display:inline-flex;align-items:center;gap:.25rem;background:#e0f2fe;color:#0369a1;font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:4px;font-family:SF Mono,Monaco,monospace}.code-tags.editable .code-tag{padding-right:.25rem}.code-tag .remove-code{background:none;border:none;color:#0369a1;cursor:pointer;padding:0 .125rem;font-size:1rem;line-height:1;opacity:.6}.code-tag .remove-code:hover{opacity:1;color:#dc2626}.no-codes{font-size:.75rem;color:#94a3b8;font-style:italic}.dept-meta{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #f1f5f9;font-size:.75rem;color:#64748b}.dept-head{font-weight:500}.dept-counts{color:#94a3b8}.dept-inactive-badge{position:absolute;top:.5rem;right:.5rem;background:#fef3c7;color:#92400e;font-size:.625rem;font-weight:600;padding:.125rem .375rem;border-radius:4px;text-transform:uppercase}.dept-modal{max-width:500px}.dept-modal .form-group{margin-bottom:1rem}.dept-modal .form-group label{display:block;font-weight:500;margin-bottom:.375rem;color:#1e293b}.dept-modal .form-group input[type=text],.dept-modal .form-group textarea{width:100%;padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem}.dept-modal .form-group input:focus,.dept-modal .form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dept-modal .form-hint{font-size:.75rem;color:#64748b;margin-bottom:.5rem}.subject-code-input{display:flex;gap:.5rem;margin-bottom:.75rem}.subject-code-input input{flex:1;text-transform:uppercase;font-family:SF Mono,Monaco,monospace}.subject-code-input .btn{white-space:nowrap}.dept-modal .checkbox-group label{display:flex;align-items:center;gap:.5rem;font-weight:400;cursor:pointer}.dept-modal .checkbox-group input[type=checkbox]{width:16px;height:16px}.default-dept-list{list-style:none;padding:0;margin:1rem 0}.default-dept-list li{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f1f5f9}.default-dept-list li:last-child{border-bottom:none}.default-dept-list .codes-preview{font-size:.75rem;color:#64748b;font-family:SF Mono,Monaco,monospace}.dept-modal .note{font-size:.75rem;color:#64748b;background:#f8fafc;padding:.75rem;border-radius:6px;margin-top:.5rem}.department-manager .btn{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.department-manager .btn-primary{background:#3b82f6;color:#fff;border:none}.department-manager .btn-primary:hover:not(:disabled){background:#2563eb}.department-manager .btn-secondary{background:white;color:#374151;border:1px solid #d1d5db}.department-manager .btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.department-manager .btn:disabled{opacity:.6;cursor:not-allowed}.subject-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem;padding:.75rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;max-height:200px;overflow-y:auto}.subject-checkbox{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;background:white;border-radius:4px;border:1px solid #e2e8f0;cursor:pointer;transition:all .15s ease;font-size:.85rem}.subject-checkbox:hover{border-color:#3b82f6;background:#eff6ff}.subject-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#3b82f6}.subject-checkbox input[type=checkbox]:checked+span{color:#1d4ed8;font-weight:500}.selected-subjects-summary{margin-top:.75rem;padding:.5rem .75rem;background:#dbeafe;color:#1e40af;border-radius:6px;font-size:.8rem}.custom-subject-section{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e2e8f0}.btn-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.8rem;padding:0;text-decoration:underline}.btn-link:hover{color:#1d4ed8}.no-subjects-warning{padding:.75rem;background:#fef3c7;border:1px solid #fcd34d;border-radius:6px;color:#92400e;font-size:.85rem}.loading-text{color:#64748b;font-style:italic;font-size:.85rem}@media (max-width: 768px){.dept-manager-header{flex-direction:column;align-items:stretch}.dept-actions{justify-content:flex-end}.dept-grid,.subject-checkbox-grid{grid-template-columns:1fr}}.admin-dashboard,.admin-school-settings,.admin-users{max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.admin-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:30px;border-radius:12px;margin-bottom:30px;box-shadow:0 4px 12px #0000001a}.admin-header h1{margin:0 0 10px;font-size:2.5rem;font-weight:600}.admin-header p{margin:0;font-size:1.1rem;opacity:.9}.school-info{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}.school-info h2{margin:0 0 5px;font-size:1.5rem}.school-info p{margin:0;opacity:.8}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:white;padding:25px;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e1e5e9;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.stat-card h3{margin:0 0 10px;color:#2c3e50;font-size:1.2rem}.stat-number{font-size:2.5rem;font-weight:700;color:#667eea;margin:10px 0}.stat-link{background:#667eea;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color .2s ease}.stat-link:hover{background:#5a6fd8}.admin-actions{margin-bottom:30px}.admin-actions h2{color:#2c3e50;margin-bottom:20px;font-size:1.8rem}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.action-card{background:white;padding:25px;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e1e5e9;transition:transform .2s ease,box-shadow .2s ease}.action-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.action-card h3{margin:0 0 10px;color:#2c3e50;font-size:1.3rem}.action-card p{color:#6c757d;margin-bottom:20px;line-height:1.5}.action-button{background:#28a745;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;transition:background-color .2s ease;width:100%}.action-button:hover:not(:disabled){background:#218838}.action-button:disabled{background:#6c757d;cursor:not-allowed}.settings-form{background:white;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e1e5e9}.settings-section{padding:30px;border-bottom:1px solid #e1e5e9}.settings-section h2{margin:0 0 20px;color:#2c3e50;font-size:1.5rem;border-bottom:2px solid #667eea;padding-bottom:10px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#2c3e50;font-weight:500}.form-group select,.form-group input[type=number]{width:100%;padding:12px;border:1px solid #ced4da;border-radius:6px;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.form-group select:focus,.form-group input[type=number]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.checkbox-group label{display:flex;align-items:center;cursor:pointer}.checkbox-group input[type=checkbox]{margin-right:12px;width:18px;height:18px;cursor:pointer}.custom-subjects-list{border:1px solid #e1e5e9;border-radius:6px;padding:15px;background:#f8f9fa}.custom-subject-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:white;border-radius:4px;margin-bottom:8px;border:1px solid #e1e5e9}.custom-subject-item:last-of-type{margin-bottom:12px}.remove-button{background:#dc3545;color:#fff;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center}.remove-button:hover{background:#c82333}.add-button{background:#667eea;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color .2s ease}.add-button:hover{background:#5a6fd8}.form-actions{padding:20px 30px;background:#f8f9fa;border-top:1px solid #e1e5e9;border-radius:0 0 12px 12px}.save-button{background:#28a745;color:#fff;border:none;padding:15px 30px;border-radius:6px;cursor:pointer;font-size:1.1rem;font-weight:500;transition:background-color .2s ease}.save-button:hover:not(:disabled){background:#218838}.save-button:disabled{background:#6c757d;cursor:not-allowed}.error-message{background:#f8d7da;color:#721c24;padding:15px;border-radius:6px;border:1px solid #f5c6cb;margin-bottom:20px}.success-message{background:#d4edda;color:#155724;padding:15px;border-radius:6px;border:1px solid #c3e6cb;margin-bottom:20px}.loading-message{text-align:center;padding:40px;color:#6c757d;font-size:1.1rem}.recent-activity{background:white;padding:30px;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e1e5e9}.recent-activity h2{margin:0 0 20px;color:#2c3e50;font-size:1.5rem}.activity-feed{color:#6c757d;line-height:1.6}.users-actions{margin-bottom:30px;display:flex;gap:15px;flex-wrap:wrap}.users-list{background:white;padding:30px;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e1e5e9}.users-list ul{color:#6c757d;line-height:1.8}.users-list li{margin-bottom:8px}@media (max-width: 768px){.admin-dashboard,.admin-school-settings,.admin-users{padding:15px}.admin-header{padding:20px}.admin-header h1{font-size:2rem}.admin-stats,.action-grid{grid-template-columns:1fr}.users-actions{flex-direction:column}.action-button{width:100%}}.admin-school-settings{max-width:1200px;margin:0 auto;padding:20px;background:#f8fafc;min-height:100vh}.settings-form{background:#ffffff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:0;margin-top:20px}.settings-section{padding:24px;border-bottom:1px solid #e2e8f0}.settings-section:last-child{border-bottom:none}.settings-section h2{margin:0 0 20px;color:#1e293b;font-size:1.25rem;font-weight:600;border-bottom:2px solid #e2e8f0;padding-bottom:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px}.form-group{display:flex;flex-direction:column;margin-bottom:16px}.form-group label{font-weight:500;color:#374151;margin-bottom:6px;font-size:.875rem}.form-group input,.form-group select,.form-group textarea{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s,box-shadow .2s;background:#ffffff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.help-text{color:#6b7280;font-size:.75rem;margin-top:4px;line-height:1.4}.help-text.success{color:#059669}.section-description{color:#64748b;font-size:.875rem;margin-bottom:16px;line-height:1.5}.checkbox-group{flex-direction:row;align-items:center;margin-bottom:12px}.checkbox-group input[type=checkbox]{width:auto;margin-right:8px;margin-bottom:0}.checkbox-group label{margin-bottom:0;font-weight:400;cursor:pointer;display:flex;align-items:center}.custom-subjects-list,.domain-list{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.custom-subject-item,.domain-item{display:flex;align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:4px 8px;font-size:.875rem}.custom-subject-item span,.domain-item span{margin-right:6px;color:#475569}.remove-button-small,.add-button-small,.view-details-button,.create-custom-button,.save-button,.create-set-button,.cancel-button{all:unset;display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;box-sizing:border-box;line-height:1;white-space:nowrap}.remove-button-small{background:#ef4444;color:#fff;padding:2px 6px;font-size:.875rem;border-radius:3px;min-width:20px;min-height:20px}.remove-button-small:hover{background:#dc2626}.add-button-small{background:#10b981;color:#fff;padding:6px 12px;margin-top:8px}.add-button-small:hover{background:#059669}.view-details-button{background:#3b82f6;color:#fff;padding:6px 12px}.view-details-button:hover{background:#2563eb}.create-custom-button{background:#8b5cf6;color:#fff;padding:6px 12px}.create-custom-button:hover{background:#7c3aed}.save-button{background:#059669;color:#fff;padding:12px 24px;font-size:.875rem;font-weight:600}.save-button:hover:not(:disabled){background:#047857}.save-button:disabled{background:#9ca3af;cursor:not-allowed}.create-set-button{background:#059669;color:#fff;padding:8px 16px}.create-set-button:hover:not(:disabled){background:#047857}.create-set-button:disabled{background:#9ca3af;cursor:not-allowed}.cancel-button{background:#6b7280;color:#fff;padding:8px 16px}.cancel-button:hover{background:#4b5563}.select-with-view,.select-with-actions{display:flex;gap:12px;align-items:flex-end}.select-with-view select,.select-with-actions select{flex:1;min-width:0}.action-buttons{display:flex;gap:8px;flex-shrink:0}.logo-upload-area{display:flex;flex-direction:column;gap:12px}.logo-preview{width:100px;height:100px;border:2px dashed #d1d5db;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f9fafb}.logo-preview img{max-width:100%;max-height:100%;object-fit:contain}.color-input-group{display:flex;gap:8px;align-items:center}.color-input-group input[type=color]{width:40px;height:32px;padding:0;border:1px solid #d1d5db;border-radius:4px;cursor:pointer}.color-input-group input[type=text]{flex:1;font-family:monospace;font-size:.875rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:white;border-radius:8px;max-width:800px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 25px #0000004d}.modal-header{padding:20px 24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:#f8fafc}.modal-header h3{margin:0;color:#1e293b;font-size:1.125rem;font-weight:600}.modal-close{all:unset;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;color:#6b7280;font-size:1.25rem;font-weight:700;transition:all .2s}.modal-close:hover{background:#e5e7eb;color:#374151}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-footer{padding:16px 24px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:12px;background:#f8fafc}.boundary-table,.boundary-editor-table{width:100%;border-collapse:collapse;margin-top:12px}.boundary-table th,.boundary-table td,.boundary-editor-table th,.boundary-editor-table td{padding:8px 12px;text-align:left;border-bottom:1px solid #e2e8f0}.boundary-table th,.boundary-editor-table th{background:#f8fafc;font-weight:600;color:#374151;font-size:.875rem}.boundary-editor-table input{width:100%;padding:4px 8px;border:1px solid #d1d5db;border-radius:3px;font-size:.875rem}.boundary-editor-table input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.subject-list{columns:2;column-gap:20px;list-style:none;padding:0;margin:12px 0}.subject-list li{padding:4px 0;border-bottom:1px solid #f1f5f9;break-inside:avoid;font-size:.875rem;color:#374151}.form-actions{padding:24px;background:#f8fafc;border-top:1px solid #e2e8f0;text-align:right}.success-message{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46;padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:.875rem}.error-message{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b;padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:.875rem}.validation-error{color:#dc2626;font-size:.875rem;margin-top:4px;margin-bottom:0;font-weight:500}@media (max-width: 768px){.admin-school-settings{padding:12px}.form-row{grid-template-columns:1fr;gap:16px}.select-with-view,.select-with-actions{flex-direction:column;align-items:stretch}.action-buttons{justify-content:flex-start}.modal-content{margin:10px;max-height:calc(100vh - 20px)}.boundary-table,.boundary-editor-table{font-size:.75rem}.subject-list{columns:1}}.loading-message{text-align:center;padding:40px;color:#6b7280;font-size:1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,button:focus{outline:2px solid #3b82f6;outline-offset:2px}button{min-height:32px;border:none;font-family:inherit}.admin-school-settings button{background:unset!important;color:unset!important;border-radius:unset!important;padding:unset!important}.admin-school-settings .remove-button-small{background:#ef4444!important;color:#fff!important;border-radius:3px!important;padding:2px 6px!important}.admin-school-settings .add-button-small{background:#10b981!important;color:#fff!important;border-radius:4px!important;padding:6px 12px!important}.admin-school-settings .view-details-button{background:#3b82f6!important;color:#fff!important;border-radius:4px!important;padding:6px 12px!important}.admin-school-settings .create-custom-button{background:#8b5cf6!important;color:#fff!important;border-radius:4px!important;padding:6px 12px!important}.admin-school-settings .save-button{background:#059669!important;color:#fff!important;border-radius:4px!important;padding:12px 24px!important}.admin-school-settings .create-set-button{background:#059669!important;color:#fff!important;border-radius:4px!important;padding:8px 16px!important}.admin-school-settings .cancel-button{background:#6b7280!important;color:#fff!important;border-radius:4px!important;padding:8px 16px!important}.page-shell{display:flex;flex-direction:column;gap:16px;padding:12px}.admin-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.admin-header h1{margin:4px 0;color:#0f172a}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700;color:#6b7280;margin:0}.subtitle{margin:4px 0 0;color:#4b5563}.header-actions{display:flex;align-items:center;gap:8px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px;box-shadow:0 1px 2px #0000000a}.filters-card{padding-bottom:12px}.filters-bar{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.filters-bar label{font-weight:600;margin-bottom:4px;display:block;color:#111827}.filters-bar input,.filters-bar select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;min-height:42px}.search-field{flex:1 1 320px}.role-filter{width:240px}.count-pill{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;border-radius:999px;background:#f3f4f6;border:1px solid #e5e7eb;font-weight:600;color:#111827}.count-pill .count{font-size:16px}.users-table-container{padding:0;overflow:hidden}.admin-table{width:100%;border-collapse:collapse}.admin-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.admin-table th,.admin-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #f1f5f9}.admin-table th{font-weight:700;color:#1f2937}.actions-cell{display:flex;gap:8px}.button{border-radius:8px}.status-active,.status-inactive{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-weight:600;font-size:12px}.status-active{background:#ecfdf3;color:#16a34a;border:1px solid #bbf7d0}.status-inactive{background:#fef2f2;color:#dc2626;border:1px solid #fecdd3}.modal-content{border-radius:12px}.modal-header h3{margin:0}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.form-group label{font-weight:600}.admin-audit-log-page{padding:24px;max-width:1400px;margin:0 auto}.admin-audit-log-page .page-header{margin-bottom:24px}.admin-audit-log-page .page-header h1{margin:0 0 8px;font-size:1.8em;color:#1e293b}.admin-audit-log-page .page-header p{color:#64748b;margin:0}.filters-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:24px}.filters-row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-size:.85em;font-weight:600;color:#475569}.filter-group select,.filter-group input[type=date],.filter-group input[type=text]{padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:.95em;min-width:140px;background:white}.filter-group.search-group{flex-grow:1;min-width:200px}.filter-group.search-group input{width:100%}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f126}.filter-actions{display:flex;gap:8px}.btn-search,.btn-clear{padding:10px 18px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-search{background:#6366f1;color:#fff;border:1px solid #6366f1}.btn-search:hover{background:#4f46e5}.btn-clear{background:white;color:#64748b;border:1px solid #cbd5e1}.btn-clear:hover{background:#f1f5f9}.stats-summary{display:flex;gap:24px;margin-bottom:16px;padding:12px 16px;background:#f1f5f9;border-radius:8px}.stat-item{display:flex;gap:8px}.stat-label{color:#64748b}.stat-value{font-weight:600;color:#1e293b}.no-logs-message{text-align:center;padding:60px 20px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px}.no-logs-message p{margin:0 0 8px;font-size:1.1em;color:#475569}.no-logs-message .hint{color:#94a3b8;font-size:.9em}.logs-container{background:white;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.audit-log-table{width:100%;border-collapse:collapse}.audit-log-table th,.audit-log-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e2e8f0}.audit-log-table th{background:#f8fafc;font-weight:600;color:#475569;font-size:.85em;text-transform:uppercase;letter-spacing:.3px}.audit-log-table tbody tr:hover{background:#f8fafc}.audit-log-table tbody tr:last-child td{border-bottom:none}.log-type-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;color:#fff;font-size:.8em;font-weight:500;white-space:nowrap}.action-badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:.85em;font-weight:500;background:#e2e8f0;color:#475569}.action-badge.action-create,.action-badge.action-assign{background:#dcfce7;color:#166534}.action-badge.action-update{background:#dbeafe;color:#1e40af}.action-badge.action-cancel,.action-badge.action-delete{background:#fee2e2;color:#991b1b}.action-badge.action-publish_results,.action-badge.action-publish{background:#d1fae5;color:#065f46}.action-badge.action-unpublish_results{background:#fef3c7;color:#92400e}.timestamp-cell{white-space:nowrap;color:#64748b;font-size:.9em}.description-cell{max-width:300px}.target-info{font-size:.85em;color:#94a3b8;margin-top:4px}.user-cell{font-weight:500;color:#334155}.class-cell{color:#64748b}.details-cell{font-size:.85em;color:#64748b;max-width:250px}.detail-item{margin-bottom:4px}.detail-item strong{color:#475569}.status-change,.marks-change{display:inline-block;padding:2px 6px;background:#f1f5f9;border-radius:4px;font-family:monospace;font-size:.9em}.student-info{font-style:italic;color:#94a3b8}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:16px;border-top:1px solid #e2e8f0}.btn-page{padding:8px 16px;border:1px solid #cbd5e1;border-radius:6px;background:white;color:#475569;cursor:pointer;transition:all .2s ease}.btn-page:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8}.btn-page:disabled{opacity:.5;cursor:not-allowed}.page-info{color:#64748b;font-weight:500}@media (max-width: 1024px){.filters-row{flex-direction:column}.filter-group,.filter-group select,.filter-group input{width:100%}.filter-actions{width:100%;justify-content:stretch}.filter-actions button{flex:1}.audit-log-table{font-size:.9em}.audit-log-table th,.audit-log-table td{padding:8px 10px}}.department-dashboard{max-width:1400px;margin:0 auto;padding:24px;background:#f8fafc;min-height:calc(100vh - 80px)}.department-dashboard .historical-year-banner{background:linear-gradient(90deg,#fff3cd 0%,#ffeeba 100%);color:#856404;padding:10px 20px;text-align:center;font-size:.95rem;border:1px solid #ffc107;border-radius:6px;margin-bottom:20px;display:flex;justify-content:center;align-items:center;gap:16px;box-shadow:0 2px 4px #ffc10733}.department-dashboard .historical-year-banner strong{font-weight:600}.department-dashboard .historical-year-banner button{background:#856404;color:#fff;border:none;padding:6px 14px;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:500;transition:background .2s,transform .1s}.department-dashboard .historical-year-banner button:hover{background:#6d5003;transform:scale(1.02)}.loading-spinner{display:flex;justify-content:center;align-items:center;height:300px;font-size:1.1rem;color:#64748b}.error-message{background:#fee2e2;border:1px solid #fecaca;color:#dc2626;padding:16px;border-radius:8px;margin-bottom:20px}.no-department-message{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.no-department-message h2{margin-bottom:16px;color:#1e293b}.no-department-message p{color:#64748b;margin-bottom:12px}.department-header{background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%);border-radius:16px;padding:32px;margin-bottom:24px;color:#fff}.header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.header-title h1{font-size:1.75rem;font-weight:700;margin:0 0 12px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.department-selector{padding:8px 16px;font-size:1rem;border-radius:8px;border:2px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:#fff;cursor:pointer;min-width:200px}.department-selector option{color:#1e293b;background:white}.department-info h2{font-size:1.5rem;font-weight:600;margin:0 0 8px;text-align:right;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.department-subjects{color:#fffffff2;font-size:.95rem;margin:4px 0;font-weight:500}.department-head{color:#ffffffe6;font-size:.9rem;margin:4px 0;font-weight:500}.department-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.stat-card{background:white;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:16px;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-card.teachers{border-left:4px solid #3b82f6}.stat-card.classes{border-left:4px solid #10b981}.stat-card.students{border-left:4px solid #f59e0b}.stat-card.notifications{border-left:4px solid #8b5cf6}.stat-card.notifications.has-unread{border-left-color:#ef4444}.stat-icon{font-size:2rem;opacity:.8}.stat-content{display:flex;flex-direction:column}.stat-number{font-size:2rem;font-weight:700;color:#1e293b;line-height:1}.stat-label{font-size:.9rem;color:#64748b;margin-top:4px}.department-content{display:grid;grid-template-columns:1fr 1fr;gap:24px}.content-card{background:white;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.card-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#1e293b}.badge{background:#e2e8f0;color:#64748b;padding:4px 10px;border-radius:20px;font-size:.85rem;font-weight:600}.badge-alert{background:#fee2e2;color:#dc2626}.card-body{padding:20px}.empty-message{color:#94a3b8;text-align:center;padding:20px;font-style:italic}.teacher-list{list-style:none;padding:0;margin:0}.teacher-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f1f5f9}.teacher-item:last-child{border-bottom:none}.teacher-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem}.teacher-info{flex:1;display:flex;flex-direction:column}.teacher-name{font-weight:600;color:#1e293b}.teacher-email{font-size:.85rem;color:#64748b}.class-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.class-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;text-decoration:none;color:inherit;transition:all .2s}.class-card:hover{background:#f1f5f9;border-color:#3b82f6;transform:translateY(-2px)}.class-name{font-weight:600;color:#1e293b;margin-bottom:4px}.class-details{font-size:.85rem;color:#64748b;display:flex;gap:6px}.class-teacher{font-size:.8rem;color:#94a3b8;margin-top:8px}.notification-list{list-style:none;padding:0;margin:0}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid #f1f5f9}.notification-item.unread{background:#eff6ff;margin:0 -20px;padding:12px 20px}.notification-icon{font-size:1.25rem;margin-top:2px}.notification-content{flex:1;display:flex;flex-direction:column;gap:2px}.notification-title{font-weight:600;color:#1e293b;font-size:.95rem}.notification-message{font-size:.85rem;color:#64748b}.notification-meta{font-size:.8rem;color:#94a3b8;margin-top:4px}.btn-mark-read{background:#10b981;color:#fff;border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:background .2s}.btn-mark-read:hover{background:#059669}.action-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.action-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s}.action-btn:hover{background:#f1f5f9;border-color:#3b82f6}.action-icon{font-size:1.5rem}.action-btn span:last-child{font-weight:500;color:#1e293b}.btn-primary{background:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:background .2s}.btn-small{padding:6px 12px;font-size:.85rem;border-radius:6px}.btn-outline{background:transparent;border:1px solid #e2e8f0;color:#64748b;cursor:pointer;transition:all .2s}.btn-outline:hover{background:#f1f5f9;border-color:#3b82f6;color:#3b82f6}@media (max-width: 1200px){.department-stats{grid-template-columns:repeat(2,1fr)}.department-content{grid-template-columns:1fr}}@media (max-width: 768px){.department-dashboard{padding:16px}.department-header{padding:20px}.header-content{flex-direction:column}.department-info,.department-info h2{text-align:left}.department-stats{grid-template-columns:1fr 1fr}.stat-card{padding:16px}.stat-number{font-size:1.5rem}.action-buttons{grid-template-columns:1fr}}.stat-card.pacing-requests{position:relative;transition:all .2s ease}.stat-card.pacing-requests:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-card.pacing-requests.has-pending{border:2px solid #f59e0b;background:linear-gradient(135deg,#fffbeb 0%,#fff7ed 100%)}.stat-card.pacing-requests.has-pending .stat-icon{background:linear-gradient(135deg,#f59e0b 0%,#ea580c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:2rem}.stat-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;padding:4px 10px;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #ef444466}.action-btn.action-urgent{background:linear-gradient(135deg,#f59e0b 0%,#ea580c 100%);color:#fff;border:none;animation:pulse 2s infinite}.action-btn.action-urgent:hover{transform:translateY(-2px);box-shadow:0 4px 16px #f59e0b66}@keyframes pulse{0%,to{opacity:1}50%{opacity:.85}}.pacing-requests-section{grid-column:1 / -1;border:2px solid #f59e0b}.pacing-requests-section .card-header{background:linear-gradient(135deg,#fffbeb 0%,#fff7ed 100%)}.pacing-request-list{list-style:none;padding:0;margin:0}.pacing-request-item{display:grid;grid-template-columns:1fr 2fr auto auto;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid #e2e8f0}.pacing-request-item:last-child{border-bottom:none}.request-student a{color:#3b82f6;font-weight:600;text-decoration:none}.request-student a:hover{text-decoration:underline}.request-details{display:flex;flex-direction:column;gap:4px}.request-plan{font-size:.9rem;color:#1e293b}.request-teacher{font-size:.8rem;color:#64748b}.request-date{font-size:.85rem;color:#64748b}.view-all-link{display:inline-block;margin-top:16px;color:#3b82f6;font-weight:500;text-decoration:none}.view-all-link:hover{text-decoration:underline}.btn-small.btn-primary{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff;border:none;padding:6px 16px;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;text-decoration:none}.department-analytics-section{grid-column:1 / -1}.department-analytics-section .card-header{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%)}.loading-spinner-small{width:20px;height:20px;border:2px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.analytics-summary{display:flex;flex-wrap:wrap;gap:24px;padding:16px;background:#f8fafc;border-radius:8px;margin-bottom:20px}.summary-item{display:flex;align-items:center;gap:8px}.summary-label{font-size:.9rem;color:#64748b}.summary-value{font-size:1.1rem;font-weight:600;color:#1e293b}.summary-value.good{color:#16a34a}.summary-value.moderate{color:#ca8a04}.summary-value.critical{color:#dc2626}.analytics-section{margin-top:24px;padding-top:20px;border-top:1px solid #e2e8f0}.analytics-section h4{margin:0 0 8px;font-size:1rem;font-weight:600;color:#1e293b}.section-description{font-size:.85rem;color:#64748b;margin-bottom:16px}.class-strand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.la-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.la-summary-card h5{margin:0 0 12px;font-size:.95rem;font-weight:600;color:#1e293b;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.strands-summary-list{display:flex;flex-direction:column;gap:8px}.strand-summary-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:white;border-radius:4px}.strand-summary-item .strand-name{font-size:.85rem;color:#475569}.strand-summary-item .strand-avg{font-size:.85rem;font-weight:600;padding:2px 8px;border-radius:4px}.strand-avg.good{background:#dcfce7;color:#16a34a}.strand-avg.moderate{background:#fef9c3;color:#ca8a04}.strand-avg.critical{background:#fee2e2;color:#dc2626}.at-risk-class-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.at-risk-class-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fef2f2;border-radius:8px;border-left:3px solid #dc2626}.class-name-link{font-weight:600;color:#3b82f6;text-decoration:none;flex:1}.class-name-link:hover{text-decoration:underline}.at-risk-percentage{font-size:.85rem;color:#64748b}.curriculum-gap-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.curriculum-gap-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fffbeb;border-radius:8px;border-left:3px solid #f59e0b}.gap-name{font-weight:500;color:#1e293b}.gap-class-count{font-size:.85rem;color:#92400e;font-weight:600}.department-analytics{background:white;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:12px}.analytics-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1e293b}.analytics-header-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.year-level-filter{display:flex;align-items:center;gap:8px}.year-level-filter label{font-size:.85rem;color:#64748b;font-weight:500}.year-level-buttons{display:flex;gap:4px}.year-btn{padding:4px 10px;border:1px solid #e2e8f0;background:white;border-radius:6px;font-size:.8rem;color:#64748b;cursor:pointer;transition:all .2s}.year-btn:hover{border-color:#3b82f6;color:#3b82f6}.year-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.analytics-loading{text-align:center;padding:40px;color:#64748b}.analytics-content{display:flex;flex-direction:column;gap:24px}.analytics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;padding:20px;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-radius:12px}.summary-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.summary-stat .summary-value{font-size:1.75rem;font-weight:700;color:#1e293b}.summary-stat .summary-label{font-size:.85rem;color:#64748b;margin-top:4px}.analytics-at-risk h4{margin:0 0 16px;font-size:1rem;font-weight:600;color:#dc2626}.at-risk-list{display:flex;flex-direction:column;gap:12px}.at-risk-item{display:grid;grid-template-columns:1fr auto 150px;align-items:center;gap:16px;padding:12px 16px;background:#fef2f2;border-radius:8px;border-left:3px solid #dc2626}.at-risk-class{font-weight:600;color:#3b82f6;text-decoration:none}.at-risk-class:hover{text-decoration:underline}.at-risk-stats{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.at-risk-count{font-weight:600;color:#dc2626}.at-risk-pct{font-size:.8rem;color:#64748b}.at-risk-bar{height:8px;background:#fecaca;border-radius:4px;overflow:hidden}.at-risk-fill{height:100%;background:linear-gradient(90deg,#f87171 0%,#dc2626 100%);border-radius:4px;transition:width .3s ease}.analytics-strand-performance h4{margin:0 0 16px;font-size:1rem;font-weight:600;color:#1e293b}.strand-performance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.learning-area-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.la-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #e2e8f0}.la-name{font-weight:600;color:#1e293b;font-size:.95rem}.la-avg{font-weight:700;font-size:1rem;padding:4px 10px;border-radius:6px}.la-avg.good{background:#dcfce7;color:#16a34a}.la-avg.moderate{background:#fef9c3;color:#ca8a04}.la-avg.critical{background:#fee2e2;color:#dc2626}.strands-list{display:flex;flex-direction:column;gap:6px}.strand-item-mini{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:white;border-radius:6px;font-size:.85rem}.strand-item-mini .strand-name{color:#475569}.strand-item-mini .strand-avg{font-weight:600;padding:2px 8px;border-radius:4px;font-size:.8rem}.more-strands{font-size:.8rem;color:#64748b;text-align:center;padding:4px;font-style:italic}.section-hint{font-size:.8rem;color:#64748b;margin:-8px 0 12px;font-style:italic}.strand-item-expandable{background:white;border-radius:8px;overflow:hidden;transition:all .2s ease;border:1px solid transparent}.strand-item-expandable:hover{border-color:#e2e8f0}.strand-item-expandable.expanded{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f626}.strand-item-header{display:flex;align-items:center;padding:8px 12px;cursor:pointer;transition:background .2s}.strand-item-header:hover{background:#f8fafc}.strand-expand-icon{font-size:.7rem;color:#94a3b8;margin-right:8px;transition:transform .2s}.strand-item-expandable.expanded .strand-expand-icon{color:#3b82f6}.strand-item-header .strand-name{flex:1;color:#475569;font-size:.85rem}.strand-item-header .strand-avg{font-weight:600;padding:2px 8px;border-radius:4px;font-size:.8rem}.strand-class-breakdown{border-top:1px solid #e2e8f0;background:#f8fafc;padding:12px;animation:slideDown .2s ease}.class-breakdown-header{display:flex;justify-content:space-between;font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #e2e8f0}.class-breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #f1f5f9}.class-breakdown-row:last-child{border-bottom:none}.class-breakdown-row .class-link{color:#3b82f6;text-decoration:none;font-size:.85rem;font-weight:500;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-breakdown-row .class-link:hover{text-decoration:underline}.class-performance{display:flex;align-items:center;gap:8px;min-width:120px}.performance-bar-container{flex:1;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.performance-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.performance-bar-fill.good{background:#22c55e}.performance-bar-fill.moderate{background:#eab308}.performance-bar-fill.critical{background:#ef4444}.performance-value{font-size:.8rem;font-weight:600;min-width:40px;text-align:right}.performance-value.good{color:#16a34a}.performance-value.moderate{color:#ca8a04}.performance-value.critical{color:#dc2626}.analytics-empty{text-align:center;padding:40px 20px;color:#64748b}.analytics-empty .hint{font-size:.85rem;color:#94a3b8;margin-top:8px}.btn-show-analytics{display:block;width:100%;padding:16px;margin-bottom:24px;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:2px dashed #3b82f6;border-radius:12px;color:#3b82f6;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.btn-show-analytics:hover{background:#dbeafe;border-style:solid}.analytics-curriculum-coverage{margin-top:24px;padding-top:20px;border-top:1px solid #e2e8f0}.analytics-curriculum-coverage h4{margin:0 0 16px;font-size:1rem;font-weight:600;color:#1e293b}.coverage-summary{display:flex;gap:32px;padding:16px 20px;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-radius:10px;margin-bottom:16px}.coverage-stat{display:flex;flex-direction:column;align-items:center}.coverage-percentage{font-size:2rem;font-weight:700}.coverage-percentage.good{color:#16a34a}.coverage-percentage.moderate{color:#ca8a04}.coverage-percentage.critical{color:#dc2626}.coverage-count{font-size:1.5rem;font-weight:600;color:#1e293b}.coverage-label{font-size:.85rem;color:#64748b;margin-top:4px}.coverage-by-la{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.coverage-la-item{background:#f8fafc;border-radius:8px;padding:12px 16px}.coverage-la-header{display:flex;align-items:center;gap:12px}.coverage-la-name{font-weight:600;color:#1e293b;min-width:150px}.coverage-la-stats{font-size:.85rem;color:#64748b;min-width:100px}.coverage-bar-container{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.coverage-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.coverage-bar-fill.good{background:linear-gradient(90deg,#4ade80 0%,#16a34a 100%)}.coverage-bar-fill.moderate{background:linear-gradient(90deg,#facc15 0%,#ca8a04 100%)}.coverage-bar-fill.critical{background:linear-gradient(90deg,#f87171 0%,#dc2626 100%)}.coverage-la-pct{font-weight:600;font-size:.9rem;min-width:50px;text-align:right}.coverage-la-pct.good{color:#16a34a}.coverage-la-pct.moderate{color:#ca8a04}.coverage-la-pct.critical{color:#dc2626}.uncovered-elements{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:16px}.uncovered-elements h5{margin:0 0 12px;font-size:.9rem;font-weight:600;color:#92400e}.uncovered-list{display:flex;flex-wrap:wrap;gap:8px}.uncovered-item{background:white;border:1px solid #fde68a;border-radius:6px;padding:6px 12px;font-size:.85rem}.uncovered-name{color:#1e293b}.uncovered-code{color:#64748b;margin-left:4px}.more-uncovered{font-size:.85rem;color:#92400e;font-style:italic;padding:6px 12px}.coverage-la-card{background:#f8fafc;border-radius:12px;padding:16px;margin-bottom:12px}.coverage-la-card .coverage-la-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.coverage-la-card .coverage-la-name{font-weight:700;font-size:1rem;color:#1e293b}.coverage-strands-list{display:flex;flex-direction:column;gap:8px}.coverage-strand-item{background:white;border-radius:8px;padding:10px 14px;transition:all .2s ease}.coverage-strand-item.covered{border:1px solid #d1fae5}.coverage-strand-item.covered:hover{background:#f0fdf4;border-color:#86efac}.coverage-strand-item.uncovered{border:1px solid #fde68a;background:#fffbeb}.coverage-strand-header{display:flex;align-items:center;gap:10px}.coverage-strand-header .toggle-icon{font-size:.8rem;color:#64748b;transition:transform .2s ease;width:16px}.coverage-strand-header .coverage-icon{font-size:.9rem;width:16px}.coverage-strand-name{flex:1;font-weight:500;color:#1e293b;font-size:.9rem}.coverage-strand-status{font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:12px}.coverage-strand-status.covered{background:#d1fae5;color:#166534}.coverage-strand-status.uncovered{background:#fef3c7;color:#92400e}.coverage-class-breakdown{margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.coverage-class-breakdown .breakdown-header{display:flex;justify-content:space-between;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding:0 4px}.coverage-class-breakdown .breakdown-row{display:flex;align-items:center;gap:12px;padding:6px 4px;border-radius:4px}.coverage-class-breakdown .breakdown-row:hover{background:#f8fafc}.coverage-class-breakdown .breakdown-row a{min-width:150px;font-size:.85rem;color:#2563eb;text-decoration:none;font-weight:500}.coverage-class-breakdown .breakdown-row a:hover{text-decoration:underline}.coverage-class-breakdown .breakdown-bar-container{flex:1;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.coverage-class-breakdown .breakdown-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.coverage-class-breakdown .breakdown-bar-fill.good{background:linear-gradient(90deg,#4ade80 0%,#16a34a 100%)}.coverage-class-breakdown .breakdown-bar-fill.moderate{background:linear-gradient(90deg,#facc15 0%,#ca8a04 100%)}.coverage-class-breakdown .breakdown-bar-fill.critical{background:linear-gradient(90deg,#f87171 0%,#dc2626 100%)}.coverage-class-breakdown .breakdown-pct{min-width:50px;text-align:right;font-weight:600;font-size:.85rem}.coverage-class-breakdown .breakdown-pct.good{color:#16a34a}.coverage-class-breakdown .breakdown-pct.moderate{color:#ca8a04}.coverage-class-breakdown .breakdown-pct.critical{color:#dc2626}.coverage-class-breakdown .no-data{text-align:center;color:#64748b;font-size:.85rem;font-style:italic;padding:8px}.analytics-pacing-comparison{background:#fff;border-radius:12px;padding:20px;margin-top:20px;box-shadow:0 1px 3px #0000001a}.analytics-pacing-comparison h4{margin:0 0 8px;font-size:1.1rem;color:#1e293b}.pacing-subtitle{color:#64748b;font-size:.9rem;margin-bottom:16px}.pacing-summary{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;padding:16px;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:10px;margin-bottom:20px}.pacing-circle-container{display:flex;flex-direction:column;align-items:center;gap:8px}.pacing-circle{width:100px;height:100px}.pacing-circle-bg{fill:none;stroke:#e2e8f0;stroke-width:3.5}.pacing-circle-expected{fill:none;stroke:#94a3b8;stroke-width:3.5;stroke-linecap:round;stroke-dasharray:0,100;opacity:.5}.pacing-circle-actual{fill:none;stroke:#3b82f6;stroke-width:3.5;stroke-linecap:round;stroke-dasharray:0,100;transition:stroke-dasharray .6s ease-in-out}.pacing-circle.ahead .pacing-circle-actual{stroke:#16a34a}.pacing-circle.on_track .pacing-circle-actual{stroke:#3b82f6}.pacing-circle.slightly_behind .pacing-circle-actual{stroke:#f59e0b}.pacing-circle.behind .pacing-circle-actual{stroke:#dc2626}.pacing-percentage-text{fill:#1e293b;font-size:.5rem;font-weight:700;text-anchor:middle;dominant-baseline:middle}.pacing-status-badge{padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;white-space:nowrap}.pacing-status-badge.ahead{background:#dcfce7;color:#16a34a}.pacing-status-badge.on_track{background:#dbeafe;color:#2563eb}.pacing-status-badge.slightly_behind{background:#fef3c7;color:#d97706}.pacing-status-badge.behind{background:#fee2e2;color:#dc2626}.pacing-status-badge.no_data{background:#f1f5f9;color:#64748b}.pacing-stats{flex:1;display:flex;flex-direction:column;gap:12px}.pacing-stat-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.pacing-stat-row.behind{background:#fef2f2;border-color:#fecaca}.pacing-stat-label{color:#64748b;font-size:.9rem}.pacing-stat-value{font-weight:600;color:#1e293b;font-size:.95rem}.pacing-stat-row.behind .pacing-stat-label,.pacing-stat-row.behind .pacing-stat-value{color:#dc2626}.pacing-by-year{margin-top:16px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0;overflow:hidden}.pacing-by-year-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-bottom:1px solid #e2e8f0;transition:background-color .15s ease}.pacing-by-year-header:hover{background:#f8fafc}.pacing-by-year-header h5{margin:0;font-size:1rem;color:#1e293b;display:flex;align-items:center;gap:8px}.pacing-by-year-header .expand-icon{font-size:.8rem;color:#64748b}.pacing-by-year-content{padding:16px}.pacing-by-year-content.collapsed{display:none}.pacing-year-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.pacing-year-card{background:#fff;border-radius:10px;padding:16px;border:2px solid #e2e8f0;transition:border-color .2s ease,box-shadow .2s ease}.pacing-year-card:hover{box-shadow:0 4px 12px #00000014}.pacing-year-card.ahead{border-color:#86efac}.pacing-year-card.on_track{border-color:#93c5fd}.pacing-year-card.slightly_behind{border-color:#fcd34d}.pacing-year-card.behind{border-color:#fca5a5}.pacing-year-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pacing-year-title{font-weight:700;font-size:1.1rem;color:#1e293b}.pacing-year-status{font-weight:600;font-size:1rem;padding:4px 10px;border-radius:6px}.pacing-year-status.ahead{background:#dcfce7;color:#16a34a}.pacing-year-status.on_track{background:#dbeafe;color:#2563eb}.pacing-year-status.slightly_behind{background:#fef3c7;color:#d97706}.pacing-year-status.behind{background:#fee2e2;color:#dc2626}.pacing-year-status.no_data{background:#f1f5f9;color:#64748b}.pacing-year-progress{margin-bottom:12px}.pacing-progress-bar{height:10px;background:#e2e8f0;border-radius:5px;position:relative;overflow:hidden}.pacing-progress-expected{position:absolute;top:0;left:0;height:100%;background:#cbd5e1;border-radius:5px}.pacing-progress-actual{position:absolute;top:0;left:0;height:100%;border-radius:5px;transition:width .4s ease}.pacing-progress-actual.ahead{background:linear-gradient(90deg,#4ade80,#16a34a)}.pacing-progress-actual.on_track{background:linear-gradient(90deg,#60a5fa,#2563eb)}.pacing-progress-actual.slightly_behind{background:linear-gradient(90deg,#fbbf24,#d97706)}.pacing-progress-actual.behind{background:linear-gradient(90deg,#f87171,#dc2626)}.pacing-progress-labels{display:flex;justify-content:space-between;margin-top:6px;font-size:.8rem;color:#64748b}.pacing-plan-name{font-style:italic;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pacing-terms{display:flex;gap:8px}.pacing-term{flex:1;display:flex;flex-direction:column;align-items:center;padding:6px 4px;border-radius:6px;background:#f8fafc;border:1px solid #e2e8f0}.pacing-term.current{background:#dbeafe;border-color:#93c5fd}.pacing-term.past{background:#f1f5f9}.pacing-term.future{opacity:.6}.pacing-term .term-label{font-size:.7rem;font-weight:600;color:#64748b;text-transform:uppercase}.pacing-term.current .term-label{color:#2563eb}.pacing-term .term-count{font-size:.85rem;font-weight:700;color:#1e293b}.pacing-behind-items{margin-top:24px;background:#fef2f2;border-radius:10px;padding:16px;border:1px solid #fecaca}.pacing-behind-items h5{margin:0;color:#dc2626;font-size:.95rem}.behind-items-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.behind-items-list.behind-items-scrollable{max-height:400px;overflow-y:auto;padding-right:8px}.behind-items-scrollable::-webkit-scrollbar{width:6px}.behind-items-scrollable::-webkit-scrollbar-track{background:#fecaca;border-radius:3px}.behind-items-scrollable::-webkit-scrollbar-thumb{background:#dc2626;border-radius:3px}.behind-items-scrollable::-webkit-scrollbar-thumb:hover{background:#b91c1c}.behind-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#fff;border-radius:6px;font-size:.85rem}.behind-item-year{background:#e2e8f0;color:#475569;padding:2px 8px;border-radius:4px;font-weight:600;font-size:.75rem}.behind-item-term{background:#fef3c7;color:#b45309;padding:2px 8px;border-radius:4px;font-weight:600;font-size:.75rem}.behind-item-name{flex:1;color:#1e293b;min-width:0}.behind-item-name .curriculum-content{display:inline}.behind-item-name .katex{font-size:.9em}.behind-item-type{color:#94a3b8;font-size:.75rem;font-style:italic}.more-behind{text-align:center;color:#dc2626;font-size:.85rem;font-weight:500;padding:8px;background:#fef2f2;border-radius:6px}.analytics-no-pacing{background:#fff;border-radius:12px;padding:20px;margin-top:20px;box-shadow:0 1px 3px #0000001a;text-align:center}.analytics-no-pacing h4{margin:0 0 12px;font-size:1.1rem;color:#1e293b}.no-pacing-message{color:#64748b;font-size:.95rem;margin-bottom:8px}.no-pacing-hint{color:#94a3b8;font-size:.85rem;font-style:italic}.analytics-two-column{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}@media (max-width: 1200px){.analytics-two-column{grid-template-columns:1fr}}.analytics-two-column .analytics-at-risk,.analytics-two-column .analytics-strand-performance{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000001a}.pacing-year-card{cursor:pointer;transition:all .2s ease}.pacing-year-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.pacing-year-expand{font-size:.8rem;margin-right:6px;color:#64748b;transition:transform .2s ease}.pacing-year-card.expanded .pacing-year-expand{transform:rotate(0)}.pacing-class-breakdown{margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}.pacing-class-breakdown .class-breakdown-header{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.pacing-class-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;margin-bottom:4px;background:#f8fafc;border-radius:6px;text-decoration:none;color:inherit;transition:background-color .15s ease}.pacing-class-item:hover{background:#e2e8f0}.pacing-class-name{font-weight:500;color:#2563eb;flex-shrink:0;min-width:120px}.pacing-class-performance{display:flex;align-items:center;gap:10px;flex:1;justify-content:flex-end}.pacing-class-bar{width:100px;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.pacing-class-fill{height:100%;border-radius:4px;transition:width .3s ease}.pacing-class-fill.good{background:linear-gradient(90deg,#22c55e,#16a34a)}.pacing-class-fill.moderate{background:linear-gradient(90deg,#f59e0b,#d97706)}.pacing-class-fill.critical{background:linear-gradient(90deg,#ef4444,#dc2626)}.pacing-class-pct{font-size:.85rem;font-weight:600;min-width:45px;text-align:right}.pacing-class-pct.good{color:#16a34a}.pacing-class-pct.moderate{color:#d97706}.pacing-class-pct.critical{color:#dc2626}.pacing-class-breakdown .class-breakdown-header{display:flex;justify-content:space-between;align-items:center}.pacing-class-students{font-size:.8rem;color:#64748b}.pacing-class-breakdown .no-classes{text-align:center;color:#94a3b8;font-size:.85rem;font-style:italic;padding:8px}.behind-items-header{display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none;padding:4px 0}.behind-expand-icon{font-size:.8rem;color:#dc2626}.coverage-strand-item{cursor:default}.coverage-strand-item .coverage-icon{font-size:.9rem;margin-right:8px}.coverage-strand-item.covered .coverage-icon{color:#16a34a}.coverage-strand-item.uncovered .coverage-icon{color:#f59e0b}.exclusion-requests-section{grid-column:1 / -1;border:2px solid #ef4444}.exclusion-requests-section .card-header{background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%)}.exclusion-requests-section .card-header h3{color:#b91c1c}.exclusion-request-list{list-style:none;padding:0;margin:0}.exclusion-request-item{display:grid;grid-template-columns:2fr 1.5fr auto auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid #e2e8f0}.exclusion-request-item:last-child{border-bottom:none}.exclusion-request-item-expanded{display:flex;flex-direction:column;gap:12px;padding:16px;margin-bottom:12px;background:#fafafa;border:1px solid #e2e8f0;border-radius:8px;border-left:4px solid #ef4444}.exclusion-request-item-expanded:last-child{margin-bottom:0}.exclusion-request-item-expanded .request-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.exclusion-request-item-expanded .request-question{font-size:1rem;color:#1e293b;flex:1}.exclusion-request-item-expanded .request-question strong{color:#ef4444;font-weight:700}.exclusion-request-item-expanded .request-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:.85rem;color:#64748b}.exclusion-request-item-expanded .request-assessment-link{color:#3b82f6;text-decoration:none;font-weight:500}.exclusion-request-item-expanded .request-assessment-link:hover{text-decoration:underline}.exclusion-request-item-expanded .request-explanation{background:white;padding:12px;border-radius:6px;font-size:.9rem;color:#475569;border:1px solid #e2e8f0}.exclusion-request-item-expanded .request-explanation strong{color:#1e293b}.exclusion-request-item-expanded .request-requested-action{font-size:.9rem;color:#1e293b;padding:8px 12px;background:#f0fdf4;border-radius:6px;border:1px solid #bbf7d0}.exclusion-request-item-expanded .request-requested-action strong{color:#166534}.request-instance-impact{background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;padding:12px;font-size:.85rem}.request-instance-impact .impact-header{display:flex;align-items:center;margin-bottom:8px}.request-instance-impact .impact-warning{color:#92400e;font-weight:600;font-size:.9rem}.request-instance-impact .impact-summary{display:flex;gap:16px;margin-bottom:10px;flex-wrap:wrap}.request-instance-impact .impact-stat{color:#78350f;font-size:.8rem;background:rgba(255,255,255,.5);padding:4px 10px;border-radius:4px}.request-instance-impact .impact-instances-list{list-style:none;padding:8px 0 0;margin:0;border-top:1px solid #fbbf24}.request-instance-impact .impact-instances-list li{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:.8rem;color:#78350f;flex-wrap:wrap}.request-instance-impact .impact-instances-list li.current-instance{background:rgba(255,255,255,.6);padding:6px 8px;border-radius:4px;margin:2px 0}.request-instance-impact .impact-instances-list .class-link{color:#92400e;text-decoration:none;font-weight:500}.request-instance-impact .impact-instances-list .class-link:hover{text-decoration:underline}.request-instance-impact .impact-instances-list .teacher-name{color:#a16207;font-style:italic}.request-instance-impact .impact-instances-list .results-badge{font-size:.7rem;padding:2px 6px;border-radius:10px;background:#dcfce7;color:#166534}.request-instance-impact .impact-instances-list .current-badge{font-size:.7rem;padding:2px 6px;border-radius:10px;background:#dbeafe;color:#1e40af}.request-instance-impact .impact-instances-list .more-instances{color:#a16207;font-style:italic;font-size:.75rem;margin-top:4px}.exclusion-request-item-expanded .request-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:8px;border-top:1px solid #e2e8f0;flex-wrap:wrap}.btn-small.btn-primary{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff;border:none;padding:6px 14px;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-small.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-small.btn-warning{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff;border:none;padding:6px 14px;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-small.btn-warning:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.request-question{font-size:.9rem;color:#1e293b}.request-question strong{color:#ef4444;font-weight:600}.request-assessment{font-size:.85rem;color:#1e293b;font-weight:500}.request-class{font-size:.8rem;color:#64748b}.request-reason{display:flex;align-items:center}.reason-badge{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.reason-badge.reason-error{background:#fee2e2;color:#b91c1c}.reason-badge.reason-ambiguous{background:#fef3c7;color:#92400e}.reason-badge.reason-incorrect_marks{background:#dbeafe;color:#1e40af}.reason-badge.reason-curriculum_mismatch{background:#f3e8ff;color:#7c3aed}.reason-badge.reason-other{background:#e2e8f0;color:#475569}.request-actions{display:flex;gap:8px}.btn-small.btn-success{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);color:#fff;border:none;padding:6px 14px;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-small.btn-success:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.btn-small.btn-danger{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;border:none;padding:6px 14px;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-small.btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}@media (max-width: 768px){.exclusion-request-item{grid-template-columns:1fr;gap:12px}.request-actions{justify-content:flex-end}}.timetable-page{padding:20px;max-width:1400px;margin:0 auto}.timetable-page .historical-year-banner{background:linear-gradient(90deg,#fff3cd 0%,#ffeeba 100%);color:#856404;padding:10px 20px;text-align:center;font-size:.95rem;border:1px solid #ffc107;border-radius:6px;margin-bottom:20px;display:flex;justify-content:center;align-items:center;gap:16px;box-shadow:0 2px 4px #ffc10733}.timetable-page .historical-year-banner strong{font-weight:600}.timetable-page .historical-year-banner button{background:#856404;color:#fff;border:none;padding:6px 14px;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:500;transition:background .2s,transform .1s}.timetable-page .historical-year-banner button:hover{background:#6d5003;transform:scale(1.02)}.timetable-header{margin-bottom:30px}.timetable-header h1{font-size:2em;color:var(--color-primary, #2563eb);margin:0 0 8px}.timetable-header p{color:var(--color-text-secondary, #64748b);margin:0}.empty-timetable{text-align:center;padding:60px 20px;background:var(--color-card-background, #fff);border-radius:16px;box-shadow:0 2px 8px #0000000d}.empty-icon{font-size:4em;margin-bottom:20px}.empty-timetable h2{color:var(--color-primary, #2563eb);margin:0 0 10px}.empty-timetable p{color:var(--color-text-secondary, #64748b)}.my-classes-summary{margin-top:30px;padding-top:30px;border-top:1px dashed var(--color-border, #e2e8f0)}.my-classes-summary h3{color:var(--color-secondary, #1e40af);margin-bottom:15px}.class-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}.class-chip{background:var(--color-accent-light, #dbeafe);color:var(--color-accent, #2563eb);padding:8px 16px;border-radius:20px;cursor:pointer;transition:all .2s;font-weight:500}.class-chip:hover{background:var(--color-accent, #2563eb);color:#fff}.setup-hint{font-style:italic;color:var(--color-text-muted, #94a3b8);font-size:.9em}.timetable-grid-container{overflow-x:auto;margin-bottom:30px}.timetable-grid{width:100%;border-collapse:collapse;background:var(--color-card-background, #fff);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.timetable-grid th,.timetable-grid td{padding:12px;text-align:center;border:1px solid var(--color-border, #e2e8f0)}.period-header{background:var(--color-primary, #2563eb);color:#fff;width:100px}.day-header{background:var(--color-primary, #2563eb);color:#fff;font-weight:600;min-width:140px}.period-cell{background:var(--color-background-light, #f8fafc);font-weight:600}.period-number{color:var(--color-primary, #2563eb)}.period-time{font-size:.75em;color:var(--color-text-secondary, #64748b);font-weight:400}.timetable-cell{min-height:80px;vertical-align:middle;transition:background .2s}.timetable-cell.empty{background:var(--color-background-light, #f8fafc)}.timetable-cell.has-class{background:var(--color-accent-light, #dbeafe)}.timetable-cell.has-class:hover{background:var(--color-accent, #2563eb)}.timetable-cell.has-class:hover .class-entry{color:#fff}.class-entry{cursor:pointer;padding:8px;border-radius:8px;transition:all .2s}.class-name{font-weight:600;font-size:.95em;color:var(--color-primary, #2563eb)}.timetable-cell.has-class:hover .class-name{color:#fff}.room{font-size:.8em;color:var(--color-text-secondary, #64748b);margin-top:4px}.timetable-cell.has-class:hover .room{color:#fffc}.empty-slot{color:var(--color-text-muted, #cbd5e1)}.timetable-stats{display:flex;gap:20px;flex-wrap:wrap}.timetable-stats .stat-card{background:var(--color-card-background, #fff);border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;box-shadow:0 2px 8px #0000000d;flex:1;min-width:150px}.timetable-stats .stat-icon{font-size:2em}.timetable-stats .stat-content{display:flex;flex-direction:column}.timetable-stats .stat-number{font-size:1.5em;font-weight:700;color:var(--color-primary, #2563eb)}.timetable-stats .stat-label{font-size:.85em;color:var(--color-text-secondary, #64748b)}.timetable-header .header-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:15px}.header-actions{display:flex;gap:10px}.edit-mode-btn{background:var(--color-card-background, #fff);border:2px solid var(--color-primary, #2563eb);color:var(--color-primary, #2563eb);padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.edit-mode-btn:hover{background:var(--color-primary, #2563eb);color:#fff}.edit-mode-btn.active{background:var(--color-success, #16a34a);border-color:var(--color-success, #16a34a);color:#fff}.edit-mode-banner{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#92400e;padding:12px 20px;border-radius:8px;margin-bottom:20px;font-weight:500;text-align:center;animation:pulse-border 2s infinite}@keyframes pulse-border{0%,to{box-shadow:0 0 #fbbf2466}50%{box-shadow:0 0 0 4px #fbbf2433}}.timetable-cell.editable{cursor:pointer}.timetable-cell.editable.empty:hover{background:var(--color-accent-light, #dbeafe)}.edit-hint{font-size:.7em;color:var(--color-text-muted, #94a3b8);margin-top:4px}.timetable-cell.has-class:hover .edit-hint{color:#fffc}.add-hint{color:var(--color-primary, #2563eb);font-weight:500}.modal-content.timetable-modal{background:var(--color-card-background, #fff);padding:30px;border-radius:16px;width:90%;max-width:400px;box-shadow:0 20px 40px #0003}.timetable-modal h3{margin:0 0 20px;color:var(--color-primary, #2563eb);font-size:1.2em}.timetable-modal .form-group{margin-bottom:20px}.timetable-modal label{display:block;margin-bottom:8px;font-weight:600;color:var(--color-text, #334155)}.timetable-modal select,.timetable-modal input{width:100%;padding:12px;border:2px solid var(--color-border, #e2e8f0);border-radius:8px;font-size:1em;transition:border-color .2s}.timetable-modal select:focus,.timetable-modal input:focus{outline:none;border-color:var(--color-primary, #2563eb)}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.modal-actions button{padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel{background:var(--color-background-light, #f1f5f9);border:none;color:var(--color-text-secondary, #64748b)}.btn-cancel:hover{background:var(--color-border, #e2e8f0)}.btn-save{background:var(--color-primary, #2563eb);border:none;color:#fff}.btn-save:hover:not(:disabled){background:var(--color-secondary, #1e40af)}.btn-save:disabled{opacity:.5;cursor:not-allowed}.btn-delete{background:var(--color-error, #dc2626);border:none;color:#fff;margin-right:auto}.btn-delete:hover{background:#b91c1c}.success-message{background:#dcfce7;color:#166534;padding:12px 20px;border-radius:8px;margin-bottom:20px;font-weight:500}.error-message{background:#fee2e2;color:#991b1b;padding:12px 20px;border-radius:8px;margin-bottom:20px;font-weight:500}.timetable-header .week-range{font-size:.95em;color:var(--color-text-secondary, #64748b)}.week-nav{display:flex;gap:8px;align-items:center}.week-nav-btn{background:var(--color-card-background, #fff);border:1px solid var(--color-border, #e2e8f0);color:var(--color-text, #334155);padding:8px 14px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.week-nav-btn:hover:not(:disabled){background:var(--color-accent-light, #dbeafe);border-color:var(--color-primary, #2563eb);color:var(--color-primary, #2563eb)}.week-nav-btn.today-btn{background:var(--color-primary, #2563eb);color:#fff;border-color:var(--color-primary, #2563eb)}.week-nav-btn.today-btn:hover:not(:disabled){background:var(--color-secondary, #1e40af)}.week-nav-btn:disabled{opacity:.5;cursor:not-allowed}.day-header .day-name{font-weight:600}.day-header .day-date{font-size:.8em;font-weight:400;opacity:.9}.day-header.today{background:var(--color-success, #16a34a)}.day-header .day-assessment-count{font-size:.75em;background:rgba(255,255,255,.2);padding:2px 6px;border-radius:10px;margin-top:4px}.timetable-cell.today{background:rgba(22,163,74,.05)}.timetable-cell.today.has-class{background:linear-gradient(135deg,rgba(22,163,74,.1),rgba(37,99,235,.1))}.timetable-cell.has-assessment{position:relative}.scheduled-assessments{display:flex;flex-direction:column;gap:4px;margin-top:8px}.assessment-badge{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;font-size:.7em;padding:4px 8px;border-radius:6px;cursor:pointer;transition:all .2s;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.assessment-badge:hover{transform:scale(1.02);box-shadow:0 2px 6px #00000026}.assessment-badge.published{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.assessment-badge.draft{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.unscheduled-assessments-section{background:var(--color-card-background, #fff);border-radius:12px;padding:24px;margin-bottom:30px;box-shadow:0 2px 8px #0000000d;border:2px dashed var(--color-border, #e2e8f0)}.unscheduled-assessments-section h2{margin:0 0 8px;color:var(--color-primary, #2563eb);font-size:1.3em}.unscheduled-assessments-section .section-hint{color:var(--color-text-secondary, #64748b);font-size:.9em;margin:0 0 20px}.unscheduled-list{display:flex;flex-wrap:wrap;gap:20px}.day-assessments-group{flex:1;min-width:200px}.day-assessments-group h4{margin:0 0 10px;color:var(--color-text, #334155);font-size:.9em;padding-bottom:6px;border-bottom:1px solid var(--color-border, #e2e8f0)}.assessments-list{display:flex;flex-direction:column;gap:10px}.unscheduled-assessment-card{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-radius:10px;padding:12px;cursor:pointer;transition:all .2s;border:1px solid rgba(146,64,14,.2)}.unscheduled-assessment-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #92400e33}.unscheduled-assessment-card.published{background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border-color:#16653433}.unscheduled-assessment-card.published:hover{box-shadow:0 4px 12px #16653433}.assessment-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.assessment-card-header .status-badge{font-size:.7em;padding:2px 6px;border-radius:4px;font-weight:600}.assessment-card-header .status-badge.draft{background:#fef3c7;color:#92400e}.assessment-card-header .status-badge.published{background:#dcfce7;color:#166534}.assessment-card-header .task-type{font-size:.7em;color:#78716c;text-transform:uppercase;letter-spacing:.5px}.assessment-title{font-weight:600;font-size:.95em;color:#292524;margin-bottom:4px}.assessment-class{font-size:.8em;color:#78716c}.schedule-hint{font-size:.75em;color:#92400e;margin-top:8px;font-style:italic}.unscheduled-assessment-card.published .schedule-hint{color:#166534}.modal-content.assessment-schedule-modal{background:var(--color-card-background, #fff);padding:30px;border-radius:16px;width:90%;max-width:480px;box-shadow:0 20px 40px #0003}.assessment-schedule-modal h3{margin:0 0 20px;color:var(--color-primary, #2563eb);font-size:1.3em}.assessment-schedule-modal .assessment-info{background:var(--color-background-light, #f8fafc);border-radius:10px;padding:16px;margin-bottom:24px}.assessment-schedule-modal .info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--color-border, #e2e8f0)}.assessment-schedule-modal .info-row:last-child{border-bottom:none}.assessment-schedule-modal .info-row .label{font-weight:500;color:var(--color-text-secondary, #64748b);font-size:.9em}.assessment-schedule-modal .info-row .value{font-weight:600;color:var(--color-text, #334155)}.assessment-schedule-modal .form-group{margin-bottom:20px}.assessment-schedule-modal label{display:block;margin-bottom:8px;font-weight:600;color:var(--color-text, #334155)}.assessment-schedule-modal select{width:100%;padding:12px;border:2px solid var(--color-border, #e2e8f0);border-radius:8px;font-size:1em;transition:border-color .2s}.assessment-schedule-modal select:focus{outline:none;border-color:var(--color-primary, #2563eb)}.assessment-schedule-modal .form-hint{margin:8px 0 0;font-size:.85em;color:var(--color-text-secondary, #64748b)}.assessment-schedule-modal .modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.assessment-schedule-modal .btn-link{margin-right:auto;padding:10px 16px;background:var(--color-accent-light, #dbeafe);color:var(--color-primary, #2563eb);text-decoration:none;border-radius:8px;font-weight:600;transition:all .2s}.assessment-schedule-modal .btn-link:hover{background:var(--color-primary, #2563eb);color:#fff}@media (max-width: 768px){.timetable-grid th,.timetable-grid td{padding:8px;font-size:.85em}.day-header{min-width:100px}.period-cell{width:80px}.timetable-header .header-content{flex-direction:column;align-items:stretch}.header-actions{flex-direction:column;gap:10px}.week-nav{justify-content:center}.unscheduled-list{flex-direction:column}.day-assessments-group{min-width:unset}}.curriculum-pacing-page{padding:24px;max-width:1400px;margin:0 auto}.curriculum-pacing-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.curriculum-pacing-page .header-main h1{margin:0 0 4px;font-size:1.75rem;color:#1f2937}.curriculum-pacing-page .header-subtitle{margin:0;color:#6b7280;font-size:1rem}.curriculum-pacing-page .header-actions .btn-primary{padding:10px 20px;background:#2563eb;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:background .2s}.curriculum-pacing-page .header-actions .btn-primary:hover{background:#1d4ed8}.error-banner{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.error-banner button{background:none;border:none;color:#dc2626;cursor:pointer;font-size:1.25rem}.filters-bar{display:flex;gap:24px;margin-bottom:20px;padding:16px;background:#f9fafb;border-radius:10px}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-group label{font-size:.85rem;font-weight:500;color:#4b5563}.filter-group select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;min-width:150px}.plan-selector{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding:16px;background:white;border:1px solid #e5e7eb;border-radius:10px}.plan-selector label{font-weight:600;color:#374151}.plan-selector select{flex:1;max-width:400px;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem}.plan-selector .edit-toggle{padding:10px 20px;border:1px solid #d1d5db;border-radius:8px;background:white;cursor:pointer;font-weight:500;transition:all .2s}.plan-selector .edit-toggle:hover{background:#f3f4f6}.plan-selector .edit-toggle.active{background:#dcfce7;border-color:#22c55e;color:#16a34a}.plan-selector .edit-toggle:not(.active){color:#374151}.terms-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}@media (max-width: 1200px){.terms-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.terms-grid{grid-template-columns:1fr}}.term-card{background:white;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.term-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);color:#fff}.term-header h4{margin:0;font-size:1.1rem}.term-header .item-count{font-size:.85rem;opacity:.9}.term-content{padding:16px;min-height:200px;max-height:400px;overflow-y:auto}.empty-term{display:flex;flex-direction:column;align-items:center;justify-content:center;height:150px;color:#9ca3af}.empty-term p{margin-bottom:12px}.add-item-btn,.add-more-btn{padding:8px 16px;border:2px dashed #d1d5db;border-radius:8px;background:transparent;color:#6b7280;cursor:pointer;font-size:.9rem;transition:all .2s;width:100%;margin-top:12px}.add-item-btn:hover,.add-more-btn:hover{border-color:#2563eb;color:#2563eb;background:#eff6ff}.term-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.term-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.term-item .item-info{display:flex;flex-direction:column;gap:2px;flex:1}.term-item .item-code{font-size:.75rem;color:#6b7280;font-family:monospace}.term-item .item-name{font-size:.85rem;color:#374151;line-height:1.3}.term-item .item-type{font-size:.7rem;padding:2px 6px;border-radius:4px;background:#e5e7eb;color:#4b5563;align-self:flex-start;margin-top:4px}.term-item .item-type.content_descriptor{background:#dbeafe;color:#1d4ed8}.term-item .item-type.elaboration{background:#fef3c7;color:#b45309}.remove-item-btn{background:none;border:none;color:#9ca3af;font-size:1.25rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.remove-item-btn:hover{background:#fef2f2;color:#dc2626}.no-plan-selected{text-align:center;padding:60px 20px;background:#f9fafb;border-radius:12px;color:#6b7280}.no-plan-selected .btn-primary{margin-top:16px;padding:12px 24px;background:#2563eb;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem}.pacing-summary{display:flex;gap:20px;margin-top:24px}.summary-card{flex:1;padding:16px 20px;background:white;border:1px solid #e5e7eb;border-radius:10px;display:flex;flex-direction:column;gap:4px}.summary-label{font-size:.85rem;color:#6b7280}.summary-value{font-size:1.25rem;font-weight:600;color:#1f2937}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:white;border-radius:16px;box-shadow:0 20px 60px #0003;max-width:90vw;max-height:90vh;display:flex;flex-direction:column}.create-plan-modal{width:450px}.curriculum-linker-modal{width:900px;height:80vh}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;font-size:1.25rem;color:#1f2937}.close-btn{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer}.modal-body{padding:20px;overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:16px 20px;border-top:1px solid #e5e7eb}.modal-footer .selection-count{margin-right:auto;color:#6b7280;font-size:.9rem}.form-group{margin-bottom:16px}.form-group label{display:block;font-weight:500;color:#374151;margin-bottom:6px}.form-group input,.form-group select{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem}.form-group input:disabled{background:#f3f4f6;color:#6b7280}.btn-primary{padding:10px 20px;background:#2563eb;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500}.btn-primary:hover{background:#1d4ed8}.btn-primary:disabled{background:#93c5fd;cursor:not-allowed}.btn-secondary{padding:10px 20px;background:white;color:#374151;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-weight:500}.btn-secondary:hover{background:#f3f4f6}.saving-overlay{position:fixed;bottom:20px;right:20px;padding:12px 20px;background:#1f2937;color:#fff;border-radius:8px;font-size:.9rem;z-index:1001}.loading-container{display:flex;justify-content:center;align-items:center;height:400px;color:#6b7280}.no-department-message{text-align:center;padding:60px 20px;max-width:500px;margin:40px auto}.no-department-message h2{color:#374151;margin-bottom:12px}.no-department-message p{color:#6b7280;margin-bottom:24px}.no-department-message button{padding:12px 24px;background:#2563eb;color:#fff;border:none;border-radius:8px;cursor:pointer}.department-selector{margin-top:8px}.department-dropdown{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;min-width:200px;background:white}.term-meta{display:flex;align-items:center;gap:8px}.toggle-cross-links{background:rgba(255,255,255,.2);border:none;border-radius:4px;padding:2px 6px;cursor:pointer;font-size:.8rem;transition:background .2s}.toggle-cross-links:hover{background:rgba(255,255,255,.3)}.cross-links-section{padding:12px 16px;background:#fafafa;border-bottom:1px solid #e5e7eb;max-height:400px;overflow-y:auto}.no-cross-links{padding:12px 16px;color:#9ca3af;font-size:.85rem;font-style:italic;text-align:center}.gc-section,.ccp-section{margin-bottom:12px}.gc-section:last-child,.ccp-section:last-child{margin-bottom:0}.section-header{display:flex;align-items:center;gap:8px;padding:8px 10px;background:white;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;margin-bottom:8px}.section-header:hover{background:#f9fafb}.section-icon{font-size:1rem}.section-title{flex:1;font-weight:600;font-size:.9rem;color:#374151}.toggle-icon{font-size:.75rem;color:#6b7280}.cross-links-list{padding-left:12px}.cross-link-category{margin-bottom:10px}.cross-link-category:last-child{margin-bottom:0}.category-header{display:flex;align-items:center;gap:6px;padding:6px 8px;background:#f3f4f6;border-radius:6px;margin-bottom:6px}.gc-category .category-header{background:#eff6ff}.ccp-category .category-header{background:#f0fdf4}.category-icon{font-size:.85rem}.category-name{font-weight:500;font-size:.85rem;color:#374151}.category-items{list-style:none;margin:0;padding:0 0 0 8px}.term-item.content-descriptor-item{background:#eff6ff;border-color:#bfdbfe}.term-item.elaboration-item{margin-left:16px;background:#fffbeb;border-color:#fde68a;position:relative}.term-item.elaboration-item:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:8px;height:2px;background:#fcd34d}.cross-link-item{list-style:none;padding:6px 10px;margin:4px 0;border-radius:6px;font-size:.8rem}.cross-link-item.gc-link{background:#f0f9ff;border-left:3px solid #3b82f6}.cross-link-item.ccp-link{background:#f0fdf4;border-left:3px solid #22c55e}.link-header{display:flex;align-items:center;gap:8px}.link-header.clickable:hover{cursor:pointer}.expand-toggle{font-size:.7rem;color:#6b7280;width:12px}.link-level-badge{font-size:.65rem;padding:2px 6px;background:#dbeafe;color:#1d4ed8;border-radius:4px;font-weight:600;white-space:nowrap}.link-name{flex:1;line-height:1.3}.link-code{font-family:monospace;font-size:.75rem;color:#6b7280}.indicators-list{list-style:none;padding:8px 0 0 20px;margin:0}.indicator-item{font-size:.75rem;color:#4b5563;border-left:2px solid #bfdbfe;padding:4px 0 4px 8px;margin:2px 0}.ccp-content{display:flex;flex-direction:column;gap:4px}.ccp-theme{font-size:.7rem;font-weight:600;color:#166534;text-transform:uppercase}.ccp-organising-idea{line-height:1.4;color:#374151}.form-hint{font-size:.8rem;color:#f59e0b;margin-top:4px}.success-banner{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;padding:12px 16px;border-radius:8px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.success-banner button{background:none;border:none;color:#16a34a;cursor:pointer;font-size:1.25rem}.plan-actions{display:flex;gap:8px;align-items:center}.plan-actions button{padding:8px 16px;border:1px solid #d1d5db;border-radius:8px;background:white;cursor:pointer;font-weight:500;font-size:.9rem;transition:all .2s}.plan-actions .edit-details-btn{color:#6366f1;border-color:#c7d2fe}.plan-actions .edit-details-btn:hover{background:#eef2ff;border-color:#6366f1}.plan-actions .delete-plan-btn{color:#dc2626;border-color:#fecaca}.plan-actions .delete-plan-btn:hover{background:#fef2f2;border-color:#dc2626}.selected-plan-info{display:flex;gap:24px;align-items:center;padding:12px 16px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-bottom:20px;flex-wrap:wrap}.plan-info-item{font-size:.9rem;color:#374151}.plan-info-item strong{color:#1e40af;margin-right:4px}.plan-info-badge{background:#dbeafe;color:#1e40af;padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:500}.edit-plan-modal{max-width:500px}.edit-plan-modal .form-hint{color:#6b7280;font-style:italic}.delete-confirm-modal{max-width:450px}.delete-confirm-modal .modal-header.danger{background:#fef2f2;border-bottom:1px solid #fecaca}.delete-confirm-modal .modal-header.danger h3{color:#dc2626}.delete-warning{font-size:1rem;color:#374151;margin-bottom:16px}.plan-to-delete{background:#f9fafb;border:1px solid #e5e7eb;padding:12px 16px;border-radius:8px;margin-bottom:16px}.plan-to-delete strong{color:#1f2937;font-size:1.05rem}.plan-to-delete span{color:#6b7280;font-size:.9rem}.delete-consequences{color:#dc2626;font-size:.9rem;background:#fef2f2;padding:10px 12px;border-radius:6px;margin:0}.btn-danger{background:#dc2626!important;border-color:#dc2626!important;color:#fff!important}.btn-danger:hover{background:#b91c1c!important}.department-dashboard{max-width:1200px;margin:0 auto;padding:2rem}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{margin:0;font-size:2rem;color:#111827}.dashboard-header p{margin:.5rem 0 0;color:#6b7280}.dashboard-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:1rem 1.5rem;border-radius:8px;margin:2rem 0}.dashboard-tabs{display:flex;gap:.5rem;border-bottom:2px solid #e5e7eb;margin-bottom:2rem}.dashboard-tabs button{padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:1rem;color:#6b7280;transition:all .2s}.dashboard-tabs button.active{color:#3b82f6;border-bottom-color:#3b82f6;font-weight:600}.dashboard-tabs button:hover{color:#111827}.dashboard-content{min-height:400px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:white;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;text-align:center;transition:box-shadow .2s}.stat-card:hover{box-shadow:0 4px 12px #0000001a}.stat-card h3{margin:0 0 .5rem;font-size:.9rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:2.5rem;font-weight:700;color:#111827;margin:0}.stat-value.verified{color:#10b981}.stat-percent{font-size:.9rem;color:#6b7280;margin:.25rem 0 0}.quick-actions{background:white;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.quick-actions h2{margin:0 0 1rem;font-size:1.25rem}.action-buttons{display:flex;gap:1rem;flex-wrap:wrap}.action-buttons button{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s}.action-buttons button:hover{background:#2563eb}.dashboard-section{background:white;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.dashboard-section h2{margin:0 0 1rem;font-size:1.25rem}.section-hint{color:#6b7280;font-size:.9rem;margin-bottom:1.5rem;line-height:1.5}.subject-breakdown{display:flex;flex-direction:column;gap:.75rem}.subject-bar{display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:1rem}.subject-name{font-weight:500;text-transform:capitalize}.bar-container{background:#f3f4f6;border-radius:4px;height:20px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,#3b82f6,#2563eb);height:100%;transition:width .3s}.subject-count{font-weight:600;color:#6b7280}.filters-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.filters-section .search-input{width:100%;padding:.75rem 1rem;border:2px solid #d1d5db;border-radius:8px;font-size:1rem;margin-bottom:1rem;box-sizing:border-box}.filters-section .search-input:focus{outline:none;border-color:#3b82f6}.filters-section .filter-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.subject-select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem}.results-count{color:#6b7280;font-size:.9rem;margin-left:auto}.bulk-actions{display:flex;align-items:center;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.bulk-actions span{font-weight:600;color:#3b82f6}.skills-management-list{background:white;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.list-header{display:grid;grid-template-columns:40px 2fr 1fr 1fr 80px 100px 100px;gap:1rem;padding:1rem 1.5rem;background:#f9fafb;font-weight:600;font-size:.85rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.skill-row{display:grid;grid-template-columns:40px 2fr 1fr 1fr 80px 100px 100px;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid #f3f4f6;align-items:center;transition:background .2s}.skill-row:hover{background:#f9fafb}.skill-row.selected{background:#eff6ff}.checkbox-cell{display:flex;align-items:center;justify-content:center}.checkbox-cell input[type=checkbox]{width:18px;height:18px;cursor:pointer}.skill-name{font-weight:500;color:#111827}.skill-curriculum{font-size:.9rem;color:#3b82f6;font-weight:500}.skill-subject{font-size:.9rem;color:#6b7280;text-transform:capitalize}.skill-usage{text-align:center;font-weight:600;color:#374151}.skill-status,.skill-actions{text-align:center}.badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.badge.verified{background:#d1fae5;color:#065f46}.badge.unverified{background:#f3f4f6;color:#6b7280}.btn-small{padding:.375rem .75rem;border:none;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background:#e5e7eb}.duplicates-list{display:flex;flex-direction:column;gap:1.5rem}.duplicate-group{border:1px solid #fecaca;border-left:4px solid #ef4444;border-radius:12px;padding:1.5rem;background:#fff}.group-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.group-title{display:flex;flex-direction:column;gap:.25rem}.group-header h3{margin:0;font-size:1.25rem;color:#111827}.curriculum-ref{font-size:.9rem;color:#3b82f6;font-weight:600}.count-badge{background:#fef3c7;color:#92400e;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600}.count-badge.danger{background:#fef2f2;color:#dc2626}.duplicate-explanation{background:#fffbeb;border:1px solid #fbbf24;color:#92400e;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;margin-bottom:1rem}.duplicate-skills{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.duplicate-skill-card{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.duplicate-skill-card.recommended{background:#f0fdf4;border-color:#22c55e}.skill-id-badge{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#6b7280}.keep-badge{background:#22c55e;color:#fff;padding:.125rem .5rem;border-radius:4px;font-size:.75rem}.skill-details-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.usage-info{font-size:.9rem;color:#374151}.created-info{font-size:.85rem;color:#9ca3af}.verified-badge{background:#10b981;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem}.merge-btn{padding:.75rem 1.5rem;background:#f59e0b;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .2s}.merge-btn:hover{background:#d97706}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.analytics-card{background:white;border:1px solid #e5e7eb;border-radius:12px;padding:2rem;text-align:center}.analytics-card h3{margin:0 0 .5rem;color:#6b7280;font-size:.9rem;text-transform:uppercase}.big-number{font-size:3rem;font-weight:700;color:#3b82f6}.card-subtitle{margin:.5rem 0 0;color:#9ca3af;font-size:.9rem}.top-skills-list{display:flex;flex-direction:column;gap:.75rem}.top-skill-item{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:1rem;padding:.75rem 1rem;background:#f9fafb;border-radius:8px}.rank{font-size:1.25rem;font-weight:700;color:#3b82f6}.skill-info{display:flex;flex-direction:column;gap:.25rem}.curriculum-code{font-size:.85rem;color:#6b7280}.usage-badge{background:#e0e7ff;color:#3730a3;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600}.verify-btn-small{padding:.5rem 1rem;background:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500}.verify-btn-small:hover{background:#059669}.audit-log{display:flex;flex-direction:column;gap:1rem}.audit-item{padding:1rem;background:#f9fafb;border-left:3px solid #3b82f6;border-radius:6px}.audit-time{font-size:.85rem;color:#6b7280;margin-bottom:.5rem}.audit-details{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.audit-action{background:#e0e7ff;color:#3730a3;padding:.25rem .5rem;border-radius:4px;font-size:.85rem}.audit-skill{font-style:italic;color:#6b7280}.audit-notes{margin-top:.5rem;font-size:.9rem;color:#4b5563}.empty-state{text-align:center;padding:3rem;color:#6b7280}.empty-state p{margin:.5rem 0}.dashboard-loading{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:1.25rem;color:#6b7280}.app-header{background-color:var(--primary-color);color:#fff;padding:0 20px;height:var(--header-height);display:flex;align-items:center;box-shadow:0 2px 4px #0000001a;position:fixed;top:0;left:0;width:100%;z-index:1000}.header-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto}.logo{font-size:1.5em;font-weight:700;color:#fff;text-decoration:none}.app-header nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center}.app-header nav ul li{margin-left:20px}.app-header nav ul li a{color:#fff;text-decoration:none;font-size:1em}.app-header nav ul li a:hover,.app-header nav ul li a.active{text-decoration:underline}.logout-button{background-color:var(--secondary-color);color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:.9em}.logout-button:hover{opacity:.9}.dropdown{position:relative;display:inline-block}.dropbtn{background-color:transparent;color:#fff;border:none;cursor:pointer;font-size:1em;padding:8px 12px;border-radius:4px}.dropbtn:hover{background-color:#ffffff1a}.dropdown-content{display:none;position:absolute;background-color:var(--primary-color);min-width:160px;box-shadow:0 8px 16px #0003;z-index:1001;border-radius:4px;top:100%;left:0}.dropdown-content a{color:var(--text-color);padding:12px 16px;text-decoration:none;display:block;border-radius:0}.dropdown-content a:hover{background-color:#003c78}.dropdown:hover .dropdown-content{display:block}.notification-container{position:relative}.notification-bell-btn{background:none;border:none;font-size:1.3rem;cursor:pointer;position:relative;padding:5px 10px;transition:transform .2s ease}.notification-bell-btn:hover{transform:scale(1.1)}.notification-badge{position:absolute;top:0;right:0;background:#dc3545;color:#fff;font-size:.65rem;padding:2px 5px;border-radius:10px;min-width:16px;text-align:center;font-weight:600}.notification-dropdown{position:absolute;top:100%;right:0;background:white;min-width:300px;max-width:350px;box-shadow:0 4px 20px #00000026;border-radius:8px;z-index:1002;overflow:hidden}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.notification-header h4{margin:0;color:#2c3e50;font-size:.95rem}.mark-all-read{background:none;border:none;color:#667eea;font-size:.8rem;cursor:pointer;text-decoration:underline}.mark-all-read:hover{color:#5a6fd8}.notification-list{max-height:300px;overflow-y:auto}.no-notifications{padding:20px;text-align:center;color:#6c757d;font-style:italic;margin:0}.notification-item{padding:12px 16px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s ease}.notification-item:hover{background-color:#f8f9fa}.notification-item:last-child{border-bottom:none}.notification-title{display:block;font-weight:600;color:#2c3e50;font-size:.9rem;margin-bottom:4px}.notification-message{display:block;color:#6c757d;font-size:.8rem}.year-selector-container{position:relative}.year-selector-btn{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:4px;transition:all .2s ease}.year-selector-btn:hover{background:rgba(255,255,255,.25);border-color:#ffffff80}.year-selector-btn.historical{background:rgba(255,193,7,.3);border-color:#ffc10799}.year-indicator{font-size:.75rem;opacity:.8}.year-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:white;border-radius:8px;box-shadow:0 4px 20px #00000026;min-width:180px;z-index:1000;overflow:hidden;animation:yearDropdownFadeIn .15s ease}@keyframes yearDropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.year-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #eee;background:#f8f9fa}.year-dropdown-header span{font-weight:600;color:#2c3e50;font-size:.85rem}.reset-year-btn{background:none;border:none;color:#667eea;font-size:.8rem;cursor:pointer;padding:2px 6px;border-radius:4px;transition:background .2s}.reset-year-btn:hover{background:rgba(102,126,234,.1)}.year-list{padding:8px;display:flex;flex-direction:column;gap:4px}.year-option{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:none;border:none;width:100%;text-align:left;cursor:pointer;border-radius:6px;font-size:.9rem;color:#2c3e50;transition:all .15s ease}.year-option:hover{background:#f0f4ff}.year-option.active{background:#667eea;color:#fff}.year-option.active .current-badge{background:rgba(255,255,255,.25);color:#fff}.year-option.current{font-weight:500}.current-badge{font-size:.7rem;background:#e8f5e9;color:#2e7d32;padding:2px 6px;border-radius:4px;font-weight:500}.historical-year-banner{background:linear-gradient(90deg,#fff3cd 0%,#ffeeba 100%);color:#856404;padding:8px 20px;text-align:center;font-size:.9rem;border-bottom:1px solid #ffc107;display:flex;justify-content:center;align-items:center;gap:12px}.historical-year-banner button{background:#856404;color:#fff;border:none;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:.8rem;transition:background .2s}.historical-year-banner button:hover{background:#6d5003}.app-footer{background-color:#e9ecef;color:var(--secondary-color);padding:20px;text-align:center;border-top:1px solid #dee2e6;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto}.app-footer p{margin:0 0 10px;font-size:.9em}.app-footer nav ul{list-style:none;padding:0;margin:0;display:flex;justify-content:center;gap:15px}.app-footer nav ul li a{color:var(--secondary-color);text-decoration:none;font-size:.9em}.app-footer nav ul li a:hover{color:var(--primary-color);text-decoration:underline}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex-grow:1;padding-top:20px;padding-bottom:20px}.container{width:90%;max-width:1200px;margin:auto;padding:20px}.toast-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:90vw;width:480px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:10px;box-shadow:0 4px 20px #00000026,0 2px 8px #0000001a;position:relative;overflow:hidden;pointer-events:auto;animation:toastSlideIn .3s ease-out forwards;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.toast-exit{animation:toastSlideOut .2s ease-in forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.95)}}.toast-success{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff}.toast-error{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff}.toast-warning{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff}.toast-info{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff}.toast-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;background:rgba(255,255,255,.25);border-radius:50%}.toast-content{flex:1;min-width:0}.toast-title{font-weight:600;font-size:.95rem;margin-bottom:2px}.toast-message{font-size:.9rem;opacity:.95;line-height:1.4;word-break:break-word}.toast-close{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.2);border:none;border-radius:50%;color:inherit;font-size:16px;cursor:pointer;transition:background .2s ease,transform .2s ease;padding:0;line-height:1}.toast-close:hover{background:rgba(255,255,255,.35);transform:scale(1.1)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:rgba(255,255,255,.4);animation:toastProgress linear forwards;width:100%}@keyframes toastProgress{0%{width:100%}to{width:0%}}@media (max-width: 600px){.toast-container{top:10px;left:10px;right:10px;transform:none;width:auto}.toast{padding:12px 14px}.toast-message{font-size:.85rem}}@media (prefers-contrast: high){.toast{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.toast,.toast-exit,.toast-progress{animation-duration:.01ms!important}}:root{--primary-color: #007bff;--secondary-color: #6c757d;--background-color: #f8f9fa;--text-color: #212529;--font-family: Arial, sans-serif;--header-height: 60px}body{font-family:var(--font-family);color:var(--text-color);background-color:var(--background-color);margin:0;padding-top:var(--header-height)}h1,h2,h3,h4,h5,h6{color:var(--primary-color)}body{margin:0;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-color)}#root{display:flex;flex-direction:column;min-height:calc(100vh - var(--header-height))}main{flex-grow:1;padding:20px}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}button,.button{background-color:var(--primary-color);color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;font-size:1em}button:hover,.button:hover{opacity:.9}input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{width:100%;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}label{display:block;margin-bottom:5px;font-weight:700}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.error-message{color:red;margin-bottom:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.rating-input{margin-top:15px}.rating-input-label{display:block;font-weight:700;margin-bottom:8px;color:var(--text-color)}.rating-scale{display:flex;align-items:center;justify-content:center;gap:6px;max-width:100%;box-sizing:border-box}.rating-buttons{display:flex;align-items:center;flex:0 0 auto;gap:max(2px,min(6px,calc(24px / var(--rating-count, 5))))}.rating-button{border-radius:50%;border:2px solid var(--primary-color);background-color:#fff;color:var(--primary-color);font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;width:max(24px,min(36px,calc(240px / var(--rating-count, 5))));height:max(24px,min(36px,calc(240px / var(--rating-count, 5))));font-size:max(10px,min(14px,calc(20px / var(--rating-count, 5))))}.rating-button:hover{background-color:var(--primary-color);color:#fff;transform:scale(1.05)}.rating-button.selected{background-color:var(--primary-color);color:#fff}.rating-button:disabled{opacity:.5;cursor:not-allowed}.rating-label{font-size:12px;color:var(--text-color);font-weight:500;opacity:.8;flex-shrink:0;max-width:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.min-label{text-align:right}.max-label{text-align:left}.rating-preview{margin-top:15px}.rating-scale-preview{display:flex;align-items:center;justify-content:center;gap:6px;padding:15px;background-color:var(--background-color);border-radius:8px;border:1px solid #e0e0e0;overflow:hidden;max-width:100%;box-sizing:border-box;min-height:60px}.rating-options{display:flex;align-items:center;justify-content:center;flex:0 0 auto;gap:max(2px,min(6px,calc(24px / var(--rating-count, 5))));overflow:hidden}.rating-option{display:flex;align-items:center;justify-content:center;flex-shrink:0}.rating-circle{border-radius:50%;border:2px solid var(--primary-color);background-color:#fff;color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-weight:700;text-align:center;line-height:1;flex-shrink:0;width:max(18px,min(28px,calc(200px / var(--rating-count, 5))));height:max(18px,min(28px,calc(200px / var(--rating-count, 5))));font-size:max(8px,min(12px,calc(16px / var(--rating-count, 5))))}