:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#202924;background:#f6f7f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}aside{position:fixed;inset:0 auto 0 0;width:242px;background:#182b24;color:#fff;padding:32px 22px;display:flex;flex-direction:column}.brand{font-weight:850;letter-spacing:1px;color:white;text-decoration:none;font-size:16px;display:flex;align-items:center;gap:10px}.brand span{background:#ffe700;color:#172820;padding:10px;border-radius:11px;letter-spacing:-1px}aside .eyebrow{color:#a2b6ac;margin-top:48px;font-size:10px}nav a{display:block;color:#b8c9c0;text-decoration:none;padding:14px 12px;border-radius:8px;margin:6px 0;font-size:14px}nav a.active{background:#30483c;color:#ffe700}.aside-bottom{margin-top:auto;line-height:1.8;color:#a2b6ac;font-size:12px}main{margin-left:242px;padding:0 40px;max-width:1800px}header{height:84px;border-bottom:1px solid #dde4dc;display:flex;align-items:center;justify-content:space-between;color:#6a776e;font-size:12px}.demo{border:1px solid #e3d97e;background:#fff9c8;color:#6e6200;border-radius:20px;padding:8px 12px;font-size:10px;letter-spacing:1px;font-weight:700}.heading{display:flex;justify-content:space-between;align-items:center;margin:36px 0 24px}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:750;color:#627668}h1{font-size:34px;letter-spacing:-1.2px;margin:8px 0}h2{font-size:20px;margin:0 0 8px}h3{font-size:15px;margin:25px 0 8px}p{line-height:1.6}.heading p:last-child,.muted{color:#6b786e;font-size:13px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stats article{background:white;border:1px solid #e0e5dc;border-radius:12px;padding:20px 24px}.stats span{display:block;font-size:12px;color:#6a776e}.stats strong{display:block;font-size:30px;margin-top:8px;font-weight:650}.toolbar{display:flex;gap:18px;margin:24px 0;font-size:12px;align-items:center}.toolbar label{display:flex;align-items:center;gap:10px}input[type=search],select,textarea{font:inherit;border:1px solid #dce3d9;background:white;color:#28382c;border-radius:8px;padding:11px 13px}input[type=search]{width:260px}.split{display:grid;grid-template-columns:minmax(290px,.9fr) minmax(420px,1.4fr);gap:24px;align-items:start}.panel{background:white;border:1px solid #e0e5dc;border-radius:13px;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.roster .panel-heading{padding:24px 20px 15px}.panel-heading>span{font-size:11px;color:#748076}.student{border:0;border-top:1px solid #edf0e9;background:white;display:flex;align-items:center;gap:14px;padding:20px;text-align:left;width:100%;color:inherit;border-radius:0}.student.selected{background:#f3f8ed;box-shadow:inset 3px 0 #5a7b42}.avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#eaf0e3;color:#4a6440;font-weight:700;font-size:12px}.student-info{flex:1}.student b,.student small{display:block}.student b{font-size:13px}.student small{color:#768070;font-size:11px;margin:5px 0 10px}.student>span:last-child{font-size:11px}.track{display:block;height:4px;border-radius:4px;background:#e1e7da;max-width:180px}.track span{display:block;height:100%;background:#789a52;border-radius:4px}.passport{padding:28px}.passport .panel-heading{align-items:start}.passport .panel-heading p{margin:0 0 10px;font-size:12px;color:#748076}.passport h2{font-size:27px}.progress-number{font-size:36px!important;color:#55793b!important;font-weight:650}.progress-number small{display:block;font-size:10px;font-weight:400}.lessons{margin-top:20px}.lesson{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 0;border-bottom:1px solid #edf0e9}.lesson label{display:flex;align-items:center;gap:12px;cursor:pointer}.lesson input{width:19px;height:19px;accent-color:#58773f}.lesson small,.lesson b{display:block}.lesson small{font-size:9px;letter-spacing:1px;color:#829079;margin-bottom:5px}.lesson b{font-size:13px;font-weight:600}.lesson a{font-size:10px;color:#557544}.notes-label{display:block;font-size:13px;font-weight:600;margin:25px 0 10px}textarea{width:100%;resize:vertical;line-height:1.7;font-size:13px}button{font:inherit;cursor:pointer;border:0;border-radius:8px;padding:11px 16px;background:#ffe700;color:#24301f;font-weight:650;font-size:12px}#save-notes{margin-top:12px}.secondary{background:white;border:1px solid #dce3d9}button:hover{filter:brightness(.97)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b1c857;outline-offset:3px}.library{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.library .panel{padding:26px}.library details{border-top:1px solid #e7ebdf;padding:18px 0;font-size:13px}.library summary{cursor:pointer;font-weight:600}.library li{margin:8px 0}.check{background:#f3f7ed;padding:14px;border-radius:8px}.empty{padding:24px;color:#6b786e}footer{font-size:11px;color:#7a867c;padding:10px 0 30px}#notice{font-size:12px;color:#557544;min-height:18px}@media(min-width:1550px){main{padding:0 60px}.heading{margin-top:46px}}@media(max-width:1100px){aside{width:200px}main{margin-left:200px;padding:0 24px}.split{grid-template-columns:1fr}.library{grid-template-columns:1fr}}@media(max-width:650px){aside{position:static;width:auto;padding:18px}aside .eyebrow,.aside-bottom{display:none}nav{display:flex;gap:12px}nav a{font-size:12px;padding:10px}main{margin:0;padding:0 16px}header{height:65px;font-size:10px}.heading{align-items:start;gap:12px}h1{font-size:27px}.stats{gap:8px}.stats article{padding:14px}.stats strong{font-size:23px}.toolbar{align-items:stretch;flex-direction:column}.toolbar label{justify-content:space-between}input[type=search],select{flex:1;max-width:75%}.passport{padding:20px}.demo{font-size:8px;padding:6px}.lesson a{max-width:65px}.progress-number{font-size:28px!important}}