@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{font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1c2b27;background:#f5f7f3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;font-weight:400;--ink:#1c2b27;--muted:#7d8983;--green:#173c32;--lime:#d7f36b;--line:#e5eae4;--panel:#fff;--soft:#f1f5ee}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #8abf5d;outline-offset:2px}.app-shell{min-height:100vh}.sidebar{width:252px;background:#fff;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;padding:26px 17px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:0 7px 27px}.brand-mark{width:43px;height:43px;border-radius:13px;background:var(--green);color:var(--lime);display:grid;place-items:center}.brand strong{display:block;font:800 14px Manrope,sans-serif;letter-spacing:-.3px}.brand span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.close-menu{display:none!important}.semester-label{font-size:9px;font-weight:700;letter-spacing:1px;color:#9aa49e;padding:0 10px 13px}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#738079;text-align:left;border-radius:10px;padding:12px 11px;font-size:13px;font-weight:600}.nav-item:hover{background:#f6f8f4;color:var(--ink)}.nav-item.active{background:#eef5e6;color:#244b32}.nav-chevron{margin-left:auto}.sidebar-bottom{margin-top:auto}.mini-progress{padding:16px 13px;border:1px solid var(--line);border-radius:13px}.mini-progress-top,.detail-progress-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px}.mini-progress-top strong{font-size:12px}.mini-progress small{display:block;color:var(--muted);font-size:10px;margin-top:9px}.progress-track{height:6px;border-radius:20px;background:#edf0eb;overflow:hidden}.progress-track>div{height:100%;background:#a4cb52;border-radius:20px;transition:width .2s}.mini-progress .progress-track{margin-top:12px}.local-note{display:flex;align-items:center;gap:7px;color:#87928b;font-size:10px;margin:17px 6px 0}.status-dot,.online-chip span{width:7px;height:7px;background:#82bb6c;border-radius:50%;display:inline-block}.local-note.storage-warning{color:#a13c2f}.local-note.storage-warning .status-dot{background:#c44b3d}.main-area{margin-left:252px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:72px;background:#ffffffd1;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4.2%;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.breadcrumb{font-size:12px;color:#909b94}.breadcrumb span{margin:0 10px;color:#c0c8c1}.breadcrumb strong{color:#34463d;font-weight:600}.topbar-right{display:flex;align-items:center;gap:17px}.online-chip{font-size:11px;color:#64756b;display:flex;align-items:center;gap:7px}.avatar{height:33px;width:33px;display:grid;place-items:center;border-radius:50%;background:#eaf1dc;color:#365139;font-size:11px;font-weight:700}.icon-button{border:0;background:transparent;color:#53635a;display:grid;place-items:center;width:34px;height:34px;border-radius:8px}.icon-button:hover{background:#f0f3ed}.menu-toggle{display:none}.page-content{width:min(1160px,100%);margin:0 auto;padding:36px 4.2% 40px;flex:1}.welcome-row,.page-title-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.5px;color:#81967c;margin:0 0 10px}.welcome-row h1,.page-title-row h1{font:800 clamp(25px,3vw,34px)/1.2 Manrope,sans-serif;letter-spacing:-1.2px;margin:0;color:#1a2e26}.subtitle{font-size:12px;color:#7d8982;margin:10px 0 0;line-height:1.7}.welcome-icon{height:74px;width:74px;flex:0 0 74px;border-radius:23px;background:#e6efdc;color:#466447;display:grid;place-items:center}.hero-card{position:relative;overflow:hidden;background:#173c32;color:#fff;border-radius:18px;padding:27px 29px;margin-top:27px;display:grid;grid-template-columns:1.35fr 1fr;gap:25px;min-height:232px}.hero-copy,.hero-stats{position:relative;z-index:2}.hero-kicker{display:flex;align-items:center;gap:7px;color:#d7f36b;font-size:9px;font-weight:700;letter-spacing:1.2px}.hero-copy h2{font:700 23px/1.25 Manrope,sans-serif;letter-spacing:-.7px;margin:16px 0 9px}.hero-copy p{max-width:390px;color:#c4d4cb;font-size:11px;line-height:1.7;margin:0 0 18px}.button{border:0;border-radius:9px;padding:10px 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:700}.button-lime{background:var(--lime);color:#233d2e}.button-lime:hover{background:#e4ff86}.button-dark{background:#1b3c32;color:#fff}.button-dark:hover{background:#285445}.button-outline{border:1px solid #dbe4d9;background:#fff;color:#344a3d}.button-danger{background:#fff0ed;color:#9b4335}.hero-stats{display:grid;grid-template-columns:1fr 1fr;align-self:center;gap:11px}.hero-stats>div{padding:16px 13px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:#ffffff0d}.hero-stats span,.hero-stats small{display:block;color:#b8ccc1;font-size:10px}.hero-stats strong{display:block;font:700 29px Manrope,sans-serif;margin:9px 0 6px}.hero-stats em{font-size:13px;font-style:normal;color:#a8beb2}.hero-decoration{position:absolute;border:1px solid rgba(215,243,107,.13);border-radius:50%;pointer-events:none}.decoration-one{width:280px;height:280px;right:-65px;top:-150px}.decoration-two{width:210px;height:210px;right:0;bottom:-170px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:31px 0 16px}.section-heading h2{font:700 16px Manrope,sans-serif;letter-spacing:-.4px;margin:0}.section-heading p{font-size:11px;color:#8a958d;margin:5px 0 0}.text-button{border:0;background:transparent;color:#4f744a;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:5px;padding:7px 0;white-space:nowrap}.text-button:hover{color:#1b4a35}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px 18px;min-width:0}.metric-icon{height:35px;width:35px;border-radius:10px;display:grid;place-items:center;margin-bottom:15px}.metric-icon.mint{background:#e4f2e6;color:#42784b}.metric-icon.yellow{background:#f4f2d9;color:#7b772d}.metric-icon.lilac{background:#eee8f8;color:#7966a2}.metric-card>span{display:block;font-size:11px;color:#79867e}.metric-card>strong{display:block;font:800 25px Manrope,sans-serif;letter-spacing:-.6px;margin:7px 0}.metric-card small{font-size:10px;color:#9aa39c}.metric-card .progress-track{margin-top:12px}.course-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.course-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px;text-align:left;display:flex;flex-direction:column;min-width:0;transition:transform .15s,border-color .15s}.course-card:hover{transform:translateY(-2px);border-color:#c9d9bc}.course-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.course-symbol{height:35px;width:35px;display:grid;place-items:center;border-radius:10px;background:#e8f3e5;color:#4a7647}.project-symbol{background:#f3e9d9;color:#956a36}.course-units{font-size:9px;color:#8a958e;background:#f4f6f2;padding:5px 7px;border-radius:6px}.course-code{font-size:9px;letter-spacing:.5px;font-weight:700;color:#77946c}.course-card-title{font:700 12px/1.5 Manrope,sans-serif;color:#26382f;margin:6px 0 5px;min-height:36px}.course-card-lecturer{font-size:10px;color:#909a93;margin-bottom:17px}.course-card-bottom{display:flex;align-items:center;gap:8px;margin-top:auto}.course-card-bottom .progress-track{flex:1}.course-card-bottom>span{font-size:9px;color:#637e58;font-weight:700}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:23px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px}.next-step{display:flex;gap:13px}.panel-icon{height:38px;width:38px;border-radius:11px;background:#edf4e4;color:#4b7644;display:grid;place-items:center;flex:0 0 auto}.panel h3{font:700 12px Manrope,sans-serif;margin:1px 0 8px;display:flex;align-items:center;gap:8px}.panel p{font-size:10px;color:#7e8981;line-height:1.7;margin:0 0 8px}.quick-session .session-controls{display:flex;gap:8px;align-items:end;margin-top:14px}.session-controls label{display:grid;gap:5px;font-size:9px;color:#77857b;flex:1;min-width:0}.session-controls input,.session-controls select{width:100%;min-width:0;border:1px solid #dfe6dd;border-radius:8px;padding:9px 7px;color:#35493c;background:#fff;font-size:10px}.app-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:17px 4.2%;color:#9aa49d;font-size:9px}.units-pill{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;background:#fff;border:1px solid var(--line);border-radius:9px;color:#65766b;font-size:10px;white-space:nowrap}.course-layout{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.45fr);gap:16px;margin-top:25px;align-items:start}.course-list-panel,.course-detail,.settings-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.search-box{margin:12px;display:flex;align-items:center;gap:9px;border:1px solid #e3e9e1;border-radius:9px;padding:0 10px;color:#87948a}.search-box input{border:0;outline:0;min-width:0;width:100%;padding:11px 0;font-size:10px;color:#31463a}.course-list{padding:0 8px 8px}.course-list-item{width:100%;display:grid;grid-template-columns:1fr auto;gap:4px 8px;text-align:left;border:1px solid transparent;border-radius:10px;background:transparent;padding:12px 10px;color:#293d32;position:relative}.course-list-item.selected{background:#f0f6e9;border-color:#dce9d0}.course-list-item .course-code{grid-column:1;font-size:9px}.course-list-item strong{grid-column:1;font:700 11px Manrope,sans-serif}.course-list-item .course-list-meta{grid-column:1;font-size:9px;color:#87938b;margin-top:3px}.course-list-meta span{margin:0 4px}.course-list-item>svg{grid-column:2;grid-row:1/4;align-self:center;color:#93a28e}.course-detail{padding:23px}.detail-topline{display:flex;justify-content:space-between;align-items:center}.course-detail h2{font:800 23px Manrope,sans-serif;letter-spacing:-.7px;margin:16px 0 5px}.lecturer{font-size:10px;color:#839086;margin:0}.course-overview{font-size:12px;color:#64736a;line-height:1.7;margin:17px 0 21px}.detail-progress{padding:15px 0;border-top:1px solid #edf0eb;border-bottom:1px solid #edf0eb}.detail-progress-label{font-size:10px;color:#35483c;margin-bottom:10px}.detail-progress-label span{color:#7d8b80}.checklist-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font:700 12px Manrope,sans-serif;margin:22px 0 12px}.checklist-title span{font:400 9px DM Sans,sans-serif;color:#8b968f}.topic-list{display:grid;gap:5px}.topic-row{display:flex;align-items:center;gap:10px;padding:10px 9px;border-radius:9px;background:#fafbf9;border:1px solid #f0f2ee;cursor:pointer}.topic-row:hover{border-color:#dce7d4}.topic-row input{accent-color:#4f7a44;width:15px;height:15px;flex:0 0 auto}.topic-number{font-size:9px;color:#a2ada3;font-weight:700}.topic-text{font-size:11px;color:#46574b;flex:1;line-height:1.5}.topic-done .topic-text{color:#87958a;text-decoration:line-through}.topic-check{color:#679b51}.notes-label{display:grid;gap:8px;margin-top:22px;font-size:11px;font-weight:700;color:#3e5144}.notes-label textarea{width:100%;border:1px solid #e1e8de;border-radius:9px;resize:vertical;padding:12px;font-size:11px;font-weight:400;line-height:1.7;color:#35473b}.notes-label textarea::placeholder{color:#a0aaa2}.study-disclaimer{font-size:9px;line-height:1.7;color:#929d94;margin:13px 0 0}.empty-state{font-size:11px;color:#8b968f;padding:12px}.planner-banner{display:flex;align-items:center;gap:14px;background:#eaf2df;border:1px solid #dce8d1;border-radius:14px;padding:17px 19px;margin-top:25px}.planner-banner-icon{height:43px;width:43px;border-radius:12px;background:#fff;color:#507b45;display:grid;place-items:center;flex:0 0 auto}.planner-banner h2{font:700 13px Manrope,sans-serif;margin:0 0 5px}.planner-banner p{font-size:10px;color:#71806f;margin:0}.target-input{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:10px;color:#63745f;white-space:nowrap}.target-input input{width:76px;border:1px solid #d5e2cb;border-radius:7px;background:#fff;padding:9px 6px;font-size:11px;color:#344a38}.plan-list{display:grid;gap:9px;margin-top:18px}.plan-week{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px}.week-number{height:39px;width:43px;border-radius:10px;background:#f0f5e9;color:#4c7543;display:grid;place-items:center;font-size:10px;font-weight:700;flex:0 0 auto}.week-copy{flex:1}.week-copy h3{font:700 12px Manrope,sans-serif;margin:0 0 5px}.week-copy p{font-size:10px;color:#839087;line-height:1.6;margin:0}.week-status{font-size:9px;color:#7e8d7e;background:#f5f7f2;padding:6px 8px;border-radius:6px;white-space:nowrap}.planner-note{display:flex;align-items:flex-start;gap:12px;margin-top:17px;color:#6b8a55}.planner-note p{margin:0}.planner-note strong{color:#445a43}.settings-illustration{height:55px;width:55px;border-radius:16px;background:#e7f0df;color:#567c4b;display:grid;place-items:center}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:25px}.settings-card{padding:20px;overflow:visible}.settings-card-icon{height:39px;width:39px;border-radius:11px;background:#edf4e6;color:#5b7d4c;display:grid;place-items:center;margin-bottom:15px}.settings-card h2{font:700 13px Manrope,sans-serif;margin:0 0 8px}.settings-card p{font-size:10px;line-height:1.7;color:#818e84;min-height:68px;margin:0 0 15px}.settings-card .button{font-size:10px}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;cursor:pointer}.warning-card .settings-card-icon{background:#fff0e9;color:#aa6651}.privacy-panel{display:flex;align-items:flex-start;gap:13px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:13px;margin-top:17px}.privacy-symbol{height:39px;width:39px;display:grid;place-items:center;border-radius:10px;background:#eef3eb;color:#5c7c53;flex:0 0 auto}.privacy-panel>div:nth-child(2){flex:1}.privacy-panel h3{font:700 12px Manrope,sans-serif;margin:2px 0 7px}.privacy-panel p{font-size:10px;color:#7f8c82;line-height:1.7;margin:0}.local-badge{font-size:9px;color:#547a48;background:#eef5e8;padding:6px 8px;border-radius:6px;white-space:nowrap}.toast{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#eff7e8;border:1px solid #dcebcf;color:#466d3f;border-radius:9px;padding:8px 12px;font-size:11px;margin-bottom:17px}.mobile-scrim{display:none}@media(min-width:1500px){.page-content{padding-top:42px}.hero-card{padding:32px}.course-card{padding:18px}}@media(max-width:1200px){.sidebar{width:225px}.main-area{margin-left:225px}.page-content{padding-left:3.2%;padding-right:3.2%}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-card{grid-template-columns:1fr}.hero-stats{max-width:500px;width:100%}.settings-grid{grid-template-columns:1fr 1fr}.settings-card:last-child{grid-column:1/-1}.settings-card p{min-height:auto}}@media(max-width:800px){.sidebar{transform:translate(-100%);transition:transform .22s ease;box-shadow:none}.sidebar.sidebar-open{transform:translate(0);box-shadow:10px 0 40px #142a201c}.close-menu{display:grid!important;margin-left:auto}.mobile-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#12251c66;border:0;z-index:15}.main-area{margin-left:0}.menu-toggle{display:grid}.topbar{height:62px;padding:0 18px}.breadcrumb{font-size:11px}.online-chip{display:none}.page-content{padding:27px 18px 32px}.app-footer{padding:15px 18px}.course-layout{grid-template-columns:1fr}.course-list-panel{max-height:280px;overflow:auto}.course-list{display:grid;grid-template-columns:1fr 1fr}.course-list-item{min-width:0}.hero-card{padding:23px}.hero-copy h2{font-size:21px}.metric-grid{gap:9px}.metric-card{padding:13px}.metric-card>strong{font-size:22px}.bottom-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr 1fr}.settings-card:last-child{grid-column:auto}}@media(max-width:520px){.welcome-row h1,.page-title-row h1{font-size:26px;letter-spacing:-.8px}.welcome-icon{height:54px;width:54px;flex-basis:54px;border-radius:16px}.welcome-icon svg{width:29px}.hero-card{margin-top:20px;padding:20px 17px}.hero-stats{gap:8px}.hero-stats>div{padding:12px 10px}.hero-stats strong{font-size:24px}.metric-grid{grid-template-columns:1fr 1fr}.metric-card:last-child{grid-column:1/-1}.metric-card .metric-icon{margin-bottom:10px}.course-grid{grid-template-columns:1fr 1fr;gap:9px}.course-card{padding:12px}.course-card-title{font-size:11px}.section-heading{align-items:flex-start}.section-heading h2{font-size:14px}.section-heading .text-button{font-size:10px}.course-list{grid-template-columns:1fr}.course-detail{padding:17px}.course-detail h2{font-size:21px}.checklist-title{align-items:flex-start;flex-direction:column}.page-title-row{align-items:flex-start}.page-title-row>.units-pill{font-size:9px;padding:8px}.planner-banner{align-items:flex-start;flex-wrap:wrap}.target-input{margin-left:57px;width:calc(100% - 57px)}.plan-week{align-items:flex-start;padding:12px;gap:10px}.week-number{width:37px;height:36px}.week-status{display:none}.settings-grid{grid-template-columns:1fr}.settings-card:last-child{grid-column:auto}.settings-card p{min-height:0}.privacy-panel{flex-wrap:wrap}.local-badge{margin-left:52px}.session-controls{flex-wrap:wrap}.session-controls label{min-width:38%}.session-controls .button{flex:1}.app-footer{font-size:8px}.app-footer span:last-child{text-align:right}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}