:root{color:#0f172a;background:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,.button{border:1px solid #cbd5e1;background:#fff;color:#0f172a;border-radius:8px;padding:.62rem .85rem;cursor:pointer;text-align:center}button:hover,.button:hover{border-color:#0f766e}.app-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}.sidebar{background:#0f172a;color:#f8fafc;padding:1.25rem;display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:0;height:100vh}.sidebar h1{margin:0;font-size:1.7rem}.sidebar nav{display:grid;gap:.45rem}.sidebar button{background:transparent;color:#cbd5e1;border-color:transparent;text-align:left}.sidebar button.active{background:#0f766e;color:#fff;border-color:#14b8a6}.offline-pill{margin-top:auto;border:1px solid #334155;border-radius:999px;padding:.5rem .75rem;color:#99f6e4}main{padding:1.25rem;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.topbar h2{margin:0;font-size:1.65rem}.eyebrow{margin:0 0 .2rem;color:#64748b;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.actions,.inline-form{display:flex;flex-wrap:wrap;gap:.6rem;align-items:end}.stack{display:grid;gap:1rem}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}.stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem}.stat,.panel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0f172a0a}.stat{padding:1rem;display:grid;gap:.4rem}.stat span,.muted,small{color:#64748b}.stat strong{font-size:1.45rem}.panel{padding:1rem}.panel h3{margin:0 0 .85rem}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.panel-title h3{margin:0}.hero-panel p{max-width:56rem;color:#475569}.table-wrap{overflow:auto;border:1px solid #e2e8f0;border-radius:8px}table{border-collapse:collapse;width:100%;min-width:680px}th,td{border-bottom:1px solid #e2e8f0;padding:.65rem;text-align:left;vertical-align:top}th{background:#f1f5f9;font-size:.82rem}td small,th small{display:block;font-size:.72rem;margin-top:.2rem}.crud{display:grid;gap:.8rem}.form-card{display:grid;gap:.7rem;padding:.85rem;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.field{display:grid;gap:.25rem}.field span,legend{color:#475569;font-size:.82rem}input,select{width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:.62rem .7rem;background:#fff;color:#0f172a}textarea{width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:.7rem;resize:vertical;min-height:9rem;background:#fff;color:#0f172a}.search{max-width:16rem}.import-panel{display:grid;gap:.75rem}.import-panel h3,.import-panel p{margin:0}fieldset{border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:.35rem}.check{display:flex;gap:.5rem;align-items:center;color:#334155}.check input{width:auto}.item-list{display:grid;gap:.45rem}.list-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.45rem;align-items:center}.list-row.numbered{grid-template-columns:2.25rem minmax(0,1fr) auto auto}.row-number{display:grid;place-items:center;width:2rem;height:2rem;border-radius:999px;background:#e2e8f0;color:#334155;font-weight:700}.row-label{min-width:0;overflow-wrap:anywhere}.danger{color:#b91c1c}.issue{display:grid;gap:.2rem;border-left:4px solid #dc2626;background:#fef2f2;padding:.65rem .75rem;margin-top:.55rem;border-radius:6px}.issue.warn{border-left-color:#d97706;background:#fffbeb}.unplaced-card{gap:.55rem}.suggestion-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.45rem}.suggestion-grid button{background:#fff;border-color:#fca5a5;text-align:left}.suggestion-grid button:hover{border-color:#0f766e;background:#f0fdfa}.readonly-suggestions span{display:block;background:#fff;border:1px solid #fed7aa;border-radius:6px;padding:.45rem .55rem;font-size:.9rem}.badge{background:#ccfbf1;color:#115e59;padding:.3rem .55rem;border-radius:999px;font-weight:700}.toast-container{position:fixed;right:1.25rem;bottom:1.25rem;z-index:1000;display:flex;flex-direction:column;gap:.5rem;max-width:min(26rem,calc(100vw - 2.5rem));pointer-events:none}.toast-card{pointer-events:auto;display:flex;align-items:center;gap:.75rem;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.85rem 1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;cursor:pointer;animation:toast-slide-in .25s ease-out;transition:opacity .2s ease}.toast-card:hover{opacity:.9}@keyframes toast-slide-in{0%{transform:translateY(1.25rem);opacity:0}to{transform:translateY(0);opacity:1}}.toast-success{border-left:4px solid #10b981;background:#f0fdf4}.toast-success .toast-icon{color:#10b981}.toast-warning{border-left:4px solid #f59e0b;background:#fffbeb}.toast-warning .toast-icon{color:#f59e0b}.toast-error{border-left:4px solid #ef4444;background:#fef2f2}.toast-error .toast-icon{color:#ef4444}.toast-info{border-left:4px solid #3b82f6;background:#eff6ff}.toast-info .toast-icon{color:#3b82f6}.toast-icon{font-weight:700;font-size:1.15rem}.toast-text{flex:1;color:#1e293b;font-size:.9rem;font-weight:500;line-height:1.25}.toast-close{background:transparent;border:0;color:#94a3b8;font-size:1.25rem;padding:0;cursor:pointer;line-height:1}.toast-close:hover{color:#475569}td.drag-over{background:#ccfbf1!important;border:2px dashed #0f766e!important;transition:background .15s ease,border .15s ease}.draggable-cell{cursor:grab;user-select:none}.draggable-cell:active{cursor:grabbing}.timetable-grid td{min-width:120px;height:86px;vertical-align:middle}.cell{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:.2rem;border-color:#99f6e4;background:#f0fdfa;padding:.45rem;text-align:center}.cell.bad{background:#fef2f2;border-color:#fecaca}.cell.selected{outline:3px solid #0f766e;outline-offset:2px}.cell-subject{font-weight:700;font-size:.95rem;color:#0f172a;text-transform:uppercase;letter-spacing:.02em;line-height:1.15}.cell-teacher{font-weight:500;font-size:.8rem;color:#334155;line-height:1.2}.cell-venue{font-size:.72rem;color:#0f766e;background:#ccfbf1;border:1px solid #99f6e4;border-radius:4px;padding:1px 6px;font-weight:600;width:fit-content;margin:0 auto}.empty-cell-label{color:#94a3b8;font-size:.82rem;font-weight:600;display:block;text-align:center}.nonteach-cell{background:#f8fafc;color:#1e293b;text-align:center;font-weight:700;vertical-align:middle}.vertical-break{background:#f1f5f9!important;color:#334155!important;padding:8px 4px!important;vertical-align:middle!important;text-align:center!important}.vertical-break .break-text{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;margin:0 auto}.merged-event,.school-wide-event{background:#f8fafc!important;color:#0f172a!important;vertical-align:middle!important;text-align:center!important;padding:0!important;height:100%}.event-vertical-text{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.9rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;margin:auto;display:flex;align-items:center;justify-content:center;height:100%;min-height:72px;width:100%}.nonteach-head{background:#e2e8f0!important;color:#334155;font-weight:700}.empty-slot{background:#f8fafc}.view-toggle{display:inline-flex;border:1px solid #cbd5e1;border-radius:8px;overflow:hidden;background:#fff}.view-toggle button{border:0;border-radius:0}.view-toggle button.active{background:#0f766e;color:#fff}.school-grid td{min-width:112px;height:74px;vertical-align:middle}.inline-form>.field{min-width:13rem}.inline-form>.manual-search{min-width:18rem;flex:1 1 18rem}.slot-editor{display:grid;gap:.7rem}.slot-row{display:grid;grid-template-columns:9rem minmax(10rem,1fr) 8rem 8rem 7rem 8rem auto;gap:.5rem;align-items:end;padding:.7rem;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.global-event-form{display:grid;gap:.75rem;padding:.85rem;border:1px solid #ccfbf1;border-radius:8px;background:#f0fdfa}.global-event-form h4,.global-event-form p{margin:0}.saved-events{display:grid;gap:.65rem;padding:.85rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.saved-events h4,.saved-events p{margin:0}.guide-backdrop{position:fixed;inset:0;z-index:50;background:#0f172a8c;display:grid;place-items:center;padding:1rem}.guide-modal{width:min(980px,100%);max-height:min(760px,calc(100vh - 2rem));overflow:auto;background:#fff;border-radius:10px;box-shadow:0 24px 80px #0f172a4d;padding:1rem}.guide-header{display:flex;justify-content:space-between;gap:1rem;align-items:start}.guide-header h2{margin:0}.progress-bar{height:.55rem;background:#e2e8f0;border-radius:999px;overflow:hidden;margin:.85rem 0 1rem}.progress-bar span{display:block;height:100%;background:#0f766e}.guide-body{display:grid;grid-template-columns:minmax(16rem,.9fr) minmax(0,1.4fr);gap:1rem}.guide-steps{list-style:none;display:grid;gap:.35rem;margin:0;padding:0}.guide-steps button{width:100%;display:grid;grid-template-columns:2.2rem minmax(0,1fr);gap:.55rem;align-items:center;text-align:left}.guide-steps button.active{border-color:#0f766e;background:#f0fdfa}.done-dot,.todo-dot{display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:999px;font-size:.72rem;font-weight:800}.done-dot{background:#0f766e;color:#fff}.todo-dot{background:#e2e8f0;color:#334155}.guide-detail{display:grid;gap:.75rem;align-content:start;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;background:#f8fafc}.guide-detail h3,.guide-detail h4,.guide-detail p{margin:0}.install-note{display:grid;gap:.45rem;border:1px solid #ccfbf1;background:#f0fdfa;border-radius:8px;padding:.85rem}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr))}.stats-grid,.grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{align-items:start;flex-direction:column}}@media(max-width:620px){main,.sidebar{padding:.85rem}.sidebar nav,.stats-grid,.grid-two{grid-template-columns:1fr}.actions,.inline-form{display:grid;grid-template-columns:1fr}.panel-title{align-items:start;flex-direction:column}.list-row,.list-row.numbered{grid-template-columns:1fr}.row-number{width:auto;border-radius:8px}.slot-row,.guide-body{grid-template-columns:1fr}}