:root{--ink:#25332f;--soft:#68736f;--paper:#f3efe8;--white:#fff;--line:#d9d2c7;--teal:#276b64;--teal-pale:#e2efec;--coral:#c95f4d;--coral-pale:#f7e5df;--display:Georgia,"Times New Roman",serif;--ui:Inter,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--ui)}button,input,select{font:inherit}.login-page{min-height:100vh;display:grid;place-items:center;padding:25px;background:linear-gradient(135deg,#e0eeeb,#f4eee5 55%,#f2ddd6)}.login-shell{width:min(980px,100%);min-height:600px;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;border-radius:28px;background:#fff;box-shadow:0 35px 100px rgba(37,51,47,.16)}.brand-panel{display:flex;flex-direction:column;align-items:start;padding:55px;background:var(--teal);color:#fff}.brand-panel img{width:150px;padding:10px;border-radius:12px;background:#fff}.brand-panel small{margin-top:auto;color:#cfe4df;letter-spacing:.14em}.brand-panel h1{margin:12px 0 18px;font:48px/1.05 var(--display)}.brand-panel p{max-width:390px;line-height:1.65;color:#e2efec}.brand-panel span{margin-top:45px;font-size:12px;color:#cfe4df}.login-card{align-self:center;padding:60px}.login-card>small,.hero small,.panel small,.action-grid small{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--coral)}.login-card h2{margin:8px 0;font:38px var(--display)}.login-card>p{color:var(--soft);font-size:14px;line-height:1.5}.login-card label,dialog label{display:grid;gap:7px;margin-top:17px;color:var(--soft);font-size:11px;font-weight:700}.login-card input,dialog input,dialog select{padding:13px;border:1px solid var(--line);border-radius:11px}.login-card button,.panel button,dialog footer button{width:100%;margin-top:22px;padding:13px;border:0;border-radius:11px;background:var(--teal);color:#fff;font-weight:800;cursor:pointer}#loginError{min-height:20px;color:var(--coral)}.portal-top{height:76px;display:flex;align-items:center;gap:18px;padding:0 28px;background:#fff;border-bottom:1px solid var(--line)}.portal-top img{width:110px}.portal-top>div{display:grid;margin-right:auto}.portal-top>div small{font-size:8px;font-weight:800;letter-spacing:.12em;color:var(--coral)}.portal-top strong{font:19px var(--display)}.portal-top nav{display:flex;gap:7px}.portal-top a,.quiet{padding:9px 12px;border-radius:9px;border:1px solid var(--line);background:#fff;color:var(--ink);text-decoration:none;font-size:11px;font-weight:700}.portal-main{max-width:1180px;margin:auto;padding:38px 24px}.hero{display:flex;justify-content:space-between;gap:30px;align-items:end;padding:35px;border-radius:22px;background:var(--teal);color:#fff}.hero small{color:#aedad4}.hero h1{margin:10px 0;font:40px var(--display)}.hero p{max-width:680px;margin:0;color:#dcebe8;line-height:1.6}.hero aside{min-width:150px;padding:18px;border-radius:15px;background:rgba(255,255,255,.1)}.hero aside span,.hero aside small{display:block;color:#dcebe8}.hero aside strong{display:block;margin:5px 0;font:28px var(--display)}.stat-grid,.action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}.stat-grid article,.action-grid>*{padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff}.stat-grid strong{display:block;margin-top:8px;font:35px var(--display)}.panel{margin-top:22px;padding:25px;border:1px solid var(--line);border-radius:19px;background:#fff}.panel>header{display:flex;justify-content:space-between;align-items:center}.panel h2,.action-grid h2{margin:6px 0;font:27px var(--display)}.panel button{width:auto;margin:0}.user-list,.lesson-list{display:grid;margin-top:20px}.user-list article,.lesson-list article{display:flex;align-items:center;gap:13px;padding:13px 4px;border-top:1px solid var(--line)}.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--teal-pale);color:var(--teal);font-weight:800}.user-list article>div,.lesson-list article>div{display:grid;gap:3px;margin-right:auto}.user-list small,.lesson-list small{font-size:10px;letter-spacing:0;color:var(--soft)}.user-list select{padding:8px;border:1px solid var(--line);border-radius:8px}.action-grid{grid-template-columns:2fr 1fr}.action-grid a{color:inherit;text-decoration:none}.action-grid b{color:var(--teal)}.progress-pill{padding:8px 11px;border-radius:20px;background:var(--teal-pale);font-size:11px}.lesson-list>article>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:var(--paper);font-size:10px}.lesson-list b{font-size:10px;color:var(--soft)}dialog{width:min(520px,calc(100vw - 30px));border:0;border-radius:18px;box-shadow:0 30px 90px #16231f55}dialog::backdrop{background:#17241f99}dialog form{padding:24px}dialog header{display:flex;justify-content:space-between}dialog h2{margin:5px 0;font:28px var(--display)}dialog header button{border:0;background:none;font-size:24px}dialog footer{display:flex;gap:8px}dialog footer .secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}#toast{position:fixed;right:20px;bottom:20px;padding:11px 15px;border-radius:9px;background:var(--ink);color:#fff;opacity:0;transition:.2s}#toast.show{opacity:1}@media(max-width:760px){.login-shell{display:block}.brand-panel{min-height:280px;padding:30px}.brand-panel h1{font-size:37px}.brand-panel span{margin-top:20px}.login-card{padding:35px}.portal-top{padding:0 12px}.portal-top img{width:80px}.portal-top nav a{display:none}.portal-main{padding:18px 12px}.hero{display:block;padding:24px}.hero h1{font-size:31px}.hero aside{margin-top:20px}.stat-grid{grid-template-columns:1fr 1fr}.action-grid{grid-template-columns:1fr}.user-list article{flex-wrap:wrap}.user-list article>div{min-width:calc(100% - 55px)}}
.lesson-launcher header p{max-width:720px;margin:7px 0 0;color:var(--soft);line-height:1.5}.lesson-launcher-controls{display:grid;grid-template-columns:minmax(260px,1fr) auto;align-items:end;gap:12px;margin-top:20px}.lesson-launcher-controls label{grid-column:1/-1;font-size:11px;font-weight:800;color:var(--soft)}.lesson-launcher-controls select{min-height:46px;padding:0 13px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink)}.lesson-launcher-controls button{min-height:46px;margin:0;padding:0 20px}@media(max-width:760px){.lesson-launcher-controls{grid-template-columns:1fr}.lesson-launcher-controls label{grid-column:auto}.lesson-launcher-controls button{width:100%}}
.course-progress-copy{margin:8px 0 7px;color:var(--soft);font-size:13px}.course-progress-track,.lesson-progress-track{overflow:hidden;height:7px;border-radius:999px;background:#e5e1da}.course-progress-track{width:min(420px,70vw)}.course-progress-track i,.lesson-progress-track i{display:block;height:100%;border-radius:inherit;background:var(--teal)}.progress-lessons article>div{min-width:0}.lesson-progress-track{margin-top:10px;width:100%}.lesson-progress-copy{display:block!important;margin-top:5px;color:var(--soft)!important}.progress-lessons article>b{min-width:48px;text-align:right;color:var(--teal)}@media(max-width:760px){.panel>header{align-items:flex-start;flex-wrap:wrap}.course-progress-track{width:100%}.progress-lessons article>b{align-self:flex-start}}