:root{font-family:system-ui,sans-serif;color:#1c3d33;background:#eff5ef}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#183f35;color:#fff;padding:16px max(16px,calc((100vw - 1040px)/2));white-space:nowrap}header span{font-size:12px;color:#c6e6cb}main{max-width:1072px;margin:auto;padding:20px 16px}.panel{background:#fff;border:1px solid #dce9de;border-radius:16px;padding:20px;margin:0 0 14px}h1,h2,h3,p{margin:0 0 10px}h1{font-size:clamp(23px,4vw,32px)}h2{font-size:20px}p{line-height:1.45;color:#46695b}.login{max-width:420px;margin:24px auto}form,label{display:grid;gap:8px}form{gap:14px}input,select,button{font:inherit;min-height:44px;border:1px solid #bdd2c3;border-radius:9px;padding:9px 11px;max-width:100%}input,select{width:100%;background:#fff;color:#213d34}button{background:#246447;color:#fff;border-color:#246447;cursor:pointer;font-weight:600}button.secondary{color:#246447;background:#f3f8f3;border-color:#bdd2c3}button:disabled{opacity:.6;cursor:wait}.profile{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.profile-actions{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.profile-actions label{min-width:min(230px,70vw)}.row{display:grid;grid-template-columns:1fr minmax(140px,230px);gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid #ecf1eb}.row:last-child{border:0}.table-list{padding:0;list-style:none}.table-list li{padding:8px 0;border-bottom:1px solid #ecf1eb}.lesson-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}summary{cursor:pointer;font-weight:650}#message{position:sticky;bottom:0;background:#e6f1e5;border-radius:10px;padding:10px 14px}#message:empty{display:none}#message.error{background:#ffebe9;color:#982a22}.muted{font-size:13px;color:#566f61}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #8bbda2;outline-offset:2px}[hidden]{display:none!important}@media(max-width:480px){.panel{padding:14px}.row{grid-template-columns:minmax(0,1fr) 135px;font-size:14px}.row select{font-size:14px}.profile-actions{width:100%}.login button{width:100%}}
