[data-theme=light]{--bg: #fdf7f8;--panel: #ffffff;--tape: #f6e9ed;--text: #2b1a1f;--border: #ecd6db;--day-sep: #c79aa8;--accent: #6a0f2a;--accent-text: #ffffff;--cat-sick: #64b5f6;--cat-app: #ffb74d;--cat-exempt: #81c784;--cat-label: #2b1a1f}[data-theme=dark]{--bg: #1c1114;--panel: #26171c;--tape: #201419;--text: #f3e3e8;--border: #43262f;--day-sep: #5c3a44;--accent: #8c1c3d;--accent-text: #ffffff;--cat-sick: #2e6fa8;--cat-app: #a8762f;--cat-exempt: #417c55;--cat-label: #fdf7f8}*{box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,sans-serif}button{font:inherit;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:10px;padding:8px 14px;min-height:40px;cursor:pointer;transition:background-color .15s}button.primary,button.active{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}button.danger{border-color:var(--accent);color:var(--accent)}input,select,textarea{font:inherit;border:1px solid var(--border);border-radius:10px;padding:8px;min-height:40px;background:var(--panel);color:var(--text)}textarea{min-height:64px;resize:vertical}.header{position:sticky;top:0;z-index:30;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px;background:var(--accent);color:var(--accent-text)}.header .title{font-weight:700;margin-right:8px}.header button{background:transparent;color:var(--accent-text);border-color:#ffffff59;padding:6px 10px;min-height:34px;font-size:13px}.header button.icon-btn{padding:6px 8px}.header button svg{width:18px;height:18px;display:block}.header button.active{background:var(--accent-text);color:var(--accent)}.header .spacer{flex:1}.header .header-email{font-size:12px;opacity:.85;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header a.header-link{color:var(--accent-text);border:1px solid rgba(255,255,255,.35);border-radius:10px;padding:6px 10px;min-height:34px;font-size:13px;text-decoration:none;display:inline-flex;align-items:center}.error{color:#b3261e;font-size:13px}.ok{color:var(--accent);font-size:13px}.page-error{margin:10px 12px 0}.panel-block{margin:12px;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 2px 8px #0000001f;padding:8px}.panel-block h2{font-size:16px;margin:4px 8px 8px}.grid-wrap{overflow:auto;max-height:calc(100vh - var(--header-h));margin:12px;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 2px 8px #0000001f}table.grid,table.stats,table.docs{border-collapse:collapse}table.grid th,table.grid td,table.stats th,table.stats td,table.docs th,table.docs td{border:1px solid var(--border);padding:4px 6px;font-size:13px;text-align:center}table.grid thead th{position:sticky;top:0;z-index:20;background:var(--tape)}table.grid .students-col{position:sticky;left:0;z-index:10;background:var(--panel);text-align:left;min-width:190px;max-width:190px}table.grid thead .students-col{z-index:25}.day-start{border-left:2px solid var(--day-sep)!important}.spacer-col{width:24px;min-width:24px;border:none!important;background:transparent!important}.week-gap-col{width:30px;min-width:30px;border-left:2px solid var(--day-sep)!important;background:var(--bg)!important;font-size:11px;color:var(--text);opacity:.6;text-align:center}.clickable{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}table.grid tbody td{background:var(--tape)}table.grid tbody tr th.students-col,table.grid tbody tr th.students-num{background:var(--panel)}table.grid .students-num,table.stats .students-num{position:sticky;left:0;z-index:10;background:var(--panel);text-align:center;min-width:36px;max-width:36px;font-size:11px}table.grid thead .students-num,table.stats thead .students-num{z-index:25}:root{--header-h: 60px}@media(max-width:640px){:root{--header-h: 88px}table.grid .students-col{min-width:170px;max-width:170px}table.stats .students-col,table.docs .students-col{min-width:200px;max-width:200px}.cell{width:48px;min-width:48px}.header{padding:6px;gap:4px}.header .title{font-size:14px;margin-right:4px}.header button{padding:4px 7px;min-height:30px;font-size:12px}.header button.icon-btn{padding:4px 6px}.header button svg{width:16px;height:16px}.modal{width:100%}}.cell{width:56px;min-width:56px;height:34px;cursor:default;position:relative;-webkit-user-select:none;user-select:none}.cell .hours{font-weight:600}.cell .cat-label{display:block;font-size:10px;line-height:1;color:var(--cat-label)}.cell .note-dot{position:absolute;top:2px;right:3px;width:5px;height:5px;border-radius:50%;background:#888}.cell.cat-sick_note{background:var(--cat-sick)}.cell.cat-application{background:var(--cat-app)}.cell.cat-exemption{background:var(--cat-exempt)}.cell.cat-truancy{background:var(--tape)}.badge{font-size:11px;border:1px solid var(--border);border-radius:8px;padding:0 5px;margin-left:6px;min-width:20px;text-align:center;flex:none}.stu-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.stu-row .stu-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stu-row .badge{margin-left:0}.paid-col{width:38px;min-width:38px;text-align:center}.pair-head span{display:block;line-height:1.3}.modal-backdrop{position:fixed;inset:0;background:#00000059;display:flex;justify-content:center;align-items:center;z-index:50;padding:12px}.modal{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:10px;box-shadow:0 2px 8px #0000001f;padding:16px;width:420px;max-width:100%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.modal h3{margin:0;font-size:15px}.modal .row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.modal .error{color:#b3261e;font-size:13px}.modal .muted{opacity:.7;font-size:13px}.modal .attachments{display:flex;flex-direction:column;gap:4px;font-size:13px}.modal .attachments .att{display:flex;gap:8px;align-items:center;justify-content:space-between}.drawer{position:fixed;top:0;right:0;height:100vh;width:min(420px,100vw);background:var(--panel);border-left:1px solid var(--border);box-shadow:-4px 0 16px #0000002e;z-index:40;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.drawer-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.drawer-head h3{margin:0;font-size:15px}.modal.modal-inline{position:static;width:auto;max-height:none;box-shadow:none;border:none;padding:0}.modal .ok{color:var(--accent);font-size:13px}.modal .thumbs{display:flex;flex-wrap:wrap;gap:8px}.modal .thumbs .thumb{width:96px;display:flex;flex-direction:column;gap:2px;font-size:11px;text-align:center}.modal .thumbs .thumb img{width:96px;height:96px;object-fit:cover;border-radius:10px;border:1px solid var(--border);cursor:pointer}.modal .thumbs .thumb .name{word-break:break-all}.modal .thumbs .thumb button{min-height:28px;padding:2px 6px;font-size:11px}.lightbox-backdrop{position:fixed;inset:0;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:80;padding:12px}.lightbox{display:flex;flex-direction:column;gap:8px;max-width:92vw}.lightbox img{max-width:92vw;max-height:82vh;border-radius:10px;box-shadow:0 2px 8px #0000001f}.stats-wrap,.docs-wrap{overflow-x:auto}.sk{background:linear-gradient(90deg,var(--border) 25%,var(--panel) 37%,var(--border) 63%);background-size:400% 100%;animation:sk-shimmer 1.4s ease infinite;border-radius:5px}@keyframes sk-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media(prefers-reduced-motion:reduce){.sk{animation:none}}.sk-grid{display:flex;flex-direction:column;gap:2px;padding:8px}.sk-row{display:flex;gap:2px}.sk-name{width:220px;height:30px;flex:none}.sk-cell{width:56px;height:30px;flex:none}.sk-table{display:flex;flex-direction:column;gap:4px;padding:6px 8px}.sk-line{height:18px;width:120px}.month-buttons{display:flex;flex-wrap:wrap;gap:6px;margin:0 8px 8px}.month-buttons.tape-months{margin:12px 12px -4px}.month-buttons button{min-height:32px;padding:4px 10px}.roster-divider{margin:16px 12px 4px;padding:6px 12px;border-top:2px dashed var(--day-sep);border-bottom:2px dashed var(--day-sep);border-radius:8px;background:var(--panel);font-size:13px;color:var(--text);opacity:.9}.docs-hint{margin:4px 8px 10px}.load-more{margin:12px 12px -4px}table.docs .students-col.grouped{vertical-align:top}table.stats thead th,table.docs thead th{background:var(--panel)}table.stats .sticky-right{position:sticky;right:0;background:var(--panel);border-left:3px solid var(--border)!important}table.stats .students-col{position:sticky;left:0;background:var(--panel);text-align:left;min-width:260px}table.docs .students-col{text-align:left;min-width:200px;white-space:nowrap}.admin-page{max-width:1100px}.admin-page h3{margin:18px 0 8px}table.admin-table{border-collapse:collapse;width:100%}table.admin-table th,table.admin-table td{border:1px solid var(--border);padding:4px 6px;text-align:left}table.admin-table td.actions{white-space:nowrap}table.admin-table input{width:100%;box-sizing:border-box}.admin-cards{display:flex;flex-wrap:wrap;gap:12px}.admin-card{border:1px solid var(--border);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:8px;min-width:320px}.import-day{border:1px solid var(--border);border-radius:8px;padding:8px;margin:8px 0}.import-day-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.import-slot{flex-wrap:wrap}.import-slot input[list]{min-width:160px}.import-weeks{display:inline-flex;gap:6px;align-items:center;white-space:nowrap}.picker{max-width:720px}.picker-search{width:100%;margin:0 0 10px}.picker-list{display:flex;flex-wrap:wrap;gap:10px}.picker-item{min-height:56px;min-width:180px;font-size:16px;font-weight:600;padding:12px 20px}.picker-empty{padding:12px 4px}.calc-hint{margin:0 8px 10px}.calc-filters{display:flex;flex-direction:column;gap:8px;margin:0 8px 10px}.calc-filters .row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.calc-totals{display:flex;flex-wrap:wrap;gap:8px;margin:0 8px 12px}.calc-total{border:1px solid var(--border);border-radius:10px;padding:8px 14px;min-width:84px;text-align:center;background:var(--tape)}.calc-total b{display:block;font-size:22px;line-height:1.2}.calc-total span{font-size:11px;opacity:.8}.calc-total.cat-truancy{background:var(--tape)}.calc-total.cat-sick_note{background:var(--cat-sick)}.calc-total.cat-application{background:var(--cat-app)}.calc-total.cat-exemption{background:var(--cat-exempt)}.calc h3{margin:14px 8px 6px;font-size:14px}.calc-empty{margin:0 8px 10px}table.calc-table{margin:0 8px 8px;width:calc(100% - 16px)}table.calc-table th,table.calc-table td{padding:4px 8px}table.calc-bytype{max-width:320px}