@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--navy:#173247;--purple:#7962ac;--muted:#74818b;--line:#e4e8e9;--background:#f7f8f6}*{box-sizing:border-box}body{color:var(--navy);background:var(--background);margin:0;font-family:DM Sans,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button{color:inherit;background:0 0;border:0}h1,h2,h3,p{margin:0}.shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;width:258px;padding:32px 22px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand{white-space:nowrap;align-items:center;gap:9px;font-family:Manrope,Arial,sans-serif;font-size:19px;font-weight:800;display:flex}.brandmark{background:var(--navy);color:#fff;border-radius:11px;place-items:center;width:39px;height:39px;display:grid}.brandlight{font-weight:500}.workspace,.sectionlabel{letter-spacing:1.8px;color:#8c969b;margin:43px 12px 16px;font-size:10px;font-weight:700}.navitem{text-align:left;color:#677783;border-radius:9px;align-items:center;gap:12px;width:100%;margin-bottom:6px;padding:14px;font-size:14px;font-weight:500;display:flex}.navitem.selected{color:#6e579a;background:#eeedf5;font-weight:700}.navcount{background:#e9ecec;border-radius:6px;margin-left:auto;padding:2px 7px;font-size:11px}.sidebarclasses{margin-top:8px}.sectionlabel{justify-content:space-between;align-items:center;margin-top:26px;display:flex}.sectionlabel button{padding:0}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.course-nav{text-align:left;align-items:center;gap:10px;width:100%;padding:12px;font-size:13px;display:flex}.course-nav>span:last-child{color:#8b969c;margin-left:auto;font-size:11px}.sidebottom{margin-top:auto;padding:50px 12px 0}.semester{color:#849099;font-size:13px;line-height:1.7;display:block}.semester strong{color:#506572;font-weight:500}.sidebottom small{border-top:1px solid var(--line);color:#a0a8ad;margin-top:25px;padding-top:20px;font-size:10px;line-height:1.7;display:block}.main{width:calc(100% - 258px);margin-left:258px}.topbar{border-bottom:1px solid var(--line);color:#7b8991;background:#fffc;justify-content:space-between;align-items:center;height:76px;padding:0 42px;font-size:12px;display:flex}.topbar>div{align-items:center;gap:17px;display:flex}.username{text-overflow:ellipsis;max-width:210px;overflow:hidden}.iconlink{color:#849199;align-items:center;padding:7px;display:inline-flex}.mobilebrand{display:none}.content{max-width:1500px;margin:auto;padding:35px 42px 20px}.demobanner{background:#edeaf4;border:1px solid #e1dcec;border-radius:9px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:28px;padding:15px 20px;font-size:12px;line-height:1.6;display:flex}.demobanner a{white-space:nowrap;color:#6a5193;align-items:center;gap:7px;font-weight:700;display:flex}.eyebrow{letter-spacing:1.8px;color:#839298;text-transform:uppercase;font-size:10px;font-weight:700}.headingrow{justify-content:space-between;align-items:center;gap:25px;margin:10px 0 31px;display:flex}h1{letter-spacing:-1.3px;font-family:Manrope,Arial,sans-serif;font-size:clamp(25px,2.5vw,34px);font-weight:700}.headingrow p{color:#7b898f;margin-top:10px;font-size:13px}.button{background:var(--navy);color:#fff;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:9px;padding:13px 18px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 3px 7px #1732470b}.button:hover{background:#284f66}.button.small{padding:10px 13px;font-size:11px}.stats{grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:29px;display:grid}.stats>div{border:1px solid var(--line);background:#fff;border-radius:10px;padding:22px 24px}.stats span{letter-spacing:1.6px;color:#89979d;font-size:9px;font-weight:700}.stats strong{letter-spacing:-1px;align-items:center;gap:15px;margin:11px 0 8px;font-family:Manrope,sans-serif;font-size:34px;font-weight:600;display:flex}.stats strong svg{color:#83a693}.stats small{color:#87949a;font-size:11px}.stats .alertstat strong{color:#b65d52}.workgrid{grid-template-columns:minmax(0,1fr) 260px;gap:25px;display:grid}.assignments{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.listheading{justify-content:space-between;align-items:center;gap:15px;padding:23px 24px 20px;display:flex}.listheading>div{align-items:center;gap:10px;display:flex}.listheading h2{font-family:Manrope,sans-serif;font-size:16px;font-weight:700}.listheading span{color:#8b969c;background:#f0f2f2;border-radius:4px;padding:5px 7px;font-size:10px}.textbutton{color:#7f8e95;align-items:center;gap:6px;padding:4px;font-size:11px;display:inline-flex}.filters{flex-wrap:wrap;gap:8px;padding:0 24px 16px;display:flex}.filters select{border:1px solid var(--line);color:#687d89;background:#fff;border-radius:6px;max-width:135px;padding:8px;font-size:10px}.search{color:#94a0a6;background:#f7f8f8;border-radius:6px;flex:1;align-items:center;gap:8px;min-width:160px;padding:8px 10px;display:flex}.search input{width:100%;min-width:0;color:var(--navy);background:0 0;border:0;outline:none;font-size:11px}.tabs{border-bottom:1px solid var(--line);gap:25px;padding:0 24px;display:flex}.tabs button{color:#98a2a7;border-bottom:2px solid #0000;padding:11px 0;font-size:11px}.tabs .active{color:#725c9c;border-color:#8e77b6;font-weight:700}.task{border-bottom:1px solid #edf0ef;align-items:flex-start;gap:13px;padding:23px 24px;display:flex}.task:last-child{border-bottom:0}.check{border:1.5px solid #d6dedf;border-radius:50%;place-items:center;min-width:20px;height:20px;margin-top:33px;padding:0;display:grid}.check.checked{color:#548f74;border:0}.taskbody{flex:1;min-width:0}.tasktop{align-items:center;gap:12px;margin-bottom:10px;display:flex}.course-tag{color:#8a97a0;align-items:center;gap:6px;font-size:10px;display:flex}.priority{letter-spacing:.6px;text-transform:uppercase;border-radius:4px;padding:3px 7px;font-size:8px;font-weight:700}.priority.high{color:#bc7363;background:#f8e7e4}.priority.medium{color:#ad913f;background:#f8f0dc}.priority.low{color:#6e9a86;background:#eaf1ef}.task h3{overflow-wrap:anywhere;font-size:14px;font-weight:600;line-height:1.4}.task p{color:#929ca2;white-space:pre-line;overflow-wrap:anywhere;margin-top:5px;font-size:11px;line-height:1.6}.due{color:#91a0a7;flex-wrap:wrap;align-items:center;gap:6px;margin-top:13px;font-size:10px;display:flex}.due b{color:#7a65a8;background:#eeedf6;padding:3px 5px;font-size:8px;font-weight:500}.due.late{color:#b56657}.due.late b{color:#b56657;background:#f9e9e4}.taskactions{align-self:center;gap:4px;display:flex}.taskactions button{color:#b0b9bd;padding:7px}.taskactions button:hover{color:#6f5998;background:#f2f0f7;border-radius:5px}.finished h3{color:#8a999f;text-decoration:line-through}.rightcolumn{flex-direction:column;gap:20px;display:flex}.focus{background:#eae6f2;border:1px solid #e0daeb;border-radius:10px;padding:25px}.focus .eyebrow{color:#947fad;font-size:9px}.focus h2{letter-spacing:-.5px;margin:13px 0 25px;font-family:Manrope,sans-serif;font-size:20px;line-height:1.4}.focuscourse{color:#927ba9;margin-bottom:10px;font-size:9px}.focus h3{font-size:14px;line-height:1.5}.focus p{color:#9c8fae;margin-top:8px;font-size:11px}.focus button{color:#7f689f;border-top:1px solid #d9d1e6;justify-content:space-between;align-items:center;width:100%;margin-top:26px;padding:15px 0 0;font-size:11px;font-weight:600;display:flex}.progressbox{border:1px solid var(--line);background:#fff;border-radius:10px;padding:23px}.progressbox h3{font-size:12px;font-weight:500}.progressnumber{letter-spacing:-1px;margin:20px 0 15px;font-family:Manrope,sans-serif;font-size:35px}.progressnumber span{letter-spacing:0;color:#91a09d;margin-left:8px;font-family:DM Sans,sans-serif;font-size:10px}.progressbar{background:#eef1ef;border-radius:5px;height:5px;overflow:hidden}.progressbar i{background:#90b7a2;border-radius:5px;height:100%;display:block}.progressbox p{color:#98a49f;margin-top:12px;font-size:10px}.tip{padding:10px 6px}.tip span{letter-spacing:1.7px;color:#9babae;font-size:9px}.tip p{color:#83939b;margin-top:12px;font-size:12px;line-height:1.8}.empty{text-align:center;color:#8c9ca4;flex-direction:column;align-items:center;gap:15px;padding:55px 25px;display:flex}.empty h3{color:#526d7c;font-size:18px}.empty p{font-size:12px;line-height:1.6}.classgrid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.classcard{border:1px solid var(--line);background:#fff;border-top:4px solid;border-radius:8px;padding:25px}.classcard h2{overflow-wrap:anywhere;margin:20px 0 12px;font-size:20px}.classcard p{color:#829298;font-size:12px;line-height:1.6}.classcard>div{align-items:center;gap:10px;margin-top:25px;display:flex}.classcard .textbutton{margin-right:auto}footer{color:#a3afb2;justify-content:space-between;gap:15px;padding:40px 0 10px;font-size:10px;display:flex}.notice,.error{border-radius:6px;align-items:center;gap:12px;margin-bottom:20px;padding:13px 17px;font-size:12px;line-height:1.5;display:flex}.notice{color:#557965;background:#e8f1ea}.error{color:#a43d32;background:#fcebea}.notice button,.error button{margin-left:auto}dialog{width:min(520px,100% - 32px);color:var(--navy);background:#fff;border:0;border-radius:16px;padding:0;box-shadow:0 20px 90px #102d4755}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#11283e80}.modal{padding:30px}.modalheading{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.modalheading h2{margin-top:9px;font-family:Manrope,sans-serif;font-size:24px}.modalheading button{color:#8e9aa0;padding:5px}form>label,.formrow label{flex-direction:column;gap:8px;margin-bottom:18px;font-size:12px;font-weight:600;display:flex}form label>span{color:#9aabae;font-weight:400}form input,form select,form textarea{width:100%;color:var(--navy);background:#fafbfa;border:1px solid #dfe5e6;border-radius:7px;padding:12px;font-size:13px;line-height:1.5}form input:focus,form select:focus,form textarea:focus{outline:2px solid #beaddb}.formrow{gap:17px;display:flex}.formrow label{flex:1;min-width:0}.formactions{justify-content:flex-end;gap:13px;padding-top:10px;display:flex}.secondary{color:#88979d;padding:11px 15px;font-size:12px}.formnote{margin:20px 0;font-size:13px;line-height:1.8}.formnote button{color:#7962ac;text-decoration:underline}@media (width>=1500px){.content{padding-top:45px}.stats{gap:24px}.workgrid{grid-template-columns:minmax(0,1fr) 290px}}@media (width<=1150px){.sidebar{width:220px;padding:30px 15px}.brand{font-size:16px}.main{width:calc(100% - 220px);margin-left:220px}.content{padding:28px 25px}.topbar{padding:0 25px}.workgrid{grid-template-columns:1fr}.rightcolumn{grid-template-columns:1fr 1fr;display:grid}.tip{display:none}.stats>div{padding:18px 15px}.stats small{font-size:10px}.classgrid{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.shell{display:block}.sidebar{border-bottom:1px solid var(--line);border-right:0;width:100%;padding:18px 20px;display:block;position:relative;inset:auto;overflow:visible}.brand{font-size:19px}.workspace,.sidebarclasses,.sidebottom{display:none}.sidebar nav{gap:7px;margin-top:18px;display:flex}.navitem{justify-content:center;gap:6px;margin:0;padding:11px 10px;font-size:11px}.navitem svg{width:16px}.navcount{margin-left:0}.main{width:100%;margin:0}.topbar{height:58px;padding:0 20px;font-size:10px}.username{max-width:170px}.content{padding:22px 18px}.demobanner{padding:15px;font-size:11px;display:block}.demobanner a{margin-top:10px}.headingrow{margin-bottom:23px;display:block}.headingrow .button{margin-top:20px}.eyebrow{font-size:9px}h1{font-size:28px}.headingrow p{font-size:12px}.stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.stats>div{padding:17px}.stats strong{font-size:29px}.stats span{font-size:8px}.listheading{padding:18px 16px}.listheading h2{font-size:15px}.filters{gap:7px;padding:0 16px 12px}.search{flex-basis:100%}.filters select{flex:1;min-width:0;max-width:none}.tabs{padding:0 16px}.task{gap:10px;padding:19px 16px}.taskactions{flex-direction:column;gap:0}.task h3{font-size:13px}.rightcolumn{grid-template-columns:1fr}.focus{padding:22px}.focus h2{margin-bottom:17px}.classgrid{grid-template-columns:1fr}footer{line-height:2;display:block}footer span{display:block}.modal{padding:24px}.formrow{gap:10px}}