*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:#10162e;background:#f3f5ff}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #0a73ff;outline-offset:2px}.app{display:flex;min-height:100vh}.sidebar{width:236px;flex-shrink:0;background:linear-gradient(165deg,#1c293b,#111b2d);color:#fff;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:14px 9px}.brand{padding:0 14px 23px}.brand img{width:190px;max-width:100%;height:86px;object-fit:contain;object-position:left center}.sidebar nav{display:grid;gap:3px}.navitem{display:flex;align-items:center;gap:14px;width:100%;padding:11px 17px;border:0;background:transparent;color:#f3f6ff;border-radius:10px;text-align:left;font-size:13px;font-weight:600}.navitem:hover,.navitem.selected{background:#53617d}.sidebar-bottom{margin-top:auto;border-top:1px solid #8290a8;padding-top:12px}.main{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:68px;background:#fbfbff;display:flex;align-items:center;gap:20px;padding:10px 22px;border-bottom:1px solid #e3e6f5;position:sticky;top:0;z-index:4}.search{position:relative;display:flex;align-items:center;gap:13px;border:1px solid #cbd1eb;background:#f2f2ff;border-radius:18px;padding:0 18px;flex:1;max-width:760px;height:43px}.search input{background:transparent;border:0;outline:0;width:100%;font-size:13px}.search-results{position:absolute;top:46px;left:0;right:0;background:#fff;box-shadow:0 10px 24px #17274b25;border-radius:12px;z-index:9;padding:6px;max-height:350px;overflow:auto}.search-results button{border:0;background:#fff;padding:11px;width:100%;display:flex;justify-content:space-between;text-align:left}.search-results button:hover{background:#edf2ff}.search-results span{padding:15px;display:block}.iconbutton{border:0;background:transparent;margin-left:auto;position:relative}.notification i{position:absolute;right:0;top:0;background:#f32943;border-radius:50%;height:11px;width:11px}.profile{border:1px solid #d1d5eb;border-radius:28px;padding:4px 12px 4px 5px;background:#f8f9ff;display:flex;align-items:center;gap:10px;white-space:nowrap}.avatar{background:#cad4ee;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;color:#21345b;font-weight:800}.content{padding:13px 20px 22px;flex:1}.hero-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:17px}.welcome{min-height:173px;border-radius:18px;background:linear-gradient(115deg,#dcd7ff,#f0e9ff 57%,#d5d2ff);padding:18px 23px;position:relative;overflow:hidden;display:flex;align-items:center}.welcome>div:first-child{z-index:1;max-width:65%}.welcome h1{font-size:35px;letter-spacing:-1.5px;margin:0 0 1px}.welcome h1 span{font-size:26px}.welcome h2{font-size:18px;margin:0 0 10px}.welcome p{font-size:14px;line-height:1.4;margin:0}.hero-illustration{position:absolute;right:5px;bottom:0;width:36%;height:100%;display:flex;align-items:end;justify-content:center}.student{font-size:104px;filter:drop-shadow(0 10px 5px #4b328433)}.leaf{position:absolute;right:0;top:10px;font-size:52px}.books{position:absolute;bottom:0;left:-10px;font-size:33px}.panel{background:#fff;border:1px solid #d7dbee;border-radius:16px;padding:15px;box-shadow:0 5px 13px #24365e12;min-width:0}.panel h3{font-size:17px;margin:0;letter-spacing:-.5px}.general{padding:14px 24px}.general-body{display:flex;align-items:center;gap:26px;margin-top:7px}.donut{width:126px;height:126px;flex-shrink:0;border-radius:50%;background:conic-gradient(#0a65f1 0,#0a65f1 64%,#dbe0f1 64%);display:grid;place-items:center;transform:rotate(-10deg)}.donut>span{width:94px;height:94px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(10deg)}.donut strong{font-size:31px}.donut small{font-size:12px}.checks{display:grid;gap:7px}.checks p{margin:0;display:flex;align-items:center;gap:11px;font-size:13px}.checks svg{color:#10b965;flex-shrink:0}.checks svg.blue{color:#0a6eff}.row-two,.row-three{display:grid;gap:16px;margin-top:16px;align-items:stretch}.row-two{grid-template-columns:1.75fr 1fr}.row-three{grid-template-columns:1.1fr 1fr .95fr}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:14px}.section-heading h3{display:flex;align-items:center;gap:10px}.section-heading h3 svg{color:#6d28db;width:25px;height:25px;flex-shrink:0}.link{display:flex;align-items:center;gap:6px;background:none;border:0;color:#0645ca;font-size:11px;font-weight:700;white-space:nowrap}.course-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.course{padding:0;text-align:left;border:1px solid #e4e4f4;border-radius:12px;overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s;min-width:0}.course:hover{transform:translateY(-3px);box-shadow:0 8px 18px #0c2a6529}.course-top{height:91px;background:linear-gradient(130deg,color-mix(in srgb,var(--c),white 8%),var(--c));color:#fff;padding:11px 13px;display:flex;flex-direction:column;gap:8px}.course-top b{font-size:13px;line-height:1.12}.course-icon{font-size:23px;line-height:1}.course-bottom{background:color-mix(in srgb,var(--c),white 85%);padding:10px 12px}.course-bottom small{font-size:11px;font-weight:700}.progress-track{height:9px;border-radius:9px;background:#cdd5e9;overflow:hidden;margin-top:6px}.progress-track i{display:block;height:100%;background:var(--c,#0a6df6);border-radius:9px}.pending-list{display:grid;gap:3px}.pending-item,.event,.recording{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;text-align:left;padding:5px 0;border-bottom:1px solid #edf0f8}.pending-item:last-child,.event:last-child,.recording:last-child{border-bottom:0}.pending-item:hover,.event:hover,.recording:hover{background:#f6f8ff}.mini-icon{height:38px;width:40px;display:grid;place-items:center;background:#f0f0ff;border-radius:10px;color:#642ee5;flex-shrink:0}.itemtext{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.itemtext b{font-size:12px}.itemtext small{font-size:11px;color:#4b5266}.pill{border-radius:25px;background:#ffe3e9;color:#d71c3b;font-size:10px;padding:5px 8px;font-weight:700}.tiny-label{font-size:11px;font-weight:700;margin:0 0 14px 34px}.steps{display:flex;justify-content:space-between;position:relative;margin:0 0 15px}.steps:before{content:"";position:absolute;height:4px;background:#cbd2e5;top:13px;left:10%;right:10%}.step{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;gap:3px;text-align:center;width:20%}.step>span{width:27px;height:27px;background:#d4d8e6;color:#33405d;border:3px solid white;border-radius:50%;display:grid;place-items:center;font-size:11px}.step.done>span{background:#11b667;color:#fff}.step.current>span{background:#fff;border:4px solid #086ef0;color:#086ef0}.step b{font-size:10px}.step small{font-size:9px}.unit{display:flex;align-items:center;gap:12px;background:#f6f5ff;border:1px solid #e2dff8;border-radius:11px;padding:9px}.unit-icon{font-size:47px}.unit>div:last-child{flex:1;min-width:0}.unit small,.unit b{display:block;font-size:11px}.unit b{font-size:14px}.unit p{font-size:11px;margin:3px 0 6px}.primary{background:#0966ed;border:0;color:#fff;border-radius:25px;padding:7px 15px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:7px;margin-left:auto}.event .date{width:47px;height:42px;border-radius:10px;background:#eee4ff;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-shrink:0}.event:nth-of-type(2) .date{background:#dceaff}.event:nth-of-type(3) .date{background:#dcf6e5}.date small{font-size:10px;font-weight:800}.date b{font-size:19px}.event>svg{color:#6431de}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.quick-grid button{background:#f6f6ff;border:1px solid #dce0f0;border-radius:12px;min-height:79px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:#10152d}.quick-grid button:nth-child(n+4){grid-column:span 1}.quick-grid button svg{color:#6827db}.quick-grid b{font-size:11px;line-height:1.15;text-align:center}.recording{gap:12px}.thumb{height:46px;width:88px;flex-shrink:0;background:linear-gradient(130deg,#d4e4e7,#6c8b92);border-radius:8px;display:grid;place-items:center;font-size:24px;position:relative}.thumb small{position:absolute;bottom:2px;right:2px;background:#0b1425;color:#fff;border-radius:3px;font-size:9px;padding:2px}.subject-row{display:flex;align-items:center;gap:9px;margin:9px 0}.subject-badge{width:26px;height:25px;display:grid;place-items:center;color:#fff;border-radius:6px;font-weight:700;flex-shrink:0}.subject-row b{font-size:11px;width:115px}.subject-row .progress-track{margin:0;flex:1}.subject-row strong{font-size:12px;width:38px;text-align:right}.awards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px}.award{background:#f0e9ff;border-radius:12px;padding:10px 4px;display:flex;align-items:center;flex-direction:column;text-align:center;gap:7px}.award-1{background:#e5f8ee}.award-2{background:#e4f2ff}.award span{font-size:31px;color:#7834e8}.award-1 span{color:#0bbf69}.award-2 span{color:#0d70eb}.award b{font-size:11px}.award small{font-size:10px}.footer{background:#121f35;color:#f4f7ff;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 22px;min-height:98px}.footer-brand img{width:145px;max-height:70px}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:0}.footer-links button{background:none;border:0;color:#f3f5ff;font-size:11px;padding:5px 12px;border-right:1px solid #a6b2c9}.footer-links button:last-child{border-right:0}.footer-credit{font-size:11px;white-space:nowrap;display:flex;align-items:center;gap:10px}.footer-credit a{color:#fff;text-decoration:none;display:flex;align-items:center;gap:7px}.footer-credit strong{font-size:19px;letter-spacing:-.7px}.footer-credit strong span{font-weight:400}.code-logo{color:#08b6ed;font-size:26px;font-weight:900}.page-title{margin:20px 0 25px}.page-title h1{font-size:31px;margin:10px 0}.page-title p{color:#56647a}.back{background:none;border:0;color:#075ce3;font-weight:700}.page-courses{margin:20px 0}.detail{min-height:320px}.detail p{line-height:1.7;color:#526079}.activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:25px}.activity-grid button{border:1px solid #dce1f0;background:#f7f8ff;border-radius:12px;padding:20px;display:flex;align-items:flex-start;flex-direction:column;gap:10px;text-align:left}.activity-grid button svg{color:#6734d8}.activity-grid button small{display:flex;gap:5px;align-items:center;color:#64748b}.mobile-menu{display:none;border:0;background:transparent}.overlay{display:none}.toast{position:fixed;bottom:20px;right:20px;background:#15243b;color:#fff;border-radius:10px;padding:14px 16px;z-index:20;box-shadow:0 10px 30px #0004;display:flex;gap:15px;align-items:center;font-size:13px}.toast button{background:transparent;border:0;color:#fff}@media(max-width:1300px){.sidebar{width:213px}.content{padding:12px}.row-three{grid-template-columns:repeat(2,minmax(0,1fr))}.row-three>.panel:last-child{grid-column:span 2}.footer{flex-wrap:wrap}.footer-links{order:3;width:100%}}@media(max-width:900px){.sidebar{position:fixed;z-index:12;transform:translate(-100%);transition:transform .2s;width:250px}.sidebar.open{transform:translate(0)}.overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0008;z-index:11}.mobile-menu{display:block}.hero-grid,.row-two,.row-three{grid-template-columns:1fr}.row-three>.panel:last-child{grid-column:auto}.footer-credit{margin-left:auto}}@media(max-width:620px){.topbar{height:60px;padding:8px 10px;gap:9px}.search{padding:0 9px;height:39px}.search input{font-size:11px}.profile{padding:3px}.profile b,.profile>svg{display:none}.avatar{height:31px;width:31px}.iconbutton{margin-left:0}.content{padding:10px}.welcome{min-height:180px;padding:15px}.welcome>div:first-child{max-width:75%}.welcome h1{font-size:27px}.welcome h2{font-size:15px}.welcome p{font-size:12px}.student{font-size:65px}.leaf{font-size:28px}.books{font-size:22px}.general-body{justify-content:center;gap:22px}.donut{height:107px;width:107px}.donut>span{height:80px;width:80px}.donut strong{font-size:25px}.checks p{font-size:11px}.panel{padding:12px}.panel h3{font-size:15px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.course-top{height:94px}.section-heading{flex-wrap:wrap}.quick-grid{grid-template-columns:repeat(3,1fr)}.footer{justify-content:center;text-align:center;gap:10px}.footer-brand{width:100%}.footer-credit{margin:0}.footer-links{order:2}.footer-links button{font-size:10px;padding:6px}.activity-grid{grid-template-columns:1fr}.subject-row b{width:100px}.awards{gap:5px}.pending-item{gap:6px}.pill{font-size:9px}.steps{margin-top:15px}.step b{font-size:9px}.step small{font-size:8px}}.footer-credit{flex-shrink:0;gap:12px;white-space:normal}.footer-credit .aletheia-link{display:flex;align-items:center;max-width:300px;min-width:0;transition:opacity .2s ease}.footer-credit .aletheia-link:hover{opacity:.82}.footer-credit .aletheia-link img{display:block;width:265px;max-width:100%;height:auto;object-fit:contain;object-position:center}@media(max-width:1100px){.footer-credit .aletheia-link img{width:220px}}@media(max-width:620px){.footer-credit{width:100%;justify-content:center}.footer-credit .aletheia-link img{width:220px}.footer-brand img{width:145px}}