:root{--bg:#f6f7fb;--surface:#fff;--ink:#1d253b;--muted:#737b8f;--line:#e7e9f2;--primary:#6555cc;--secondary:#eef0ff;--green:#14876c;--sidebar:#202438;--radius:18px;--shadow:0 8px 30px #20243807;--text:var(--ink);--border:var(--line);--background:var(--surface);--accent:var(--primary)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.85 Tahoma,Arial,sans-serif}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;padding:11px 18px;background:var(--primary);color:#fff;font-weight:600;cursor:pointer;line-height:1.6}button:hover,.button:hover{filter:brightness(.96);text-decoration:none}button:disabled{opacity:.48;cursor:default}.secondary,.button-secondary{color:var(--primary);background:var(--secondary)}.danger{background:#b93b52}.outline{background:white;border:1px solid var(--line);color:var(--ink)}input,textarea,select{width:100%;padding:11px 13px;background:#fbfcff;color:var(--ink);border:1px solid #dce0ed;border-radius:10px;margin:5px 0 13px}textarea{resize:vertical;min-height:120px}label{display:block;font-size:13px;font-weight:600}input[type=radio],input[type=checkbox]{width:auto;margin:0 6px 0 0;accent-color:var(--primary)}fieldset{border:1px solid var(--line);border-radius:12px;padding:16px;margin:12px 0}legend{padding:0 8px;color:var(--muted)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #d7ad37;outline-offset:3px}[hidden]{display:none!important}h1,h2,h3,p{overflow-wrap:anywhere}h1{font-size:28px;line-height:1.5;margin:8px 0 12px;letter-spacing:-.6px}h2{font-size:19px;margin:0 0 14px}h3{font-size:16px;margin:0 0 10px}p{margin:8px 0}.muted,.auth-note,.tag{color:var(--muted);font-size:13px}.eyebrow{font-size:12px;font-weight:700;color:var(--primary);margin:0}.status,#status,#message,[role=status]{overflow-wrap:anywhere}.status:empty,#status:empty,#message:empty,[role=status]:empty{display:none}.status,#status,#message{margin:12px 0;padding:12px 16px;border-radius:12px;background:#eceefa;color:#424b77}header.public-header{padding:20px max(24px,6vw);display:flex;align-items:center;justify-content:space-between;background:#fff;gap:18px}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:700;letter-spacing:-1px;color:var(--ink)}.brand-mark{display:grid;place-items:center;background:var(--primary);color:#fff;width:38px;height:38px;border-radius:12px;font:700 24px/1 Arial;transform:rotate(-4deg)}nav{display:flex;gap:22px;align-items:center}.public-main{max-width:1180px;margin:auto;padding:0 24px}.home-hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:70px 0}.home-hero h1{font-size:44px;line-height:1.55;margin:14px 0}.home-hero .lead{font-size:16px;max-width:480px;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0;align-items:center}.home-board{background:#232840;border-radius:26px;padding:30px;color:#fff;box-shadow:0 22px 60px #26224920}.home-board .muted{color:#b2bad2}.board-row{display:flex;gap:12px;align-items:center;border-top:1px solid #ffffff12;padding:18px 0}.board-row:last-child{padding-bottom:0}.board-grade{font-size:18px;font-weight:bold;min-width:72px}.board-track{background:#ffffff0d;border:1px solid #ffffff10;border-radius:9px;padding:8px 12px;font-size:12px}.section{padding:30px 0}.cards,.grid-3,.class-grid,.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card,.panel,.auth-card,.class-card,.lesson-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);min-width:0}.card-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--secondary);color:var(--primary);font-size:20px;margin-bottom:20px}.footer{margin-top:40px;padding:25px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}.footer a{margin-inline-start:14px}.sidebar{position:fixed;inset:0 0 0 auto;width:232px;background:var(--sidebar);padding:30px 20px;color:#b8bfd5;z-index:40;display:flex;flex-direction:column}.sidebar .brand{color:#fff;padding:0 8px 30px}.sidebar nav{display:flex;flex-direction:column;align-items:stretch;gap:5px}.sidebar nav a{display:flex;gap:12px;align-items:center;color:#b7bed5;padding:12px 14px;border-radius:11px;font-size:13px;text-decoration:none}.sidebar nav a.active{background:#7666d833;color:#fff;border:1px solid #7666d844}.sidebar nav a:hover{background:#ffffff09;color:#fff}.nav-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.sidebar-footer{margin-top:auto;padding:24px 10px 0;font-size:12px;border-top:1px solid #ffffff12}.app-topbar{margin-inline-start:232px;background:var(--surface);height:80px;padding:0 36px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:15px}.topbar-right{display:flex;gap:14px;align-items:center}.topbar-right p{margin:0;color:var(--muted);font-size:12px}.user-chip{display:flex;gap:10px;align-items:center;color:var(--ink);font-size:13px}.avatar{width:36px;height:36px;border-radius:12px;background:var(--secondary);display:grid;place-items:center;font-weight:700;color:var(--primary)}.menu-button{display:none;background:var(--secondary);color:var(--primary);padding:8px 11px}.app-main,body.app-page>main{margin:30px 268px 80px 36px;max-width:1450px;padding:0;width:auto}.app-main>.hero,.hero{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.hero .muted{margin:0}.panel,.auth-card{margin-bottom:22px}.auth-card{max-width:none}.app-page .auth-container{max-width:780px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}.form-actions,.form-feedback{grid-column:1/-1}.form-feedback{padding:8px 0;font-size:13px}.management-grid,.split{display:grid;grid-template-columns:1fr 1fr;gap:22px}.school-block{margin:30px 0 36px}.school-heading{display:flex;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px}.school-heading span{color:var(--muted);font-size:12px}.grade-header{display:flex;gap:10px;align-items:center;margin:22px 0 12px}.grade-number{display:grid;place-items:center;width:32px;height:32px;background:var(--secondary);color:var(--primary);border-radius:9px;font-size:13px;font-weight:bold}.class-card{border-top:3px solid var(--track-color,var(--primary));transition:box-shadow .2s,transform .2s}.class-card:hover{transform:translateY(-2px);box-shadow:0 14px 35px #20243810}.class-card h3{font-size:19px;margin:6px 0}.card-meta{display:flex;gap:16px;flex-wrap:wrap;margin:18px 0;color:var(--muted);font-size:12px}.card-link{font-weight:700}.section-header{display:flex;justify-content:space-between;align-items:center;margin:28px 0 15px}.section-header h2{margin:0}.empty{padding:26px;border:1px dashed #d6dbea;border-radius:14px;background:#fcfcff;color:var(--muted);grid-column:1/-1}.legacy{margin:30px 0}.legacy ul{display:flex;gap:10px;list-style:none;padding:0;flex-wrap:wrap}.legacy a{display:block;background:white;border:1px solid var(--line);padding:8px 14px;border-radius:10px}details>summary{cursor:pointer;font-weight:bold}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:25px 0}.kpi{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.kpi span{font-size:12px;color:var(--muted)}.kpi strong{display:block;font-size:30px;line-height:1.6}.badge{display:inline-block;padding:3px 10px;background:#e7f6ef;color:var(--green);border-radius:8px;font-size:11px}.list-row{padding:15px 0;border-bottom:1px solid var(--line);display:flex;gap:15px;justify-content:space-between;align-items:center}.list-row:last-child{border:0}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:#fff}table{width:100%;border-collapse:collapse;text-align:right}th{font-size:12px;color:var(--muted);background:#fafbfe;white-space:nowrap}td,th{padding:14px 18px;border-bottom:1px solid var(--line)}td{font-size:13px}td code{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-art{background:#232840;color:white;padding:8vw 6vw;display:flex;flex-direction:column;justify-content:center}.login-art h1{font-size:36px;line-height:1.65}.login-art p{color:#b9c0d6}.login-form-area{display:flex;align-items:center;justify-content:center;padding:40px 24px;background:white}.login-form-area .auth-card{border:0;box-shadow:none;max-width:390px;width:100%;padding:0}.login-form-area .brand{margin-bottom:36px}.login-form-area button{width:100%;margin-top:8px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.toolbar button[aria-pressed=true]{background:#36547c}#leave,#end{background:#a83f53}.layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:20px}.layout>div,.layout>aside{background:#fff;border:1px solid var(--line);padding:20px;border-radius:18px}.videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.tile{background:#242b40;color:white;border-radius:13px;overflow:hidden}.tile video{width:100%;max-height:450px;object-fit:contain;background:#172033;display:block}.tile p{margin:0;padding:9px 12px;font-size:12px}.question{background:#fbfcff;border:1px solid var(--line);border-radius:14px;padding:20px;margin:15px 0}.question label{display:flex;align-items:center;gap:10px;margin:8px 0;font-weight:400}.question label input{width:auto}.resource-body{white-space:pre-wrap}.filter-bar{display:flex;gap:14px;align-items:center;margin:18px 0}.filter-bar select{max-width:400px;margin:0}.filter-bar label{white-space:nowrap}.mobile-overlay{display:none}#permissions label{padding:8px 0;font-weight:400}.code-id{font-size:11px;color:var(--muted);word-break:break-all}body.app-page>header:not(.app-topbar){display:none}.app-page main .container{width:auto;padding:0}.skip-link{position:absolute;top:-100px;right:20px}.skip-link:focus{top:10px;background:white;padding:10px;z-index:100}@media(min-width:1600px){.app-main,body.app-page>main{margin-inline-end:auto;margin-inline-start:calc(232px + (100vw - 1500px)/2)}}@media(max-width:1100px){.sidebar{width:205px}.app-topbar{margin-inline-start:205px;padding:0 24px}.app-main,body.app-page>main{margin:28px 229px 60px 24px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.cards,.grid-3,.class-grid,.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero{gap:35px}.home-hero h1{font-size:36px}.layout{grid-template-columns:minmax(0,1fr) 210px}}@media(max-width:780px){.sidebar{transform:translateX(100%);transition:transform .2s;width:250px}.sidebar.open{transform:translateX(0)}.app-topbar{margin:0;padding:0 20px;height:70px}.app-main,body.app-page>main{margin:24px 20px 60px}.menu-button{display:inline-flex}.mobile-overlay.open{display:block;position:fixed;inset:0;background:#19213766;z-index:35}.topbar-right p{display:none}.home-hero{grid-template-columns:1fr;padding:40px 0;gap:35px}.home-board{padding:24px}.login-layout{grid-template-columns:1fr}.login-art{display:none}.login-form-area{min-height:100vh}.management-grid,.split,.layout{grid-template-columns:1fr}.hero{align-items:flex-start!important;flex-direction:column}.public-header nav a:not(.button){display:none}.footer{flex-direction:column}.app-page .hero h1{font-size:25px}}@media(max-width:500px){.cards,.grid-3,.class-grid,.lesson-grid,.form-grid{grid-template-columns:1fr}.kpis{gap:10px}.kpi{padding:16px}.kpi strong{font-size:25px}.card,.panel,.auth-card,.class-card,.lesson-card{padding:20px}.home-hero h1{font-size:33px}.board-row{gap:7px;flex-wrap:wrap}.board-grade{min-width:60px;font-size:16px}.board-track{padding:7px 8px;font-size:11px}.school-heading{flex-wrap:wrap}.user-chip span:not(.avatar){max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-bar{align-items:stretch;flex-direction:column}.filter-bar select{max-width:none}.public-main{padding:0 20px}.actions .button{flex:1}.videos{grid-template-columns:1fr}}

html[data-accent=blue]{--primary:#295fc7;--secondary:#eaf0ff}html[data-accent=green]{--primary:#15836e;--secondary:#e9f7f2}.sidebar{overflow-y:auto}.sidebar nav+nav{margin-top:16px;padding-top:16px;border-top:1px solid #ffffff12}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;text-align:center}.calendar-cell{border:1px solid var(--line);border-radius:10px;padding:12px 4px;font-size:12px}.calendar-cell small{display:block;color:var(--muted);font-size:10px}@media print{.sidebar,.app-topbar,.mobile-overlay,button,form{display:none!important}body{background:white;color:#000}.app-main,body.app-page>main{margin:0!important;width:100%!important;max-width:none!important}.card,.panel,.class-card,.lesson-card{box-shadow:none;border-color:#bbb;break-inside:avoid}a{color:#000}.footer{display:none}.cards,.class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}