@font-face{font-family:Inter;src:url('assets/InterVariable.woff2')}*{box-sizing:border-box}body{margin:0;background:#e9eef5;color:#243149;font-family:Inter,Arial,sans-serif;font-feature-settings:'cv11'}button{font:inherit;cursor:default}.sheet{width:1200px;height:1080px;padding:28px 28px 24px}.samplehead{display:flex;align-items:center;gap:14px;margin-bottom:18px}.samplehead b{display:grid;place-items:center;background:#243149;color:white;width:38px;height:38px;border-radius:12px;font-size:21px}.samplehead h1{font-size:25px;letter-spacing:-.7px;margin:0}.app{display:flex;height:926px;border:1px solid #dce3ed;background:#fbfcfe;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px #314e7010}.sidebar{flex:0 0 204px;background:#f2f6fc;border-right:1px solid #e4eaf3;padding:28px 18px;display:flex;flex-direction:column}.brand{font-size:29px;font-weight:750;letter-spacing:-1.5px;padding:0 12px;margin-bottom:32px}.brand span{color:#5689d6}.subject{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e0e7f1;border-radius:10px;font-size:15px;font-weight:600;padding:14px 12px;margin-bottom:28px}.subject svg{transform:rotate(90deg);width:15px}.menu{display:flex;flex-direction:column;gap:8px}.navitem{display:flex;align-items:center;gap:12px;font-size:14px;padding:13px 12px;border-radius:10px;color:#69768b}.navitem.active{background:#deebfe;color:#346bb6;font-weight:600}.bottom{margin-top:auto}.profile{display:flex;align-items:center;gap:10px;margin-top:20px;border-top:1px solid #dfe7f3;padding:20px 5px 0;font-size:13px;font-weight:600}.avatar{background:#dce8f7;color:#4c6b95;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:11px}.profile small{display:block;font-weight:400;color:#778397;margin-top:3px;font-size:11px}.main{flex:1;min-width:0;padding:0 35px}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7ebf2;font-size:12px;color:#7d899b}.topbar>span{display:flex;align-items:center;gap:12px}.topbar svg{width:18px;height:18px}.content{padding-top:30px}.content h2{font-size:33px;font-weight:650;letter-spacing:-1.3px;margin:0 0 8px}.subtitle{font-size:14px;color:#7a8698;margin:0}.continue{margin:23px 0 29px;padding:21px 24px;background:#e9f1fc;border:1px solid #dbe7f8;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:20px}.continue small{color:#677c9e;font-size:12px}.continue h3{font-size:18px;margin:7px 0 7px;font-weight:600;letter-spacing:-.4px}.continue p{font-size:12px;color:#6d7d95;margin:0}.primary{display:flex;align-items:center;justify-content:center;gap:13px;background:#5287d3;border:0;border-radius:9px;color:#fff;padding:13px 17px;font-size:13px;font-weight:550;white-space:nowrap}.primary svg{width:16px;height:16px}.sectionlabel{display:flex;align-items:center;justify-content:space-between;margin:0 0 13px;font-size:16px;font-weight:600}.sectionlabel small{font-size:12px;color:#8a95a5;font-weight:400}.section{background:#fff;border:1px solid #e4e9f2;border-radius:13px;margin-bottom:12px;overflow:hidden}.sectionTitle{display:flex;align-items:center;gap:12px;padding:17px 19px;font-size:15px;font-weight:600}.sectionTitle small{font-size:12px;font-weight:400;color:#8a95a5;margin-left:auto}.sectionTitle svg{width:16px;height:16px;color:#8a95a5}.section.open .sectionTitle{background:#f1edfb}.open .sectionTitle svg{transform:rotate(90deg)}.colorDot{width:10px;height:10px;border-radius:3px;background:var(--sectionColor)}.lessonrow{display:flex;align-items:center;gap:15px;margin:0 19px;padding:15px 0;border-top:1px solid #eef1f6;font-size:13px}.lessonrow .num{font-size:11px;color:#9ba5b3;min-width:20px}.lessonrow .state{font-size:11px;color:#79899d;margin-left:auto;white-space:nowrap}.lessonrow.current{color:#655093;font-weight:600}.lessonrow.current .state{color:#795cad;background:#f0eafb;border-radius:6px;padding:5px 8px;font-weight:500}.lessonrow svg{width:15px;height:15px;color:#8492a5}.note{font-size:12px;color:#8c97a7;margin-top:16px}.footer{display:flex;justify-content:space-between;font-size:12px;color:#687689;margin-top:15px}.breadcrumb{font-size:12px;color:#7b8799;display:flex;align-items:center;gap:9px}.breadcrumb svg{width:12px;height:12px}.sectionchip{display:inline-flex;gap:7px;align-items:center;padding:6px 9px;border-radius:6px;background:#f1edfb;color:#8260b7;font-size:11px;font-weight:500;margin-bottom:16px}.sectionchip .colorDot{width:7px;height:7px}.lessonheading{font-size:30px!important;max-width:700px;line-height:1.2;margin-bottom:10px!important}.tabs{display:flex;gap:27px;border-bottom:1px solid #e3e9f2;margin-top:23px;margin-bottom:26px}.tab{font-size:14px;color:#8893a4;padding:13px 0 15px}.tab.active{color:#72529e;border-bottom:2px solid #a48acb;font-weight:600}.count{font-size:11px;color:#8c78aa;background:#f1edfb;padding:3px 5px;border-radius:4px;margin-left:5px}.fileblock{background:white;border:1px solid #e4e9f2;border-radius:14px;overflow:hidden}.filehead{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;font-size:16px;font-weight:600}.filehead small{font-size:12px;font-weight:400;color:#99a3b0}.filerow{display:flex;align-items:center;gap:14px;padding:17px 20px;border-top:1px solid #edf0f5}.pdf{width:34px;height:40px;border:1px solid #e4ddef;border-radius:7px;background:#faf8fd;color:#9a82b7;font-size:9px;font-weight:650;display:grid;place-items:center;position:relative}.filename{font-size:14px;font-weight:500;line-height:1.4}.filemeta{font-size:11px;color:#99a3b2;margin-top:4px}.fileactions{display:flex;align-items:center;gap:18px;margin-left:auto;color:#8f9aad}.fileactions .openfile{font-size:12px;color:#607da9}.fileactions svg{width:17px;height:17px}.plus{font-size:10px;padding:3px 6px;border-radius:5px;background:#f2ecfc;color:#8c6bb6;margin-left:8px;font-weight:500;white-space:nowrap}.extralinks{margin:26px 0}.extralinks h3{font-size:14px;font-weight:600;margin:0 0 11px}.linkrow{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #e8ecf3;font-size:13px;color:#637794}.linkrow svg{width:15px;height:15px;color:#91a0b4}.nextbar{margin-top:30px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e5eaf3;padding-top:22px}.nextbar p{margin:0;font-size:13px;font-weight:500;color:#63748c}.nextbar small{display:block;font-size:11px;font-weight:400;color:#96a0ae;margin-top:5px}
.content{padding-top:28px}.content h2{font-size:31px}.subtitle{font-size:13px}.blocktitle{display:flex;align-items:center;justify-content:space-between;margin:25px 0 13px;font-size:16px;font-weight:600}.textlink{font-size:12px;color:#5d83b8;font-weight:500;display:flex;gap:7px;align-items:center}.textlink svg{width:14px;height:14px}.panel{background:#fff;border:1px solid #e2e8f1;border-radius:13px;overflow:hidden}.deadline{display:flex;align-items:center;gap:18px;padding:18px 20px;border-bottom:1px solid #eaf0f5}.deadline:last-child{border:0}.datebox{min-width:109px;font-size:11px;color:#8592a4;line-height:1.5}.datebox strong{display:block;color:#a5753d;font-size:13px;font-weight:600}.datebox small{font-size:11px}.deadline .topicname{font-size:14px;font-weight:550;margin-bottom:5px}.deadline .type{font-size:11px;color:#8390a2}.deadline button{margin-left:auto}.outline{display:flex;align-items:center;gap:8px;border:1px solid #d7e3f4;border-radius:8px;color:#5481bb;background:white;padding:11px 13px;font-size:11px;white-space:nowrap;font-weight:550}.outline svg{width:14px;height:14px}.lessoncard{padding:19px 20px;border:1px solid #e1e7f0;background:#fff;border-radius:13px;margin-bottom:13px}.lessoncard .top{display:flex;align-items:center;gap:8px;font-size:11px;color:#9c85b6;margin-bottom:10px}.lessoncard .top .dot{background:#b397d6;width:7px;height:7px;border-radius:2px}.lessoncard h3{font-size:18px;font-weight:600;letter-spacing:-.5px;margin:0 0 14px}.lessoncard .actions{display:flex;gap:9px;align-items:center}.flag{font-size:9px;color:#5482bc;background:#e9f1fd;padding:3px 6px;border-radius:4px;margin-left:auto}.lessoncard .actions small{font-size:11px;color:#8b98a8;margin-left:auto}.lessoncard .actions .primary{font-size:11px;padding:11px 14px}.smallnote{color:#92a0b2;font-size:11px;margin-top:14px;line-height:1.6}.coursefooter{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding:15px 0;border-top:1px solid #e5eaf3;font-size:13px;color:#7b8aa0}.segmented{display:inline-flex;padding:4px;background:#edf2f9;border-radius:9px;gap:3px;font-size:12px;color:#8694a8;margin-top:22px}.segmented span{padding:8px 14px}.segmented .selected{background:#fff;color:#55769d;border-radius:6px;box-shadow:0 1px 4px #2345670a}.dayheading{font-size:13px;font-weight:600;color:#697c95;margin:23px 0 10px}.dayheading .today{font-size:10px;color:#b48448;margin-left:10px}.event{display:flex;align-items:center;gap:16px;padding:19px 18px;border:1px solid #e3e9f1;border-radius:11px;background:#fff;margin-bottom:9px}.event .marker{width:4px;height:39px;background:#b397d6;border-radius:3px}.event .eventname{font-size:14px;font-weight:550;margin:0 0 5px}.event p{font-size:11px;color:#8a97a9;margin:0}.event .eventtype{font-size:10px;color:#8694a6;margin-left:auto;text-align:right;line-height:1.5;min-width:90px}.event .eventtype strong{font-size:11px;color:#a57742;font-weight:550}.event .outline{margin-left:5px}.results{margin-top:20px}.resulthead{display:grid;grid-template-columns:2.25fr 1fr .8fr 1.15fr;padding:15px 18px;font-size:11px;color:#8895a6;background:#f7f9fc;gap:12px}.resultrow{display:grid;grid-template-columns:2.25fr 1fr .8fr 1.15fr;align-items:center;padding:22px 18px;border-top:1px solid #edf1f6;font-size:12px;gap:12px}.resultrow .topic{font-size:12px;font-weight:550;line-height:1.55}.resultrow .topic small{display:block;font-size:10px;font-weight:400;color:#9b87b6}.score{font-size:15px;font-weight:600;color:#536f92}.score small{font-size:12px;font-weight:400;color:#95a0b0}.badge{display:inline-block;border-radius:5px;padding:5px 7px;font-size:10px;white-space:nowrap}.badge.ok{background:#eaf3ed;color:#7b9b87}.badge.pending{background:#edf1f7;color:#8391a5}.resultrow .score.blank{color:#a4aebc;font-weight:400}.metrics{display:flex;gap:12px;margin-top:23px}.metric{flex:1;background:#f2f6fc;border-radius:10px;padding:17px 18px}.metric b{font-size:20px;font-weight:600;display:block;margin-bottom:5px;color:#6081ae}.metric span{font-size:11px;color:#8493a7}.accountpanel{margin-top:22px}.accountrow{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-top:1px solid #eef1f6;font-size:13px}.accountrow:first-child{border:0}.accountrow .key{color:#8593a6;font-size:12px}.accountrow .value{font-weight:500}.accountrow .empty{font-weight:400;color:#acb5c1;font-size:12px}.accountrow .avatar{width:44px;height:44px;font-size:13px}.accountname{display:flex;gap:14px;align-items:center}.accountname b{font-size:15px;font-weight:600}.accountname small{display:block;font-size:11px;font-weight:400;color:#8996a7;margin-top:4px}.themechooser{display:flex;gap:10px;padding:20px}.theme{flex:1;border:1px solid #e2e8f1;border-radius:9px;padding:12px;font-size:12px;color:#8a98aa}.theme.active{border-color:#98b4df;background:#f8fbff;color:#5d81b5}.theme .preview{height:53px;background:#eff4fb;border:1px solid #e1e8f2;border-radius:6px;margin-bottom:10px;display:flex;overflow:hidden}.theme .preview .miniSide{width:22%;background:#dfe9f7}.theme .preview .miniMain{margin:10px;background:#fff;border-radius:3px;flex:1}.theme.dark .preview{background:#263247;border-color:#263247}.theme.dark .preview .miniSide{background:#1c2637}.theme.dark .preview .miniMain{background:#384760}.theme .themebottom{display:flex;justify-content:space-between}.theme .check{font-size:11px}.profilecourses{display:flex;gap:9px;padding:17px 20px}.coursepill{font-size:12px;padding:9px 13px;border:1px solid #e0e8f3;border-radius:8px;color:#768ba9}.samplehead h1{font-size:24px}.resultrow .topic svg{width:12px}.sectionheading{font-size:13px;color:#8091a8}.statuscaption{font-size:11px;color:#94a0b0;line-height:1.65;margin-top:19px}