*{box-sizing:border-box}body{margin:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--border:#d0d5dd;--accent:#2563eb;--danger:#dc2626;--bg-subtle:#7f7f7f14;--page-bg:#f8fafc;--surface:#ffffffe6;--pattern-color:#47556924;--text:#1e293b;--modal-bg:#fff}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--page-bg:#0f172a;--surface:#1e293be0;--pattern-color:#94a3b829;--text:#e2e8f0;--border:#334155;--modal-bg:#1e293b}}:root[data-theme=light]{--page-bg:#f8fafc;--surface:#ffffffe6;--pattern-color:#47556924;--text:#1e293b;--border:#d0d5dd;--modal-bg:#fff}:root[data-theme=dark]{--page-bg:#0f172a;--surface:#1e293be0;--pattern-color:#94a3b829;--text:#e2e8f0;--border:#334155;--modal-bg:#1e293b}body{background-color:var(--page-bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.4;position:relative}body:before{content:"";z-index:-1;pointer-events:none;background-color:var(--pattern-color);position:fixed;inset:0;-webkit-mask-image:url(/pattern.svg);mask-image:url(/pattern.svg);-webkit-mask-size:240px 240px;mask-size:240px 240px;-webkit-mask-repeat:repeat;mask-repeat:repeat}.nav{border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;align-items:center;gap:.25rem;padding:.6rem 1.25rem;display:flex}.nav a{color:inherit;opacity:.7;border-radius:6px;padding:.4rem .7rem;font-weight:500;text-decoration:none;transition:background .15s,opacity .15s,color .15s}.nav-brand,.nav-brand:hover,.nav-brand.active{align-items:center;gap:.5rem;margin-right:.5rem;font-weight:700;display:flex;opacity:1!important;background:0 0!important}.nav-brand img{border-radius:6px}.theme-toggle{border:1px solid var(--border);width:36px;height:36px;color:inherit;opacity:.75;cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.theme-toggle:hover,.nav a:hover{opacity:1;background:var(--bg-subtle)}.nav a.active{opacity:1;color:var(--accent);background:#2563eb1f}.nav-user{opacity:.85;align-items:center;gap:.6rem;margin-left:auto;font-size:.9em;display:flex}.nav-username{color:inherit;border-radius:6px;padding:.3rem .5rem;font-weight:600;text-decoration:none}.nav-username:hover{background:var(--bg-subtle);text-decoration:underline}.container{background:var(--surface);border-radius:12px;max-width:960px;margin:1.5rem auto;padding:1.5rem 1.25rem 3rem;box-shadow:0 1px 3px #00000014}.container-wide{max-width:min(1400px,96vw)}h1{margin-top:0}table{border-collapse:collapse;width:100%;margin-bottom:1.5rem}th,td{border:1px solid var(--border);text-align:center;vertical-align:middle;padding:.4rem .6rem}.centered-table th,.centered-table td{text-align:center;vertical-align:middle;white-space:nowrap;height:3rem}table.grid th,table.grid td{text-align:center;min-width:90px}table.class-grid{table-layout:fixed;width:100%}table.class-grid th:first-child,table.class-grid td:first-child{width:48px;min-width:48px}table.class-grid td,table.class-grid th{text-align:center;vertical-align:middle;height:3.4rem}table.class-grid .lesson,table.class-grid .meta{overflow-wrap:break-word}table.teacher-master-grid th,table.teacher-master-grid td{text-align:center;vertical-align:middle;min-width:44px;height:2.6rem;padding:.3rem .35rem;font-size:.85em}table.teacher-master-grid .teacher-col{text-align:left;white-space:nowrap;min-width:160px}table.teacher-master-grid .lesson{font-size:.95em}.table-scroll{scrollbar-width:thin;scrollbar-color:var(--border) transparent;overflow-x:auto}.table-scroll::-webkit-scrollbar{height:9px}.table-scroll::-webkit-scrollbar-track{background:0 0}.table-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.table-scroll::-webkit-scrollbar-thumb:hover{background:var(--accent)}.teachers-table tbody tr:nth-child(2n),.data-table tbody tr:nth-child(2n){background:#7f7f7f0d}.teachers-table tbody tr:hover,.data-table tbody tr:hover{background:#2563eb12}.subject-badge{color:var(--accent);background:#2563eb1f;border-radius:999px;padding:.15rem .55rem;font-size:.85em;display:inline-block}.difficulty-form{margin:0}.difficulty-form select{width:3.5rem;padding:.2rem .3rem}.page-header{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.page-header h1{margin:0}.export-link{border:1px solid var(--border);color:inherit;background:var(--bg-subtle);cursor:pointer;border-radius:6px;align-items:center;gap:.4rem;margin-left:auto;padding:.4rem .9rem;font-size:.9em;font-weight:500;text-decoration:none;display:inline-flex}.export-link:hover{border-color:var(--accent);color:var(--accent)}.count-badge{background:var(--bg-subtle);opacity:.8;border-radius:999px;justify-content:center;align-items:center;min-width:1.6rem;padding:.15rem .5rem;font-size:.85em;font-weight:600;display:inline-flex}.toolbar{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.toolbar-panel{border:1px solid var(--border);background:var(--bg-subtle);border-radius:10px;padding:1rem 1.1rem}.toolbar-panel h3{opacity:.85;margin:0 0 .6rem;font-size:.95em}.toolbar-panel .inline-form,.toolbar-panel .hint{margin-bottom:0}.teacher-name{justify-content:flex-start;align-items:center;gap:.6rem;display:flex}.teachers-table td:first-child{text-align:left}.avatar{width:30px;min-width:30px;height:30px;color:var(--accent);background:#2563eb24;border-radius:50%;justify-content:center;align-items:center;font-size:.85em;font-weight:600;display:inline-flex}td.actions{white-space:nowrap}td.actions>*+*{margin-left:1rem}.btn-small{padding:.15rem .5rem;font-size:.8em}.lesson{font-weight:600}.meta{opacity:.75;font-size:.8em}.inline-form{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.stacked-form{flex-direction:column;gap:.75rem;max-width:320px;display:flex}.stacked-form label{flex-direction:column;gap:.3rem;font-size:.9em;display:flex}.consent-label{align-items:flex-start;flex-direction:row!important;gap:.5rem!important}.consent-label input[type=checkbox]{flex-shrink:0;width:auto;height:auto;margin-top:.2rem}.consent-label span{flex:1}.stacked-form input{box-sizing:border-box;width:100%}.auth-layout{align-items:center;gap:3rem;display:flex}.auth-form-col{flex:320px}.auth-brand{border-left:1px solid var(--border);flex:320px;padding-left:2rem}.auth-brand h2{margin:.75rem 0 .5rem;font-size:1.3em}.auth-brand p{opacity:.85;margin-bottom:.75rem}.auth-brand ul{opacity:.85;margin:0;padding-left:1.2rem;font-size:.9em}.auth-brand li{margin-bottom:.3rem}@media (width<=700px){.auth-layout{flex-direction:column;align-items:stretch}.auth-brand{border-left:none;border-top:1px solid var(--border);padding-top:1.25rem;padding-left:0}}form.inline{margin:0;display:inline}input,select,button{font:inherit;border:1px solid var(--border);color:inherit;background:0 0;border-radius:4px;padding:.35rem .5rem}.max-lessons-input{width:6rem}.password-input{width:10rem}.password-field{align-items:center;display:inline-flex;position:relative}.password-field input{padding-right:2.2rem}.password-toggle{width:1.6rem;height:1.6rem;color:inherit;opacity:.6;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;right:.4rem}.password-toggle:hover{opacity:1}button{cursor:pointer;background:var(--bg-subtle)}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.danger{color:var(--danger)}.subtitle{opacity:.8;margin-top:-.5rem}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin:1.5rem 0;display:grid}.stat-card{border:1px solid var(--border);background:var(--bg-subtle);color:inherit;border-radius:10px;flex-direction:column;gap:.4rem;padding:1rem 1.1rem;text-decoration:none;transition:background .15s,transform .15s,border-color .15s;display:flex}.stat-card:hover{border-color:var(--accent);background:#2563eb17;transform:translateY(-2px)}.stat-value{font-size:1.9rem;font-weight:600;line-height:1}.stat-label{opacity:.75;font-size:.85rem}.hero-actions{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:1.25rem;margin-top:1.75rem;padding-top:1.5rem;display:flex}.hero-actions form{margin:0}button.primary.large{padding:.7rem 1.5rem;font-size:1.05rem}.secondary-link{color:var(--accent);font-weight:500;text-decoration:none}.secondary-link:hover{text-decoration:underline}.form-actions{align-items:center;gap:.25rem;display:inline-flex}.cancel-link{color:inherit;opacity:.7;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;padding:.35rem .75rem;font-weight:500;text-decoration:none;display:inline-flex}.cancel-link:hover{opacity:1;border-color:var(--border);background:var(--bg-subtle)}.hint{opacity:.75;margin-top:.4rem;margin-bottom:.75rem;font-size:.85em}.flash,.message{border:1px solid var(--accent);background:#2563eb1a;border-radius:6px;margin-bottom:1.25rem;padding:.6rem 1rem}.flash p,.message p{margin:.2rem 0}.error{border:1px solid var(--danger);color:var(--danger);background:#dc26261a;border-radius:6px;margin-bottom:1.25rem;padding:.6rem 1rem}.warning{background:#d977061a;border:1px solid #d97706;border-radius:6px;margin-bottom:1.5rem;padding:.75rem 1rem}.section-title{border-bottom:1px solid var(--border);margin:2rem 0 1rem;padding-bottom:.4rem}.tabs{border-bottom:1px solid var(--border);gap:.25rem;margin-bottom:1.5rem;display:flex}.tab{color:inherit;opacity:.65;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:.55rem 1rem;font-weight:500;text-decoration:none}.tab:hover{opacity:1}.tab.active{opacity:1;color:var(--accent);border-bottom-color:var(--accent)}.schedule-card{border:1px solid var(--border);background:var(--bg-subtle);border-radius:10px;margin-bottom:1.25rem;padding:1rem 1.1rem 1.25rem}.schedule-card h3{margin:0 0 .75rem;font-size:1em}.schedule-card table{background:var(--surface);margin-bottom:0}.empty-state{opacity:.75;text-align:center;padding:1.5rem 0}.day-toggles{justify-content:center;gap:.25rem;display:flex}.day-toggle{border:1px solid var(--border);color:inherit;opacity:.6;background:0 0;border-radius:4px;padding:.15rem .4rem;font-size:.75em}.day-toggle:hover{opacity:1}.day-toggle.active{opacity:1;border-color:var(--danger);color:var(--danger);background:#dc26261f;font-weight:600}.link-btn{color:var(--accent);cursor:pointer;opacity:.85;background:0 0;border:none;margin-top:.35rem;padding:0;font-size:.75em;display:inline-block}.link-btn:hover{opacity:1;text-decoration:underline}.period-toggle-table{width:auto;margin-bottom:0}.period-toggle-table th,.period-toggle-table td{text-align:center;min-width:32px;padding:.2rem .3rem;font-size:.75em}.period-toggle{border:1px solid var(--border);width:24px;height:22px;color:var(--danger);opacity:.6;cursor:pointer;background:0 0;border-radius:4px;padding:0}.period-toggle:hover:not(:disabled){opacity:1}.period-toggle:disabled{cursor:not-allowed;opacity:.3}.period-toggle.active{opacity:1;border-color:var(--danger);background:#dc26261f;font-weight:700}.modal-backdrop{z-index:100;background:#0f172a80;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-box{background:var(--modal-bg);border:1px solid var(--border);border-radius:10px;max-width:min(92vw,720px);max-height:85vh;padding:1.25rem 1.5rem;overflow:auto;box-shadow:0 20px 50px #0000004d}.modal-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.modal-header h3{margin:0;font-size:1em}.modal-close{color:inherit;opacity:.6;cursor:pointer;background:0 0;border:none;padding:.1rem .4rem;font-size:1.4em;line-height:1}.modal-close:hover{opacity:1}