@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{--navy:#111d4f;--navy2:#192966;--blue:#2446d8;--yellow:#f8c945;--bg:#f5f7fc;--panel:#fff;--text:#17203b;--muted:#6b7390;--line:#e6e9f2;--green:#138a61;--red:#d14343;--orange:#c77813;--shadow:0 10px 30px #1c2b5f14}[data-dark]{--bg:#0a1029;--panel:#121b3d;--text:#f2f4ff;--muted:#a5adcb;--line:#26325f}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:DM Sans,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a{transition:all .18s}a{color:inherit;text-decoration:none}:focus-visible{outline-offset:2px;outline:3px solid #f8c945}.app{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--navy);color:#dbe2ff;flex-direction:column;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:9px;padding:0 9px;display:flex}.brand span{background:var(--yellow);width:34px;height:34px;color:var(--navy);border-radius:11px;place-items:center;font:800 20px Manrope;display:grid}.brand strong{color:#fff;font:800 22px Manrope}.eyebrow{letter-spacing:.14em;color:#7890ee;font-size:11px;font-weight:800}.sidebar>.eyebrow{color:#7785bd;padding:30px 12px 6px}.sidebar nav{gap:4px;display:grid}.sidebar nav a{border-radius:11px;align-items:center;gap:12px;padding:11px 13px;font-weight:600;display:flex}.sidebar nav a i{text-align:center;width:20px;font-style:normal}.sidebar nav a:hover,.sidebar nav a.active{background:var(--navy2);color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 var(--yellow)}.profile{border-top:1px solid #2a3975;align-items:center;gap:9px;margin-top:auto;padding:17px 6px 0;display:flex}.avatar,.person>span{width:36px;height:36px;color:var(--blue);background:#e8edff;border-radius:11px;place-items:center;font-weight:800;display:grid}.profile div:nth-child(2){flex:1;display:grid}.profile small{color:#8e9ac8}.profile button{color:#bbc5ec;cursor:pointer;background:0 0;border:0;font-size:19px}.main{min-width:0}.main>header{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;align-items:center;height:70px;padding:0 28px;display:flex;position:sticky;top:0}.main>header small{color:var(--muted);font-size:11px}.main>header h1{margin:2px 0 0;font:700 16px Manrope}.menu{display:none}.header-actions{gap:8px;margin-left:auto;display:flex}.header-actions button{border:1px solid var(--line);background:var(--panel);width:39px;height:39px;color:var(--muted);cursor:pointer;border-radius:12px;position:relative}.main>main{max-width:1370px;margin:auto;padding:30px}.page-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:23px;display:flex}.page-head h2{margin:0;font:800 26px Manrope}.page-head p{color:var(--muted);margin:5px 0 0}.sunline{background:var(--yellow);border-radius:9px;width:44px;height:4px;margin-bottom:10px}.badge{color:var(--blue);background:#edf1ff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge.completed{color:var(--green);background:#e5f6ee}.badge.in-progress{color:var(--orange);background:#fff3df}.badge.not-started{color:var(--blue);background:#edf1ff}.primary{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;padding:11px 17px;font-weight:700;display:inline-flex}.primary:hover{background:#1737c0;transform:translateY(-1px)}.primary:disabled{opacity:.5}.class-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.class-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:17px;display:block;overflow:hidden}.class-cover{color:#fff;background:#2446d8;flex-direction:column;justify-content:space-between;height:135px;padding:22px;display:flex}.class-cover.c1{background:#13795b}.class-cover.c2{background:#9a5910}.class-cover.c3{background:#7038a0}.class-cover span{opacity:.85;font-size:12px;font-weight:700}.class-cover b{font:800 21px Manrope}.class-body{padding:17px}.class-meta{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.progress-track{background:var(--line);border-radius:99px;height:8px;margin-bottom:12px;overflow:hidden}.progress-fill{background:var(--blue);border-radius:99px;height:100%}.next-lesson{margin:0;font-size:13px}.muted{color:var(--muted)}.state{min-height:220px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.state.error{color:var(--red)}.spinner{border:3px solid var(--line);border-top-color:var(--blue);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.form-error{color:var(--red);background:#fdeaea;border-radius:11px;margin-bottom:15px;padding:12px 14px;font-weight:600}.login{grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-art{color:#fff;background:linear-gradient(145deg,#111d4f,#1d3789);flex-direction:column;justify-content:space-between;padding:48px 8vw;display:flex;position:relative;overflow:hidden}.login-art:after{content:"";border:80px solid #f8c94514;border-radius:50%;width:500px;height:500px;position:absolute;bottom:-210px;right:-260px}.brand.large{padding:0}.brand.large span{width:42px;height:42px}.login-art h1{margin:12px 0 22px;font:800 clamp(38px,5vw,65px)/1.05 Manrope}.login-art h1 em{color:var(--yellow);font-style:normal}.login-art>div>p:last-child{color:#ccd5f5;max-width:520px;font-size:17px;line-height:1.7}.login-art small{color:#9ba8d3}.login-form{background:var(--panel);place-items:center;padding:35px;display:grid}.login-form form{width:min(390px,100%)}.login-form h2{margin:10px 0 5px;font:800 28px Manrope}.login-form>form>p:not(.eyebrow){color:var(--muted);margin:0 0 28px}.login-form label{gap:7px;margin:16px 0;font-weight:700;display:grid}.login-form input{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:11px;padding:12px 13px}.login-form .primary{width:100%;margin-top:8px}.forgot-link{text-align:right;margin:-8px 0 16px}.forgot-link a,.back-link a{color:var(--blue);font-weight:700}.back-link{text-align:center;margin-top:20px}.reset-result{text-align:center;width:min(410px,100%)}.reset-result>span{width:62px;height:62px;color:var(--green);background:#e5f6ee;border-radius:20px;place-items:center;margin:0 auto 24px;font-size:28px;font-weight:800;display:grid}.reset-result h2{margin:10px 0;font:800 28px Manrope}.reset-result>p:not(.eyebrow){color:var(--muted);margin:0 0 25px;line-height:1.7}.reset-result .primary{width:100%}.text-button{color:var(--blue);cursor:pointer;background:0 0;border:0;margin-top:16px;font-weight:700}.scrim{display:none}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:17px;overflow:hidden}.course-progress{margin-bottom:18px;padding:17px 20px}.course-progress .progress-track{margin-bottom:0}.activity-list{display:grid}.activity-row{border-bottom:1px solid var(--line);color:var(--text);align-items:center;gap:14px;padding:16px 20px;display:flex}.activity-row:last-child{border:0}.activity-row:hover{background:color-mix(in srgb,var(--bg) 70%,transparent)}.activity-index{width:28px;height:28px;color:var(--blue);background:#edf1ff;border-radius:9px;flex-shrink:0;place-items:center;font-size:12px;font-weight:800;display:grid}.activity-title{flex:1;font-weight:600}.badge.published{color:var(--green);background:#e5f6ee}.badge.draft{color:var(--blue);background:#edf1ff}.badge.retired{color:var(--muted);background:#f1f1f4}.badge.open{color:var(--blue);background:#edf1ff}.badge.due-soon{color:var(--orange);background:#fff3df}.badge.closed{background:color-mix(in srgb,var(--line) 55%,transparent);color:var(--muted)}.badge.completed-late{color:var(--orange);background:#fff3df}.badge.expired-incomplete{color:var(--red);background:#fdeaea}.badge.present{color:var(--green);background:#e5f6ee}.badge.late{color:var(--orange);background:#fff3df}.badge.absent{color:var(--red);background:#fdeaea}.stats{grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:18px;display:grid}.stats article{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:14px;padding:19px;display:flex}.stats article i{width:45px;height:45px;color:var(--blue);background:#edf1ff;border-radius:13px;flex-shrink:0;place-items:center;font-size:20px;font-style:normal;display:grid}.stats article div{display:grid}.stats strong{font:800 23px Manrope}.stats span{color:var(--muted)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);padding:14px 18px}th{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px}tr:last-child td{border:0}.homework-list{display:grid}.homework-row{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:18px 20px;display:flex}.homework-row:last-child{border:0}.homework-main{flex:1;gap:4px;min-width:0;display:grid}.homework-main b{font-size:15px}.homework-instructions{margin:2px 0 0;font-size:13px}.homework-meta{flex-direction:column;align-items:flex-end;gap:6px;font-size:13px;display:flex}.homework-meta .badge{margin-left:auto}.secondary{border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;border-radius:11px;justify-content:center;align-items:center;padding:11px 17px;font-weight:700;display:inline-flex}.secondary:hover{background:var(--bg)}.secondary:disabled{opacity:.5}.course-shell{flex-direction:column;gap:16px;min-height:calc(100vh - 180px);display:flex}.course-shell-head{align-items:center;display:flex}.breadcrumb{color:var(--muted);font-weight:700}.breadcrumb i{color:var(--line);margin:0 6px;font-style:normal}.course-shell-body{flex:1;grid-template-columns:260px 1fr;gap:18px;min-height:0;display:grid}.course-nav{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:17px;align-content:start;gap:2px;padding:10px;display:grid;overflow:auto}.course-nav button{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:10px;padding:11px 12px;font-weight:600;display:flex}.course-nav button:hover{background:var(--bg)}.course-nav button.active{background:var(--navy);color:#fff}.course-nav button.active .activity-index{background:var(--yellow);color:var(--navy)}.player-panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:17px;min-height:420px;display:flex;overflow:hidden}.player-state{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:auto;padding:30px;display:flex}.player-state.error{color:var(--red)}.player-embed{width:100%;display:flex;position:relative}.player-embed iframe{border:0;flex:1;width:100%;min-height:420px}.course-shell-foot{justify-content:space-between;gap:12px;display:flex}.week-grid{border-collapse:collapse;width:100%}.week-grid th,.week-grid td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:8px;font-size:13px}.week-grid th{background:var(--bg);color:var(--muted);font-size:12px;font-weight:700}.week-grid td.time-col{background:var(--bg);color:var(--muted);white-space:nowrap;font-weight:700}.cal-toolbar{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:14px;display:flex}.cal-toolbar strong{text-align:center;flex:1;font:800 16px Manrope}.cal-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.cal-head{text-align:center;letter-spacing:.08em;color:var(--muted);text-transform:uppercase;padding:4px 0;font-size:11px;font-weight:800}.cal-cell{border:1px solid var(--line);background:var(--panel);cursor:pointer;text-align:left;min-height:88px;font:inherit;color:var(--text);border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:8px;display:flex}.cal-cell:hover{border-color:var(--blue)}.cal-cell .badge{padding:3px 8px;font-size:10px}.cal-cell-outside{opacity:.45}.cal-cell-out-of-year{background:color-mix(in srgb,var(--bg) 60%,transparent)}.cal-cell-today .cal-day-num{background:var(--yellow);color:var(--navy);border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.cal-cell-selected{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue) inset}.cal-day-num{font-size:13px;font-weight:800}@media (width<=800px){.cal-cell{min-height:64px}}@media (width<=1000px){.class-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.app{grid-template-columns:1fr}.sidebar{z-index:50;width:250px;transition:all .2s;position:fixed;transform:translate(-100%)}.sidebar.open{transform:none}.scrim{z-index:40;background:#09102a99;border:0;display:block;position:fixed;inset:0}.menu{color:var(--text);background:0 0;border:0;margin-right:15px;font-size:22px;display:block}.main>main{padding:22px 16px}.login{grid-template-columns:1fr}.login-art{display:none}.course-shell-body{grid-template-columns:1fr}.course-nav{order:2}}@media (width<=600px){.class-grid{grid-template-columns:1fr}.page-head{flex-direction:column;align-items:flex-start}.main>header{padding:0 16px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.view-toggle{border:1px solid var(--line);background:var(--panel);height:39px;color:var(--text);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.view-toggle.parent{color:var(--orange);background:#fff3df;border-color:#f0d29a}.pin-overlay{z-index:100;background:#09102a99;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.pin-modal{background:var(--panel);width:min(340px,100%);box-shadow:var(--shadow);border-radius:17px;padding:26px}.pin-modal h3{margin:0 0 6px;font:800 20px Manrope}.pin-modal>p{color:var(--muted);margin:0 0 18px}.pin-modal label{gap:7px;margin:0 0 14px;font-size:13px;font-weight:700;display:grid}.pin-modal input{border:1px solid var(--line);background:var(--bg);color:var(--text);letter-spacing:.3em;text-align:center;border-radius:11px;width:100%;padding:12px 13px;font-size:18px}.pin-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.locked-row{opacity:.6;cursor:not-allowed}.locked-row .lock{margin-left:auto}.parent-note{color:var(--orange);background:#fff3df;border-radius:11px;margin-bottom:15px;padding:12px 14px;font-size:13px;font-weight:600}.subnav-tabs{gap:8px;margin-bottom:20px;display:flex}.subnav-tab{border:1px solid var(--line);background:var(--panel);color:var(--muted);cursor:pointer;border-radius:11px;padding:10px 16px;font-size:13px;font-weight:700;display:inline-flex}.subnav-tab.active{background:var(--navy);color:#fff;border-color:var(--navy)}.filters-bar{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:18px;padding:16px;display:flex}.filters-bar label{color:var(--muted);gap:6px;font-size:12px;font-weight:700;display:grid}.filters-bar input{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:11px;padding:10px 12px;font-size:13px}.filters-bar .grow{flex:1;min-width:200px}.chip-toggle{border:1px solid var(--line);background:var(--bg);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:11px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:700;display:inline-flex}.chip-toggle.active{color:var(--green);background:#e5f6ee;border-color:#b8e6cd}.results-count{color:var(--muted);margin-bottom:14px;font-size:13px}.tutor-card{cursor:pointer;flex-direction:column;gap:12px;padding:19px;display:flex}.tutor-card:hover{border-color:var(--blue)}.tutor-head{align-items:center;gap:12px;display:flex}.tutor-head .avatar{border-radius:14px;flex:none;width:48px;height:48px;font-size:16px}.tutor-head div{min-width:0}.tutor-head strong{font:700 15px DM Sans,sans-serif;display:block}.tutor-tags{flex-wrap:wrap;gap:6px;display:flex}.tutor-tags span{color:var(--blue);background:#edf1ff;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700}.instant-badge{color:var(--green)!important;background:#e5f6ee!important}.verified-badge{color:var(--green);align-items:center;gap:4px;font-size:12px;font-weight:700;display:inline-flex}.tutor-card .primary{width:100%;margin-top:4px}.panel h4{margin:26px 0 12px;font:800 15px Manrope}.panel h4:first-child{margin-top:0}.slot-pill{color:var(--blue);cursor:pointer;background:#edf1ff;border:1px solid #b8cbfa;border-radius:9px;padding:9px 12px;font-size:12px;font-weight:700}.slot-pill:hover{background:#dbe4ff}.slot-pill.selected{background:var(--blue);color:#fff;border-color:var(--blue)}.instant-cta{background:#e5f6ee;border:1px solid #b8e6cd;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;padding:16px 18px;display:flex}.instant-cta strong{color:var(--green);margin-bottom:2px;display:block}.book-bar{border-top:1px solid var(--line);background:var(--bg);justify-content:space-between;align-items:center;gap:16px;padding:18px 28px;display:flex}.book-bar .selected-slot{font-size:13px}.book-bar .selected-slot b{font-size:14px;display:block}.success{color:var(--green);background:#e5f6ee;border-radius:11px;padding:12px 14px;font-weight:600}