:root{--purple:#6f5bd3;--ink:#25232d;--muted:#74717c;--line:#e8e7eb}*{box-sizing:border-box}body{margin:0;background:#fafafa;color:var(--ink);font-family:Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}.sidebar{position:fixed;inset:0 auto 0 0;width:190px;border-right:1px solid var(--line);background:#fff;padding:24px 16px;z-index:5}.main-logo{width:62px;margin:0 0 30px 8px}.nav-heading,.eyebrow{font-size:10px;font-weight:700;letter-spacing:.12em;color:#aaa;margin:0 0 10px}.nav-link{display:flex;align-items:center;gap:10px;height:42px;padding:0 10px;color:#64616a;text-decoration:none;border-radius:8px;font-size:12px;margin-bottom:4px}.nav-link img{width:18px}.nav-link.active{color:#5745b8;background:#f2efff;font-weight:700}.support{position:absolute;bottom:24px;left:26px;color:#8a8790;font-size:11px}.support span{margin-left:9px}.main-area{min-height:100vh;margin-left:190px}.topbar{height:66px;background:#fff;border-bottom:1px solid #efeff1;display:flex;align-items:center;justify-content:flex-end;gap:18px;padding:0 38px}.school{font-size:11px;color:#8c8992;margin-right:auto}.lang,.user{border:0;background:transparent;color:#67636d;font-size:11px}.user{display:flex;align-items:center;gap:8px;font-weight:600}.user img{width:32px;height:32px;border-radius:50%;background:#efbb54}.page-content{width:min(990px,calc(100% - 64px));margin:0 auto;padding:36px 0 70px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.page-heading .eyebrow{color:var(--purple);margin-bottom:8px}.page-heading h1{font-size:25px;margin:0 0 6px}.page-heading>div>p:last-child{margin:0;color:var(--muted);font-size:12px}.week-progress{width:154px}.week-progress>div{display:flex;justify-content:space-between;margin-bottom:7px}.week-progress b{font-size:12px}.week-progress span{font-size:10px;color:#999}.week-progress i,.progress,.row-progress>i{display:block;height:5px;background:#e9e7ed;border-radius:10px;overflow:hidden}.week-progress em{display:block;width:4%;height:100%;background:var(--purple)}.next-card{background:linear-gradient(110deg,#f0edff,#faf9ff);border:1px solid #ddd7fb;border-radius:12px;padding:16px 18px 19px;margin-bottom:14px}.next-label{display:flex;justify-content:space-between;margin-bottom:13px}.next-label span{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:#5745b8}.next-label small,.due-badge{font-size:9px;color:#b3592c;background:#fff1e7;padding:5px 8px;border-radius:999px}.next-content{display:flex;align-items:center}.next-icon,.subject-mark{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;border-radius:11px;background:#ded8ff;color:#5745b8;font-weight:800;font-size:18px}.next-copy{margin-left:14px}.next-copy>p{font-size:9px;font-weight:700;color:#8c82bd;margin:0 0 5px}.next-copy h2{font-size:18px;margin:0 0 8px}.next-meta{display:flex;gap:20px;color:#77717f;font-size:10px}.next-action{width:190px;margin-left:auto;text-align:right}.next-action>b{display:block;font-size:11px;margin-bottom:5px}.progress{margin-bottom:11px}.progress i{display:block;height:100%;background:var(--purple)}.next-action button{width:100%;border:0;background:var(--purple);color:#fff;border-radius:7px;padding:10px 12px;font-size:10px;font-weight:700}.next-action button span,.primary-action span,.secondary-action span{float:right}.summary-row{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:30px}.summary-row>div{display:flex;align-items:center;gap:11px;padding:15px 18px;border-right:1px solid var(--line)}.summary-row>div:last-child{border:0}.summary-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;font-weight:800}.urgent{color:#bf6128;background:#fff0e6}.ongoing{color:#6452c5;background:#efecff}.available{color:#338160;background:#e8f6ef}.summary-row p{display:flex;flex-direction:column;margin:0;gap:3px}.summary-row b{font-size:11px}.summary-row small{font-size:9px;color:#999}.section-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:12px}.tabs{display:flex;gap:25px}.tabs button{border:0;background:transparent;padding:10px 0 12px;color:#8a8790;font-size:12px}.tabs button.active{color:var(--ink);font-weight:700;border-bottom:2px solid var(--purple)}.tabs button span{margin-left:4px;padding:2px 5px;background:#eeeafc;color:var(--purple);border-radius:10px;font-size:9px}.tools{display:flex;gap:7px;padding-bottom:7px}.tools label{display:flex;align-items:center;width:180px;border:1px solid var(--line);background:#fff;border-radius:7px;padding:0 8px;color:#aaa}.tools input{width:100%;height:30px;border:0;outline:0;font-size:10px}.tools select{height:32px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:0 10px;font-size:10px;color:#666}.assessment-list{display:flex;flex-direction:column;gap:8px}.assessment-card{display:flex;align-items:center;min-height:100px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:14px 16px;transition:.16s}.assessment-card:hover{border-color:#cfc8ee;box-shadow:0 5px 14px rgba(50,40,90,.06)}.subject-mark{width:42px;height:42px;border-radius:9px;font-size:14px}.subject-mark.english{background:#fff0dc;color:#b26b20}.assessment-info{min-width:0;margin-left:14px;flex:1}.status-line{display:flex;align-items:center;gap:7px}.status{font-size:8px;font-weight:800;color:#89858e}.status.progress{color:var(--purple)}.status.screening{color:#9a559b}.due-badge{padding:3px 6px}.assessment-info h3{font-size:13px;margin:7px 0 6px}.assessment-info>p{font-size:9px;color:#8d8992;margin:0}.assessment-info>p i{display:inline-block;width:3px;height:3px;border-radius:50%;background:#aaa;margin:0 6px 2px}.deadline{width:126px;display:flex;flex-direction:column;gap:5px;border-left:1px solid #eee;padding-left:18px}.deadline small{font-size:8px;color:#aaa}.deadline b{font-size:10px}.primary-action,.secondary-action{width:92px;margin-left:18px;border-radius:7px;padding:9px 10px;font-size:9px;font-weight:700}.primary-action{border:0;background:var(--purple);color:#fff}.secondary-action{background:#fff;border:1px solid #d8d3ed;color:#5745b8}.row-progress{display:flex;align-items:center;gap:8px;margin-top:8px}.row-progress>i{width:110px;height:4px}.row-progress em{display:block;height:100%;background:var(--purple)}.row-progress span{font-size:8px;color:var(--purple)}.empty{display:flex;flex-direction:column;align-items:center;gap:6px;border:1px dashed #d8d5df;border-radius:9px;padding:44px;color:#777;background:#fff}.empty span{font-size:10px;color:#aaa}@media(max-width:850px){.page-content{width:calc(100% - 36px)}.summary-row{grid-template-columns:1fr}.summary-row>div{border-right:0;border-bottom:1px solid var(--line)}.deadline{display:none}}@media(max-width:650px){.sidebar{position:static;width:100%;height:58px;padding:9px 16px;display:flex;align-items:center}.main-logo{width:48px;margin:0}.nav-heading,.support{display:none}.sidebar nav{display:flex;margin-left:auto}.nav-link{font-size:0}.main-area{margin:0}.school,.user span{display:none}.page-content{padding-top:24px}.week-progress{display:none}.next-icon{display:none}.next-copy{margin:0}.next-action{width:135px}.section-top{align-items:flex-start;flex-direction:column}.tools{width:100%}.tools label{flex:1}.assessment-card{flex-wrap:wrap}.primary-action,.secondary-action{margin:12px 0 0 56px}}