:root{color-scheme:light;font-family:Inter,Roboto,Open Sans,Noto Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;font-weight:400;--color-background: #ffffff;--color-surface: #ffffff;--color-surface-soft: #f5f5f5;--color-text-primary: #000000;--color-text-secondary: #333333;--color-text-muted: #555555;--color-border: #e0e0e0;--color-divider: #dddddd;--color-accent: #1e3a8a;--color-accent-hover: #162d6a;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--font-size-xs: .875rem;--font-size-sm: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.5rem;--font-size-xl: 2rem;--transition-duration: .12s;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--color-background);color:var(--color-text-primary)}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-1);font-weight:600;color:var(--color-text-primary);line-height:1.3}p{margin:0 0 var(--space-2);color:var(--color-text-secondary)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-duration) ease}a:hover,a:focus{color:var(--color-accent-hover);text-decoration:underline}button{font-family:inherit;font-size:var(--font-size-sm);border-radius:0;cursor:pointer;transition:background-color var(--transition-duration) ease,color var(--transition-duration) ease,border-color var(--transition-duration) ease}button:disabled{cursor:not-allowed;opacity:.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:0 var(--space-2);min-height:40px;border:1px solid var(--color-text-primary);background:var(--color-surface);color:var(--color-text-primary)}.btn:hover:not(:disabled),.btn:focus-visible:not(:disabled){background:var(--color-text-primary);color:var(--color-surface)}.btn-primary{border-color:var(--color-accent);background:var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled),.btn-primary:focus-visible:not(:disabled){background:var(--color-accent-hover)}.btn-secondary{border-color:var(--color-text-primary);background:var(--color-surface);color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled),.btn-secondary:focus-visible:not(:disabled){background:var(--color-text-primary);color:var(--color-surface)}.btn-full{width:100%}input,select,textarea{width:100%;padding:0 var(--space-2);min-height:40px;border:1px solid var(--color-border);border-radius:0;background:var(--color-surface);font-family:inherit;font-size:var(--font-size-sm);color:var(--color-text-primary)}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-accent);outline-offset:1px}table{width:100%;border-collapse:collapse;border:1px solid var(--color-border);background:var(--color-surface)}.table-wrapper{width:100%;overflow-x:auto;border:1px solid var(--color-border);background:var(--color-surface)}.table-wrapper table{border:none;min-width:600px}thead{background:var(--color-surface-soft)}th,td{padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--color-border);text-align:left;font-size:var(--font-size-sm)}tbody tr:last-of-type td{border-bottom:none}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--color-background)}.app-header{border-bottom:1px solid var(--color-border);background:var(--color-surface)}.app-header__inner{margin:0 auto;padding:var(--space-2) var(--space-3);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.brand-title{font-size:var(--font-size-lg);font-weight:600;letter-spacing:.02em;display:flex;align-items:center}.app-nav{display:flex;gap:var(--space-1)}.nav-link{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-bottom:2px solid transparent;color:var(--color-text-primary);font-weight:500}.nav-link:hover,.nav-link:focus{color:var(--color-accent)}.nav-link--active{border-color:var(--color-accent);color:var(--color-accent)}.app-user{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.app-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:var(--space-3)}.app-footer{border-top:1px solid var(--color-border);padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-surface)}.app-footer__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.app-footer__links{display:flex;gap:var(--space-2)}.footer-link{color:var(--color-text-secondary);font-weight:500;transition:color var(--transition-duration) ease;display:flex;align-items:center;gap:var(--space-1)}.footer-link:hover{color:var(--color-accent);text-decoration:none}.page{display:flex;flex-direction:column;gap:var(--space-3)}.page-header{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2)}.page-container{display:flex;flex-direction:column;gap:var(--space-3)}.page-title{font-size:var(--font-size-xl);margin-bottom:var(--space-1);display:flex;align-items:center}.page-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.page-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.inline-icon{display:inline-block;margin-right:var(--space-1)}.action-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);background:var(--color-surface)}.action-bar__group{display:flex;gap:var(--space-1)}.text-muted{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.surface{border:1px solid var(--color-border);background:var(--color-surface);padding:var(--space-3)}.surface--soft{background:var(--color-surface-soft)}.surface-stack{display:flex;flex-direction:column;gap:var(--space-2)}.status-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-2)}.status-tile{border:1px solid var(--color-border);padding:var(--space-2);background:var(--color-surface);display:flex;flex-direction:column;gap:var(--space-1)}.status-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.status-value{font-size:var(--font-size-lg);font-weight:600}.form-grid{display:grid;gap:var(--space-2)}.form-field{display:flex;flex-direction:column;gap:var(--space-1)}.form-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary)}.form-help{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.alert{border:1px solid var(--color-border);padding:var(--space-2);font-size:var(--font-size-sm);background:var(--color-surface)}.alert-success{border-color:var(--color-text-primary)}.alert-error{border-color:var(--color-text-primary);color:var(--color-text-primary)}.import-area{border:1px dashed var(--color-border);padding:var(--space-3);background:var(--color-surface);display:flex;flex-direction:column;gap:var(--space-2)}.import-controls{display:flex;gap:var(--space-2);align-items:center}.toast-portal{position:fixed;top:var(--space-4);right:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);z-index:1100;pointer-events:none}.toast{pointer-events:auto;min-width:260px;padding:var(--space-2);border-radius:12px;border:1px solid transparent;font-size:var(--font-size-sm);font-weight:500;background:#111827eb;color:#fff;box-shadow:0 18px 30px -12px #0f172a59;transition:transform .18s ease,opacity .18s ease;text-align:left;cursor:pointer}.toast:hover,.toast:focus-visible{transform:translateY(-2px);opacity:.95;outline:none;box-shadow:0 22px 32px -14px #0f172a59,0 0 0 2px #ffffff59}.toast--success{background:linear-gradient(135deg,#059669,#10b981)}.toast--warning{background:linear-gradient(135deg,#d97706,#f59e0b)}.toast--error{background:linear-gradient(135deg,#dc2626,#ef4444)}.toast--info{background:linear-gradient(135deg,#2563eb,#3b82f6)}.metric-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-2)}.metric-card{border:1px solid var(--color-border);padding:var(--space-2);background:var(--color-surface);display:flex;flex-direction:column;gap:var(--space-1)}.metric-card--clickable{text-decoration:none;color:inherit;transition:all var(--transition-duration) ease;cursor:pointer}.metric-card--clickable:hover{border-color:var(--color-accent);background:var(--color-surface-soft);transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.metric-icon{font-size:24px;color:var(--color-accent)}.metric-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.metric-value{font-size:var(--font-size-md);font-weight:600}.list-reset{list-style:none;padding:0;margin:0}.feature-item{border:1px solid var(--color-border);padding:var(--space-2);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);background:var(--color-surface)}.feature-info{display:flex;align-items:center;gap:var(--space-2)}.feature-icon{font-size:20px;color:var(--color-text-secondary)}.feature-item--inactive{opacity:.6}.feature-status{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.feature-status--active{color:var(--color-accent)}.status-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);background:var(--color-surface);font-size:var(--font-size-xs)}.status-pill--active{border-color:var(--color-accent);color:var(--color-accent)}.schedule-summary{display:flex;flex-direction:column;gap:var(--space-2)}.schedule-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.divider{height:1px;background:var(--color-divider)}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-background);padding:var(--space-3)}.auth-card{width:100%;max-width:400px;border:1px solid var(--color-border);background:var(--color-surface);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.auth-header{display:flex;flex-direction:column;gap:var(--space-1)}.auth-title{font-size:var(--font-size-lg)}.timetable-editor{display:flex;flex-direction:column;gap:var(--spacing-md)}.timetable-header{display:flex;flex-direction:column;gap:var(--spacing-xs)}.timetable-table{overflow-x:auto}.timetable-table table{width:100%;border-collapse:collapse;min-width:720px}.timetable-table th,.timetable-table td{border:1px solid var(--border-color);padding:var(--spacing-xs);vertical-align:top;background:var(--bg-color)}.timetable-table th:first-child{width:80px;background:var(--bg-secondary);font-weight:600}.timetable-cell{min-height:90px;display:flex;flex-direction:column;gap:var(--spacing-xs)}.class-card{position:relative;border-radius:var(--radius-sm, 8px);padding:var(--spacing-sm);box-shadow:0 1px 3px #0f172a26;cursor:grab;transition:transform .2s ease,box-shadow .2s ease}.class-card:active{cursor:grabbing;transform:scale(1.01);box-shadow:0 6px 18px #0f172a33}.class-card__header{display:flex;align-items:flex-start;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.class-card__header svg{flex-shrink:0;opacity:.6}.class-card__details{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:var(--font-size-sm)}.class-card__details li{display:flex;align-items:center;gap:6px}.auth-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.auth-form{display:flex;flex-direction:column;gap:var(--space-2)}.card-heading{display:flex;align-items:center;gap:var(--space-2)}.card-heading svg{font-size:24px}.link-button{border:none;background:none;color:var(--color-accent);padding:0;font-weight:500}.link-button:hover,.link-button:focus{color:var(--color-accent-hover);text-decoration:underline}.loading-state{display:flex;align-items:center;justify-content:center;min-height:240px;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.empty-state{padding:var(--space-3);text-align:center;color:var(--color-text-secondary)}.metric-with-icon{display:inline-flex;align-items:center;gap:var(--space-1)}details summary{cursor:pointer;font-weight:600;padding:var(--space-1);border:1px solid var(--color-border);background:var(--color-surface)}details[open] summary{border-bottom:none}@media (max-width: 768px){.app-header__inner{flex-direction:column;align-items:flex-start}.app-nav{flex-wrap:wrap}.action-bar{flex-direction:column;align-items:flex-start}.import-controls{flex-direction:column;align-items:stretch}.btn{width:100%}.app-main{padding:var(--space-2)}.metric-grid,.status-grid{grid-template-columns:1fr}.schedule-header{flex-direction:column}.form-grid{grid-template-columns:1fr}th,td{padding:var(--space-1);font-size:.8rem}.validation-list{max-height:200px}}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.container{max-width:1400px;margin:0 auto;padding:var(--spacing-md)}.grid{display:grid;gap:var(--spacing-md)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.flat{box-shadow:none;background:var(--color-white)}.spinner{border:3px solid var(--color-border);border-top:3px solid var(--color-accent);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--color-text-primary)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}a{font-weight:500;color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary-dark)}button{border-radius:var(--radius-lg);border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;font-family:inherit;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-md)}button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}button:active{transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}input,textarea,select{font-family:inherit;font-size:1rem;padding:.75rem 1rem;border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:all .2s ease;width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.card{background:var(--color-surface);border:1px solid var(--color-border);padding:0;margin-bottom:var(--space-3)}.card-header{padding:var(--space-3);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.card-body{padding:var(--space-3)}.badge-secondary{display:inline-block;padding:4px 12px;border:1px solid var(--color-border);background:var(--color-surface-soft);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary)}.data-table{width:100%;border-collapse:collapse}.overflow-x-auto{overflow-x:auto}.space-y-1>*+*{margin-top:var(--space-1)}.space-y-2>*+*{margin-top:var(--space-2)}.space-y-3>*+*{margin-top:var(--space-3)}.space-y-4>*+*{margin-top:calc(var(--space-3) * 1.5)}.text-xl{font-size:var(--font-size-lg)}.text-lg{font-size:var(--font-size-md)}.text-gray-600{color:var(--color-text-muted)}.text-gray-700{color:var(--color-text-secondary)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.list-disc{list-style-type:disc}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.bg-blue-50{background-color:#eff6ff}.bg-yellow-50{background-color:#fffbeb}.border-blue-200{border-color:#bfdbfe}.border-yellow-200{border-color:#fde68a}.text-blue-800{color:#1e40af}.text-blue-900{color:#1e3a8a}.text-yellow-800{color:#92400e}.text-yellow-900{color:#78350f}.rounded{border-radius:4px}.btn-success{border-color:#10b981;background:#10b981;color:#fff}.btn-success:hover:not(:disabled),.btn-success:focus-visible:not(:disabled){background:#059669}.spinner{border:3px solid var(--color-gray-200);border-top:3px solid var(--color-primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.validation-panel{border:1px solid var(--color-border);background:var(--color-surface);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-2) 0}.validation-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.validation-title{display:flex;align-items:center;gap:var(--space-1);font-weight:600;font-size:var(--font-size-sm)}.validation-title svg{color:#d97706}.validation-list{display:flex;flex-direction:column;gap:var(--space-1);max-height:300px;overflow-y:auto}.validation-item{display:flex;align-items:flex-start;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);background:var(--color-surface);font-size:var(--font-size-xs)}.validation-item--warning{border-left:3px solid #d97706;background:#fffbeb}.validation-item--warning svg{color:#d97706}.timetable-editor-container{display:flex;gap:var(--space-3);align-items:flex-start}.timetable-editor{flex:1;min-width:0}.timetable-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.timetable-side-panel{width:300px;flex-shrink:0;border:1px solid var(--color-border);background:var(--color-surface);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);position:sticky;top:var(--space-3);max-height:calc(100vh - 6rem);overflow-y:auto}.side-panel-header{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2)}.side-panel-header h3{margin:0 0 var(--space-1) 0;font-size:var(--font-size-md)}.side-panel-list{display:flex;flex-direction:column;gap:var(--space-2)}.class-card__actions{position:absolute;top:6px;right:6px;display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.class-card:hover .class-card__actions{opacity:1}.class-card__action-btn{border:none;width:22px;height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.class-card__action-btn--hold{background-color:#3b82f6e6;color:#fff}.class-card__action-btn--hold:hover{background-color:#2563eb}.class-card__action-btn--delete{background-color:#dc2626e6;color:#fff}.class-card__action-btn--delete:hover{background-color:#b91c1c}.timetable-editor-container{display:flex;gap:1.5rem;align-items:flex-start;width:100%}.timetable-editor{flex:1;min-width:0;display:flex;flex-direction:column;gap:1rem}.timetable-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:2px solid var(--color-border)}.timetable-header h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--color-text-primary)}.timetable-table{overflow-x:auto;border-radius:12px;box-shadow:0 4px 6px #0000000d;background:#fff}.timetable-table table{width:100%;border-collapse:separate;border-spacing:0;min-width:720px}.timetable-table thead{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.timetable-table thead th{padding:1rem;font-weight:600;color:var(--color-text-primary);text-align:center;border-bottom:2px solid #dee2e6;position:sticky;top:0;background:linear-gradient(135deg,#f8f9fa,#e9ecef);z-index:10}.timetable-table thead th:first-child{text-align:left;border-top-left-radius:12px}.timetable-table thead th:last-child{border-top-right-radius:12px}.timetable-table tbody tr:nth-child(2n){background:#fafbfc}.timetable-table tbody tr:nth-child(odd){background:#fff}.timetable-table th:first-child{width:90px;background:#f8f9fa;font-weight:600;text-align:left;padding:.75rem 1rem;border-right:2px solid #dee2e6;color:var(--color-text-secondary);position:sticky;left:0;z-index:5}.timetable-table td{padding:.5rem;vertical-align:top;border:1px solid #e9ecef;min-height:100px;position:relative;transition:background-color .15s ease}.timetable-table td:hover{background-color:#f1f3f5!important}.timetable-table td.drag-over{background-color:#3b82f61a!important;border:2px dashed #3b82f6;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.timetable-cell{min-height:100px;display:flex;flex-direction:column;gap:.5rem;padding:.25rem}.class-card{position:relative;border-radius:10px;padding:.875rem;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000f;cursor:grab;transition:all .25s cubic-bezier(.4,0,.2,1);border:2px solid transparent;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.class-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ffffff80,#fffc,#ffffff80);opacity:0;transition:opacity .25s ease}.class-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001f,0 3px 8px #00000014}.class-card:hover:before{opacity:1}.class-card:active{cursor:grabbing;transform:scale(1.02);box-shadow:0 12px 28px #00000026,0 5px 12px #0000001a}.class-card.dragging{opacity:.5;transform:scale(.95)}.class-card__header{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.625rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,0,0,.08)}.class-card__header svg{flex-shrink:0;opacity:.7;transition:opacity .2s ease;margin-top:2px}.class-card:hover .class-card__header svg{opacity:1}.class-card__header strong{font-weight:600;font-size:.95rem;line-height:1.3}.class-card__header .text-muted{font-size:.8rem;opacity:.7;margin-top:2px}.class-card__details{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.375rem;font-size:.875rem}.class-card__details li{display:flex;align-items:center;gap:.5rem;transition:transform .15s ease}.class-card__details li svg{flex-shrink:0;opacity:.6}.class-card__actions{position:absolute;top:8px;right:8px;display:flex;gap:.375rem;opacity:0;transform:translateY(-4px);transition:all .2s cubic-bezier(.4,0,.2,1);z-index:10}.class-card:hover .class-card__actions{opacity:1;transform:translateY(0)}.class-card__action-btn{border:none;width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;box-shadow:0 2px 4px #0000001a}.class-card__action-btn svg{width:14px;height:14px}.class-card__action-btn--hold{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.class-card__action-btn--hold:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:scale(1.1)}.class-card__action-btn--delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.class-card__action-btn--delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:scale(1.1)}.timetable-side-panel{width:320px;flex-shrink:0;border-radius:12px;border:2px solid var(--color-border);background:#fff;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;position:sticky;top:1.5rem;max-height:calc(100vh - 6rem);overflow-y:auto;box-shadow:0 4px 12px #0000000f}.side-panel-header{border-bottom:2px solid var(--color-border);padding-bottom:1rem}.side-panel-header h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.side-panel-header .text-muted{font-size:.875rem;color:var(--color-text-secondary)}.side-panel-list{display:flex;flex-direction:column;gap:.875rem}.empty-state{padding:2rem 1rem;text-align:center;color:var(--color-text-secondary);font-size:.9rem;line-height:1.6}.validation-panel{border-radius:8px;border:2px solid #fbbf24;background:linear-gradient(135deg,#fffbeb,#fef3c7);padding:1rem;display:flex;flex-direction:column;gap:.75rem;margin:1rem 0;box-shadow:0 2px 8px #fbbf241a}.validation-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.validation-title{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9rem;color:#92400e}.validation-title svg{color:#f59e0b;flex-shrink:0}.validation-list{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.validation-item{display:flex;align-items:flex-start;gap:.5rem;padding:.625rem;border-radius:6px;border:1px solid rgba(0,0,0,.1);background:#fff;font-size:.85rem;transition:all .15s ease}.validation-item:hover{transform:translate(4px);box-shadow:0 2px 4px #0000000d}.validation-item svg{flex-shrink:0;margin-top:2px}.validation-item--error{border-left:3px solid #dc2626;background:#fef2f2}.validation-item--error svg{color:#dc2626}.validation-item--warning{border-left:3px solid #f59e0b;background:#fffbeb}.validation-item--warning svg{color:#f59e0b}@media (max-width: 1024px){.timetable-editor-container{flex-direction:column}.timetable-side-panel{width:100%;position:relative;top:0;max-height:400px}}@media (max-width: 768px){.timetable-table{border-radius:8px}.timetable-table thead th{padding:.75rem .5rem;font-size:.875rem}.timetable-table th:first-child{width:70px;padding:.5rem}.timetable-table td{padding:.375rem}.class-card{padding:.625rem;border-radius:8px}.class-card__header{gap:.375rem;margin-bottom:.5rem}.class-card__details{font-size:.8rem;gap:.25rem}.class-card__action-btn{width:24px;height:24px}.class-card__actions{opacity:1}}.class-card:focus-visible{outline:3px solid #3b82f6;outline-offset:2px}.class-card__action-btn:focus-visible{outline:2px solid white;outline-offset:1px;box-shadow:0 0 0 3px #3b82f6}.timetable-side-panel::-webkit-scrollbar{width:8px}.timetable-side-panel::-webkit-scrollbar-track{background:#f1f3f5;border-radius:4px}.timetable-side-panel::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.timetable-side-panel::-webkit-scrollbar-thumb:hover{background:#a0aec0}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.class-card.new{animation:slideIn .3s ease-out}