:root{--navy:#172335;--navy-2:#20314a;--blue:#1768e5;--blue-dark:#0d52bb;--teal:#00a7a2;--amber:#f0b429;--red:#d84a4a;--canvas:#f1f4f8;--surface:#fff;--surface-2:#e9eef5;--ink:#142033;--muted:#66758a;--line:#d6dee9;--line-dark:#bdc9d8;--success:#168263;--radius:6px;--shadow:0 12px 30px #16274213;--font:"MiSans","HarmonyOS Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;--mono:"Cascadia Code","SFMono-Regular",Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--canvas);min-width:320px;color:var(--ink);font-family:var(--font);letter-spacing:0;-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}svg{flex:none}h1,h2,h3,p{overflow-wrap:anywhere}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:2px;outline:2px solid #74a7ff}.skip-link{z-index:200;background:var(--blue);color:#fff;padding:10px 14px;position:fixed;top:-60px;left:12px}.skip-link:focus{top:12px}.overline{font:700 10px/1.2 var(--mono);letter-spacing:.11em;color:#58708d;text-transform:uppercase;display:block}.btn{border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:12px;font-weight:700;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 7px 17px #1768e52e}.btn-primary:hover:not(:disabled){background:var(--blue-dark)}.btn-secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}.btn-secondary:hover:not(:disabled){color:var(--blue);border-color:#8da4c1}.btn-light{color:var(--navy);background:#fff}.btn-ghost{color:#fff;background:0 0;border-color:#ffffff59}.btn-danger{background:var(--red);color:#fff}.icon-btn{border:1px solid var(--line);background:var(--surface);width:40px;height:40px;color:var(--muted);border-radius:4px;place-items:center;padding:0;display:inline-grid}.icon-btn:hover{color:var(--blue);border-color:#91add2}.link-btn,.text-action{color:var(--blue);background:0 0;border:0;align-items:center;gap:4px;padding:3px;font-size:11px;font-weight:700;display:inline-flex}.surface{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.login-page{background:var(--surface);grid-template-columns:minmax(0,1.12fr) minmax(430px,.88fr);min-height:100vh;display:grid}.login-story{background:var(--navy);color:#fff;flex-direction:column;min-height:100vh;padding:38px clamp(35px,5vw,76px);display:flex;position:relative;overflow:hidden}.blueprint-lines{opacity:.08;pointer-events:none;position:absolute;inset:0}.blueprint-lines i{background:#fff;display:block;position:absolute}.blueprint-lines .line-v{width:1px;top:0;bottom:0}.blueprint-lines .line-h{height:1px;left:0;right:0}.login-brand{z-index:2;align-items:center;gap:12px;display:flex;position:relative}.login-brand img{object-fit:contain;width:43px;height:43px}.login-brand div>*{display:block}.login-brand b{font-size:18px}.login-brand small{font:700 8px var(--mono);letter-spacing:.16em;color:#9eb0c8;margin-top:3px}.story-copy{z-index:2;max-width:650px;margin-top:14vh;position:relative}.story-index{font:700 10px var(--mono);letter-spacing:.13em;color:#74a7ff}.story-copy h1{letter-spacing:0;height:2.4em;margin:25px 0 13px;font-size:clamp(44px,5.2vw,78px);line-height:1.2;overflow:hidden}.story-copy h1 span{position:relative}.story-copy h1 i{background:var(--amber);vertical-align:-.04em;width:4px;height:.82em;margin-left:8px;animation:.8s step-end infinite caret;display:inline-block}.story-copy>p{color:#aebdd2;max-width:530px;margin:0;font-size:14px;line-height:1.9}.story-proof{border-top:1px solid #ffffff26;gap:45px;margin-top:42px;padding-top:24px;display:flex}.story-proof div>*{display:block}.story-proof strong{font:700 19px var(--mono)}.story-proof span{color:#8fa1ba;margin-top:5px;font-size:9px}.blueprint-object{border:1px solid #74a7ff59;width:380px;height:380px;position:absolute;bottom:-68px;right:-92px}.blueprint-object .ring{border:1px solid #74a7ff59;border-radius:50%;position:absolute;inset:48px}.blueprint-object .ring-b{inset:110px}.blueprint-object .axis{background:#74a7ff3d;width:1px;position:absolute;top:-40px;bottom:-40px;left:50%;transform:rotate(36deg)}.blueprint-object>b{font:800 78px var(--mono);color:#74a7ff;position:absolute;top:116px;left:112px}.blueprint-object>small{font:700 8px/1.6 var(--mono);letter-spacing:.12em;color:#8fa1ba;position:absolute;top:205px;left:114px}.story-footer{z-index:2;font:700 8px var(--mono);letter-spacing:.14em;color:#778ba5;justify-content:space-between;margin-top:auto;padding-top:30px;display:flex;position:relative}.login-form-panel{justify-content:center;align-items:center;min-height:100vh;padding:50px clamp(35px,7vw,92px);display:flex;position:relative}.login-form-wrap{width:min(100%,430px)}.login-form-wrap>h2{margin:9px 0;font-size:30px;line-height:1.3}.login-form-wrap>p{color:var(--muted);margin:0 0 33px;font-size:13px}.form-label{margin:18px 0 8px;font-size:11px;font-weight:700;display:block}.input-shell{border:1px solid var(--line);color:#74849a;background:#f8fafc;border-radius:4px;align-items:center;gap:10px;height:50px;padding:0 13px;transition:all .18s;display:flex}.input-shell:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #1768e51a}.input-shell.invalid{border-color:#d96969}.input-shell input{min-width:0;height:100%;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:13px}.input-action{width:35px;height:35px;color:var(--muted);background:0 0;border:0;place-items:center;display:grid}.login-options{justify-content:space-between;align-items:center;margin-top:15px;display:flex}.checkbox,.toggle-row{color:var(--muted);cursor:pointer;align-items:center;gap:8px!important;font-size:11px!important;display:flex!important}.checkbox input{opacity:0;position:absolute}.checkbox>span{border:1px solid var(--line-dark);color:#0000;place-items:center;width:17px;height:17px;display:grid}.checkbox input:checked+span{background:var(--blue);border-color:var(--blue);color:#fff}.form-error{min-height:18px;color:#c33d3d!important;margin:9px 0 2px!important;font-size:11px!important}.login-button{width:100%;height:51px}.button-loader{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.7s linear infinite spin}.quick-divider{color:#8795a8;align-items:center;gap:12px;margin:26px 0 14px;font-size:9px;display:flex}.quick-divider:before,.quick-divider:after{content:"";background:var(--line);flex:1;height:1px}.quick-login{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.quick-login button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:4px;min-height:62px;padding:10px}.quick-login button:hover{background:#f7faff;border-color:#8ca9d0}.quick-login span,.quick-login b{display:block}.quick-login span{font-size:10px;font-weight:700}.quick-login b{font:700 9px var(--mono);color:var(--muted);margin-top:5px}.form-footer{color:#8a98a9;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:23px;left:clamp(35px,7vw,92px);right:clamp(35px,7vw,92px)}.app-layout{grid-template-columns:226px minmax(0,1fr);min-height:100vh;display:grid}.app-sidebar{z-index:30;background:var(--navy);color:#d9e2ef;border-right:1px solid #304159;flex-direction:column;width:226px;padding:24px 17px 17px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-header{justify-content:space-between;align-items:center;padding:0 7px 18px;display:flex}.app-brand{align-items:center;gap:10px;display:flex}.app-brand img{object-fit:contain;width:34px;height:34px}.app-brand span>*{display:block}.app-brand b{color:#fff;font-size:14px}.app-brand small{font:700 8px var(--mono);letter-spacing:.12em;color:#7193c2;margin-top:2px}.sidebar-close{color:#aab9cc;background:0 0;border-color:#40516a;display:none}.console-tag{border:1px solid #354861;border-radius:4px;justify-content:space-between;align-items:center;min-height:39px;margin:0 7px 17px;padding:0 10px;display:flex}.console-tag span{color:#fff;font-size:10px;font-weight:700}.console-tag small{font:700 7px var(--mono);color:#7495c1}.side-nav{scrollbar-width:none;min-height:0;overflow-y:auto}.nav-group{font:700 8px var(--mono);letter-spacing:.12em;color:#637996;text-transform:uppercase;margin:15px 12px 6px}.nav-link{color:#8fa1b9;text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:11px;width:100%;min-height:42px;padding:0 11px;font-size:11px;font-weight:600;display:flex;position:relative}.nav-link:hover{color:#fff;background:#20314a}.nav-link.active{background:var(--blue);color:#fff}.nav-link.active>i{background:#fff;border-radius:50%;width:5px;height:5px;position:absolute;right:10px}.nav-link.child{min-height:34px;padding-left:40px;font-size:9px}.nav-link.child>svg{display:none}.sidebar-status{background:#20314a;border:1px solid #32435a;border-radius:5px;grid-template-columns:33px 1fr 7px;align-items:center;gap:9px;min-height:60px;margin-top:auto;padding:10px;display:grid}.status-orbit{border:1px solid #356e82;place-items:center;width:33px;height:33px;display:grid}.status-orbit i{background:var(--teal);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #00a7a221}.sidebar-status p,.sidebar-status p>*{margin:0;display:block}.sidebar-status small{color:#7f92aa;font-size:7px}.sidebar-status b{color:#fff;margin-top:3px;font-size:9px}.sidebar-status>em{background:#45d69c;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #45d69c1a}.sidebar-logout{color:#8295ad;background:0 0;border:0;align-items:center;gap:10px;min-height:39px;margin-top:6px;padding:0 10px;font-size:10px;display:flex}.sidebar-logout:hover{color:#fff}.app-main{grid-column:2;min-width:0}.app-topbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#f1f4f8f0;justify-content:space-between;align-items:center;height:70px;padding:0 32px;display:flex;position:sticky;top:0}.topbar-left,.topbar-actions,.breadcrumb,.profile-chip{align-items:center;display:flex}.menu-trigger{display:none}.breadcrumb{gap:9px;font-size:10px}.breadcrumb span{color:var(--muted)}.breadcrumb i{color:#b6c1cf;font-style:normal}.topbar-actions{gap:10px}.top-search{border:1px solid var(--line);color:#738299;background:#fff;border-radius:4px;align-items:center;gap:8px;width:270px;height:38px;padding:0 10px;display:flex}.top-search input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:10px}.top-search kbd{font:8px var(--mono);border:1px solid var(--line);border-radius:3px;padding:3px 5px}.notify-btn{position:relative}.notify-btn>i{background:var(--red);border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:8px;box-shadow:0 0 0 2px #fff}.profile-wrap{position:relative}.profile-chip{text-align:left;background:0 0;border:0;gap:8px;height:44px;padding:0 4px}.user-avatar{background:var(--navy);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:10px;font-weight:700;display:grid}.profile-chip>span:nth-child(2){min-width:92px}.profile-chip b,.profile-chip small{display:block}.profile-chip b{font-size:10px}.profile-chip small{color:var(--muted);margin-top:3px;font-size:8px}.profile-menu{border:1px solid var(--line);width:145px;box-shadow:var(--shadow);background:#fff;border-radius:5px;padding:6px;position:absolute;top:48px;right:0}.profile-menu button{text-align:left;background:0 0;border:0;width:100%;min-height:35px;padding:0 9px;font-size:10px}.profile-menu button:hover{background:var(--surface-2)}.page-content{max-width:1580px;margin:auto;padding:30px 32px 60px}.view-stack{flex-direction:column;gap:15px;display:flex}.page-heading{justify-content:space-between;align-items:flex-start;gap:28px;min-height:77px;margin-bottom:5px;display:flex}.page-heading h1{margin:6px 0 4px;font-size:27px;line-height:1.3}.page-heading p{color:var(--muted);margin:0;font-size:11px}.page-heading>.btn{margin-top:8px}.surface-head{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.surface-head span{font:700 8px var(--mono);letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.surface-head h2{margin:4px 0 0;font-size:15px}.surface-head select{border:1px solid var(--line);background:#f8fafc;border-radius:3px;height:32px;padding:0 9px;font-size:9px}.metric-row{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.metric-row article{border:1px solid var(--line);border-left:3px solid var(--blue);background:#fff;border-radius:5px;min-height:135px;padding:17px;position:relative;overflow:hidden}.metric-row article:first-child{background:var(--navy);color:#fff;border-color:var(--navy);border-left-color:#74a7ff}.metric-row article>span{color:var(--muted);justify-content:space-between;align-items:center;font-size:10px;display:flex}.metric-row article:first-child>span{color:#aebdd2}.metric-row article>span svg{color:var(--blue)}.metric-row strong{font:800 28px var(--mono);margin:17px 0 8px;display:block}.metric-row small{color:var(--muted);font-size:8px}.metric-row small b{color:var(--teal)}.metric-row article>i{font:800 43px var(--mono);color:#f0f3f7;font-style:normal;position:absolute;bottom:-6px;right:8px}.metric-row article:first-child>i{color:#ffffff12}.admin-dashboard-grid{grid-template-columns:minmax(0,1.45fr) minmax(310px,.75fr);gap:14px;display:grid}.chart-surface,.health-surface,.task-surface,.event-surface{padding:18px}.chart-surface{min-height:366px}.trend-chart{grid-template-rows:1fr 18px;grid-template-columns:30px 1fr;gap:0 7px;height:245px;display:grid}.chart-y{font:8px var(--mono);color:var(--muted);flex-direction:column;justify-content:space-between;padding-bottom:18px;display:flex}.trend-chart svg{width:100%;height:100%;overflow:visible}.chart-grid path{stroke:#e3e9f0;stroke-width:1px}.chart-line{fill:none;stroke-width:3px;vector-effect:non-scaling-stroke}.chart-line-a{stroke:var(--blue)}.chart-line-b{stroke:var(--teal);stroke-width:2px;stroke-dasharray:5 5}.chart-x{font:8px var(--mono);color:var(--muted);justify-content:space-between;display:flex}.chart-legend{color:var(--muted);justify-content:flex-end;gap:18px;font-size:9px;display:flex}.chart-legend span{align-items:center;gap:6px;display:flex}.chart-legend i{background:var(--blue);border-radius:50%;width:7px;height:7px}.chart-legend span:last-child i{background:var(--teal)}.health-list>div{border-top:1px solid var(--line);grid-template-columns:34px 1fr auto auto;align-items:center;gap:9px;padding:11px 0;display:grid}.school-token{color:#24568e;background:#dceafa;border-radius:5px;place-items:center;width:32px;height:32px;font-size:10px;font-weight:800;display:grid}.token-1{color:#22745d;background:#e0f1ec}.token-2{color:#936814;background:#fff0ce}.health-list p,.health-list p>*{margin:0;display:block}.health-list p b{font-size:9px}.health-list p small{color:var(--muted);margin-top:3px;font-size:7px}.health-list>div>strong{font:700 9px var(--mono)}.health-list em,.status-pill{color:#167357;background:#e0f3ed;border-radius:20px;padding:4px 6px;font-size:7px;font-style:normal}.health-list em.warn,.status-pill.warn{color:#956817;background:#fff2d5}.task-surface>label{border-top:1px solid var(--line);cursor:pointer;align-items:center;gap:9px;padding:11px 0;display:flex}.task-surface input{display:none}.task-surface label>span{border:1px solid var(--line-dark);border-radius:3px;width:17px;height:17px}.task-surface input:checked+span{background:var(--teal);border-color:var(--teal)}.task-surface input:checked~p{opacity:.5;text-decoration:line-through}.task-surface p,.task-surface p>*{margin:0;display:block}.task-surface p b{font-size:9px}.task-surface p small{color:var(--muted);margin-top:3px;font-size:7px}.number-badge{background:var(--blue);color:#fff;width:28px;height:28px;font:700 9px var(--mono);border-radius:50%;place-items:center;display:grid}.event-row{border-top:1px solid var(--line);grid-template-columns:32px 1fr auto;align-items:center;gap:9px;padding:10px 0;display:grid}.event-avatar{color:#23725d;background:#d9ede7;border-radius:50%;place-items:center;width:31px;height:31px;font-size:9px;display:grid}.avatar-1{color:#936713;background:#fff0d3}.avatar-2{color:#66519c;background:#e8e2f5}.event-row p,.event-row p>*{margin:0;display:block}.event-row p b{font-size:9px}.event-row p small,.event-row time{color:var(--muted);margin-top:3px;font-size:7px}.list-summary{border:1px solid var(--line);background:#fff;border-radius:5px;grid-template-columns:repeat(3,150px) 1fr;min-height:79px;display:grid}.list-summary>div{border-right:1px solid var(--line);padding:15px 18px}.list-summary span,.list-summary strong{display:block}.list-summary span{color:var(--muted);font-size:8px}.list-summary strong{font:700 20px var(--mono);margin-top:7px}.list-summary .summary-note{color:var(--success);border:0;justify-content:flex-end;align-items:center;gap:9px;display:flex}.summary-note span{color:var(--ink)}.summary-note small{color:var(--muted);margin-top:4px;display:block}.table-tools,.catalog-toolbar{justify-content:space-between;align-items:center;display:flex}.table-tools>label,.catalog-toolbar>label,.knowledge-table>header label{border:1px solid var(--line);width:320px;height:40px;color:var(--muted);background:#fff;border-radius:4px;align-items:center;gap:8px;padding:0 11px;display:flex}.table-tools input,.catalog-toolbar input,.knowledge-table header input{border:0;outline:0;flex:1;min-width:0;font-size:10px}.table-tools>div{gap:8px;display:flex}.table-tools select{border:1px solid var(--line);background:#fff;border-radius:4px;height:40px;padding:0 28px 0 10px;font-size:10px}.data-table-card{box-shadow:none;overflow:auto}.data-table-head,.data-table-row{grid-template-columns:1.75fr 1fr 1fr .65fr .75fr .65fr;align-items:center;min-width:900px;padding:0 18px;display:grid}.data-table-head{color:#68778b;height:40px;font:700 8px var(--mono);letter-spacing:.05em;background:#e9eef5}.data-table-row{border-top:1px solid var(--line);min-height:65px;font-size:9px}.primary-cell{align-items:center;gap:10px;display:flex}.primary-cell>span>*{display:block}.primary-cell b{font-size:10px}.primary-cell small{color:var(--muted);font:7px var(--mono);margin-top:4px}.row-symbol{color:#3167a9;background:#e0eafa;border-radius:5px;place-items:center;width:34px;height:34px;display:grid}.symbol-1{color:#24735f;background:#def0ec}.symbol-2{color:#996d17;background:#fff0d5}.symbol-3{color:#695099;background:#ebe4f5}.status-pill.muted{color:#778493;background:#edf0f3}.row-actions{align-items:center;gap:6px;display:flex}.row-actions .icon-btn{width:30px;height:30px}.empty-state{min-height:220px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.empty-state b{color:var(--ink);font-size:12px}.empty-state span{font-size:9px}.table-pagination{border-top:1px solid var(--line);height:55px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 18px;font-size:8px;display:flex}.table-pagination button{border:1px solid var(--line);background:#fff;width:28px;height:28px;font-size:9px}.table-pagination button.active{background:var(--navy);color:#fff}.teacher-focus{background:var(--navy);color:#fff;border-radius:6px;grid-template-columns:1.4fr .65fr;min-height:225px;display:grid;overflow:hidden}.teacher-focus>div:first-child{padding:29px 34px}.live-label{color:#aebdd2;font-size:8px}.live-label i{background:#74a7ff;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block;box-shadow:0 0 0 4px #74a7ff1f}.teacher-focus h2{margin:17px 0 8px;font-size:24px}.teacher-focus p{color:#9fb0c6;margin:0 0 23px;font-size:10px}.teacher-focus .btn+.btn{margin-left:7px}.function-plot{background:#2061c7;border-left:1px solid #4c82d3;position:relative;overflow:hidden}.function-plot>span{font:800 130px var(--mono);color:#ffffff17;position:absolute;top:-20px;right:22px}.function-plot svg{width:90%;height:72%;position:absolute;inset:auto 15px 20px 10px}.function-plot svg path{fill:none;stroke:#ffffff4d;stroke-width:1.5px}.function-plot svg .curve{stroke:#fff;stroke-width:3px}.function-plot>i{background:#fff;border-radius:50%;width:7px;height:7px;position:absolute;top:43%;left:43%}.function-plot>i:nth-of-type(2){top:28%;left:65%}.function-plot>i:nth-of-type(3){top:62%;left:76%}.quick-action-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.quick-action-grid>button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:5px;grid-template-columns:36px 1fr 16px;align-items:center;gap:10px;min-height:85px;padding:13px;display:grid}.quick-action-grid>button:hover{box-shadow:var(--shadow);border-color:#92acd0}.quick-action-grid>button>span{width:36px;height:36px;color:var(--blue);background:#e4edff;border-radius:5px;place-items:center;display:grid}.quick-action-grid>button:nth-child(2)>span{color:var(--teal);background:#dff3f2}.quick-action-grid>button:nth-child(3)>span{color:#a77516;background:#fff1d5}.quick-action-grid>button:nth-child(4)>span{color:#6d54a0;background:#ece5f7}.quick-action-grid p,.quick-action-grid p>*{margin:0;display:block}.quick-action-grid b{font-size:10px}.quick-action-grid small{color:var(--muted);margin-top:4px;font-size:7px}.quick-action-grid>button>svg{color:#8090a4}.teacher-dashboard-grid{grid-template-columns:1.25fr .82fr .82fr;gap:13px;display:grid}.dashboard-courses,.today-list,.recent-files{padding:17px}.course-mini{border-top:1px solid var(--line);grid-template-columns:51px 1fr 32px;align-items:center;gap:10px;padding:12px 0;display:grid}.course-mini>span{color:#1d735c;background:#dcefe9;border-radius:6px;place-items:center;width:50px;height:50px;font-weight:700;display:grid}.course-mini p,.course-mini p>*{margin:0;display:block}.course-mini p b{font-size:9px}.course-mini p small{color:var(--muted);margin:4px 0 7px;font-size:7px}.course-mini p>i{background:#e2e8ef;height:3px}.course-mini p>i em{background:var(--blue);height:100%;display:block}.course-mini>strong{font:700 8px var(--mono)}.date-block{background:var(--navy);color:#fff;place-items:center;width:31px;height:31px;font-size:10px;display:grid}.today-list>div{border-top:1px solid var(--line);grid-template-columns:35px 4px 1fr;align-items:center;gap:8px;padding:11px 0;display:grid}.today-list time{font:700 8px var(--mono)}.today-list>div>i{background:var(--blue);border-radius:3px;height:29px}.today-list>div:nth-of-type(2)>i{background:var(--teal)}.today-list>div:nth-of-type(3)>i{background:var(--amber)}.today-list p,.today-list p>*{margin:0;display:block}.today-list b{font-size:8px}.today-list small{color:var(--muted);margin-top:3px;font-size:7px}.recent-files>div{border-top:1px solid var(--line);grid-template-columns:36px 1fr 17px;align-items:center;gap:8px;padding:10px 0;display:grid}.recent-files>div>span,.file-badge{color:#3167a8;width:35px;height:35px;font:700 7px var(--mono);background:#e4edff;border-radius:5px;place-items:center;display:grid}.recent-files p,.recent-files p>*{margin:0;display:block}.recent-files b{font-size:8px}.recent-files small{color:var(--muted);margin-top:3px;font-size:7px}.segmented{border:1px solid var(--line);background:#fff;border-radius:4px;height:38px;padding:3px;display:flex}.segmented button{min-width:70px;color:var(--muted);background:0 0;border:0;border-radius:3px;font-size:9px}.segmented button.active{background:var(--navy);color:#fff}.course-catalog{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.course-card{overflow:hidden}.course-cover{color:#fff;background:#2569cf;height:155px;padding:16px;position:relative;overflow:hidden}.course-cover:after{content:"";border:1px solid #ffffff47;border-radius:50%;width:130px;height:130px;position:absolute;bottom:-38px;right:-24px}.cover-1{background:#16776f}.cover-2{background:#5c4b9f}.course-cover>span{font-size:8px}.course-cover>b{font:800 42px var(--mono);position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.course-cover>i{color:var(--navy);background:#fff;padding:4px 7px;font-size:7px;font-style:normal;position:absolute;bottom:13px;left:14px}.course-card-body{padding:17px}.course-card-body>span{color:var(--blue);font-size:8px}.course-card-body h2{margin:6px 0;font-size:14px}.course-card-body p{color:var(--muted);margin:0 0 14px;font-size:8px}.progress-line{background:#e3e8ef;height:3px;margin-right:30px;position:relative}.progress-line i{background:var(--blue);height:100%;display:block}.progress-line span{font:700 8px var(--mono);position:absolute;top:-5px;right:-31px}.course-card-body footer{justify-content:space-between;margin-top:17px;display:flex}.creator-grid{grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);gap:14px;display:grid}.creator-form{padding:25px}.creator-title{align-items:center;gap:12px;margin-bottom:22px;display:flex}.creator-title>span{width:46px;height:46px;color:var(--blue);background:#e2ebff;border-radius:6px;place-items:center;display:grid}.creator-title h2,.creator-title p{margin:0}.creator-title h2{font-size:17px}.creator-title p{color:var(--muted);margin-top:4px;font-size:9px}.creator-form>label,.entity-form label,.import-options>label{margin-top:15px;display:block}.creator-form label>span,.entity-form label>span,.import-options label>span{margin-bottom:7px;font-size:9px;font-weight:700;display:block}.creator-form input,.creator-form select,.creator-form textarea,.entity-form input,.entity-form select,.import-options select{border:1px solid var(--line);background:#f9fafc;border-radius:4px;outline:none;width:100%;min-height:42px;padding:0 11px;font-size:10px}.creator-form textarea{resize:vertical;padding-top:11px}.creator-form input:focus,.creator-form select:focus,.creator-form textarea:focus,.entity-form input:focus,.entity-form select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1768e514}.form-columns{grid-template-columns:1fr 1fr;gap:11px;display:grid}.choice-row{gap:7px;display:flex}.choice-row button{border:1px solid var(--line);background:#fff;border-radius:4px;min-height:37px;padding:0 13px;font-size:9px}.choice-row button.active{border-color:var(--blue);color:var(--blue);background:#edf4ff;font-weight:700}.creator-form>footer{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;margin-top:24px;padding-top:18px;display:flex}.ai-guide{background:var(--navy);color:#fff;border-radius:6px;padding:25px}.ai-guide>span{background:var(--blue);place-items:center;width:41px;height:41px;margin-bottom:25px;display:grid}.ai-guide>small{font:700 8px var(--mono);color:#74a7ff;letter-spacing:.1em}.ai-guide h3{margin:8px 0 11px;font-size:16px;line-height:1.55}.ai-guide>p{color:#a8b7ca;font-size:9px;line-height:1.8}.ai-guide>div{border-top:1px solid #3a4a61;margin-top:24px;padding-top:17px}.ai-guide div>*{display:block}.ai-guide div b{margin-bottom:9px;font-size:9px}.ai-guide div span{color:#9eb0c6;padding:5px 0;font-size:8px}.step-indicator{align-items:center;gap:7px;margin-top:12px;display:flex}.step-indicator span{color:var(--muted);font-size:8px}.step-indicator span.active{color:var(--blue);font-weight:700}.step-indicator i{background:var(--line);width:30px;height:1px}.courseware-editor{border:1px solid var(--line);background:#fff;border-radius:5px;grid-template-columns:190px minmax(0,1fr) 235px;min-height:680px;display:grid;overflow:hidden}.slide-rail{border-right:1px solid var(--line);background:#e9eef5;padding:13px}.slide-rail>header{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:9px;display:flex}.slide-rail>header .icon-btn{width:28px;height:28px}.slide-rail>button{text-align:left;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:8px;width:100%;min-height:72px;padding:8px;display:flex}.slide-rail>button.active{border-color:var(--blue);background:#fff;box-shadow:0 4px 12px #16274214}.slide-rail>button>i{background:var(--navy);color:#fff;width:23px;height:48px;font:700 8px var(--mono);place-items:center;font-style:normal;display:grid}.slide-rail button span>*{display:block}.slide-rail button b{font-size:8px}.slide-rail button small{font:6px var(--mono);color:var(--muted);margin-top:4px}.slide-canvas{background:#f4f6f9;flex-direction:column;min-width:0;display:flex}.canvas-toolbar{border-bottom:1px solid var(--line);height:45px;color:var(--muted);background:#fff;justify-content:space-between;align-items:center;padding:0 15px;font-size:8px;display:flex}.canvas-toolbar button{background:0 0;border:0;font-size:8px}.slide-preview{aspect-ratio:16/9;background:var(--navy);color:#fff;width:82%;margin:auto;padding:7%;position:relative;overflow:hidden;box-shadow:0 20px 40px #0f203838}.slide-preview>span{font:700 8px var(--mono);letter-spacing:.15em;color:#74a7ff}.slide-preview h2{margin:6% 0;font-size:clamp(24px,3vw,44px);line-height:1.3}.slide-preview>footer{color:#9cadc3;font-size:7px;position:absolute;bottom:6%;left:7%}.mini-coordinate{border-bottom:1px solid #6e86a7;border-left:1px solid #6e86a7;width:38%;height:60%;position:absolute;bottom:8%;right:5%}.mini-coordinate:before{content:"";background:#fff;width:120%;height:2px;position:absolute;top:54%;left:-8%;transform:rotate(-31deg)}.mini-coordinate>b,.mini-coordinate>em{background:var(--amber);border-radius:50%;width:8px;height:8px;position:absolute;top:62%;left:28%}.mini-coordinate>em{background:var(--teal);top:31%;left:72%}.editor-aside{border-left:1px solid var(--line);flex-direction:column;gap:12px;padding:20px;display:flex}.editor-aside h3{margin:7px 0;font-size:14px}.editor-aside p{color:var(--muted);font-size:9px;line-height:1.7}.editor-aside label{margin-top:auto}.editor-aside label>span{margin-bottom:6px;font-size:8px;font-weight:700;display:block}.editor-aside select{border:1px solid var(--line);background:#fff;width:100%;height:39px;font-size:9px}.video-workbench{grid-template-columns:minmax(330px,.7fr) minmax(0,1.3fr);gap:14px;display:grid}.video-settings{padding:25px}.video-preview{flex-direction:column;gap:12px;display:flex}.video-stage{aspect-ratio:16/8.5;background:var(--navy);color:#fff;place-items:center;display:grid;position:relative;overflow:hidden}.video-stage:after{content:"AI";font:800 150px var(--mono);color:#74a7ff17;position:absolute;top:-8%;right:4%}.video-title-card{z-index:2;position:absolute;top:23%;left:7%}.video-title-card small{font:700 7px var(--mono);color:#74a7ff}.video-title-card h2{margin:10px 0 6px;font-size:30px}.video-title-card span{color:#9fb0c6;font-size:9px}.video-stage>button{z-index:3;color:#fff;background:#1768e5cc;border:1px solid #83a9e5;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:relative}.video-stage>footer{font:7px var(--mono);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid;position:absolute;bottom:8%;left:7%;right:7%}.video-stage>footer i{background:#48617f;height:2px}.video-records{border:1px solid var(--line);background:#fff;border-radius:5px;padding:15px}.video-records>header{justify-content:space-between;font-size:9px;display:flex}.video-records>header span{color:var(--muted)}.video-records>div{border-top:1px solid var(--line);grid-template-columns:34px 1fr auto 34px;align-items:center;gap:8px;margin-top:9px;padding:10px 0;display:grid}.video-records>div>span{width:33px;height:33px;color:var(--blue);background:#e3ecff;place-items:center;display:grid}.video-records p,.video-records p>*{margin:0;display:block}.video-records b{font-size:9px}.video-records small{color:var(--muted);margin-top:3px;font-size:7px}.video-records em{color:var(--success);font-size:7px;font-style:normal}.live-layout{grid-template-columns:minmax(0,1fr) 260px;gap:14px;display:grid}.live-main{color:#fff;background:#0f1927;border:1px solid #34455e;border-radius:6px;overflow:hidden}.live-main>header{border-bottom:1px solid #2d3d53;justify-content:space-between;align-items:center;height:61px;padding:0 20px;display:flex}.live-main>header>span{font:700 8px var(--mono);color:#8295ad}.live-main.onair>header>span{color:#f77}.live-main>header>span i{background:#798ba1;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.live-main.onair>header>span i{background:#f25b5b;box-shadow:0 0 0 5px #f25b5b1f}.live-main>header div>*{text-align:right;display:block}.live-main>header b{font-size:10px}.live-main>header small{color:#8295ad;margin-top:3px;font-size:7px}.live-screen{grid-template-columns:1fr 220px;min-height:420px;display:grid}.live-screen>div{padding:42px}.live-screen>div>small{font:700 8px var(--mono);letter-spacing:.1em;color:#74a7ff}.live-screen h2{margin:18px 0 30px;font-size:25px;line-height:1.5}.answer-bars{flex-direction:column;gap:10px;display:flex}.answer-bars>span{z-index:1;border:1px solid #35465d;align-items:center;height:37px;padding:0 11px;font-size:9px;display:flex;position:relative;overflow:hidden}.answer-bars>span:before{content:"";z-index:-1;width:var(--w);background:#294366;position:absolute;inset:0 auto 0 0}.answer-bars>span.correct{border-color:#258b80}.answer-bars>span.correct:before{background:#14625f}.live-screen>aside{border-left:1px solid #2d3d53;padding:38px 24px}.live-screen>aside>span,.live-screen>aside>strong,.live-screen>aside>small{display:block}.live-screen>aside>span{color:#8295ad;font-size:8px}.live-screen>aside>strong{font:700 27px var(--mono);letter-spacing:.08em;margin:9px 0}.live-screen>aside>small{color:#6f8299;font-size:7px;line-height:1.6}.live-screen>aside>div{border-top:1px solid #2d3d53;margin-top:45px;padding-top:20px}.live-screen>aside>div>*{display:block}.live-screen>aside>div b{font:700 28px var(--mono)}.live-screen>aside>div span{color:#8295ad;font-size:8px}.live-main>footer{border-top:1px solid #2d3d53;justify-content:space-between;align-items:center;min-height:70px;padding:12px 20px;display:flex}.live-main>footer>label{background:#1b293b;border:1px solid #34465f;flex:1;max-width:590px;height:42px;display:flex}.live-main>footer input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:0 12px;font-size:9px}.live-main>footer>div{text-align:right}.live-main>footer>div>*{display:block}.live-main>footer>div span{color:#8295ad;font-size:7px}.live-main>footer>div strong{font:700 18px var(--mono)}.live-sidebar{padding:18px}.donut{border:10px solid #dce6f3;border-top-color:var(--blue);border-right-color:var(--teal);text-align:center;border-radius:50%;place-content:center;width:126px;height:126px;margin:25px auto;display:grid}.donut strong{font:700 24px var(--mono)}.donut span{color:var(--muted);font-size:7px}.live-stats p{border-top:1px solid var(--line);justify-content:space-between;padding:10px 0;font-size:9px;display:flex}.live-stats p span{color:var(--muted)}.live-sidebar>.btn{width:100%;margin-top:14px}.bank-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.bank-card{padding:19px}.bank-card header{justify-content:space-between;align-items:center;display:flex}.bank-icon{width:42px;height:42px;color:var(--blue);background:#e2ebff;place-items:center;display:grid}.bank-1{color:#1d7c63;background:#dff2ed}.bank-2{color:#9b6d11;background:#fff0d4}.bank-card>span{color:var(--blue);margin-top:20px;font-size:8px;display:block}.bank-card h2{margin:6px 0 18px;font-size:14px}.bank-card>div strong{font:800 30px var(--mono)}.bank-card>div small{color:var(--muted);margin-left:6px;font-size:8px}.bank-card>footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:17px;padding-top:13px;font-size:7px;display:flex}.exam-table{box-shadow:none;overflow:auto}.exam-table-head,.exam-table-row{grid-template-columns:1.6fr 1fr 1fr 1fr .65fr .6fr;align-items:center;min-width:850px;padding:0 18px;display:grid}.exam-table-head{height:40px;font:700 8px var(--mono);color:var(--muted);background:#e9eef5}.exam-table-row{border-top:1px solid var(--line);min-height:66px;font-size:9px}.exam-table-row>span:first-child{align-items:center;gap:9px;display:flex}.exam-table-row>span:first-child i{width:34px;height:34px;color:var(--blue);background:#e2ebff;place-items:center;display:grid}.exam-table-row>span:nth-child(5) em{color:var(--success);background:#e1f1ec;border-radius:20px;padding:4px 7px;font-size:7px;font-style:normal}.exam-table-row>span:nth-child(5) em.draft{color:#936713;background:#fff1d5}.exam-table-row>span:nth-child(5) em.done{color:#6f7b89;background:#edf0f3}.exam-table-row>span:last-child{gap:5px;display:flex}.exam-table-row .icon-btn{width:30px;height:30px}.exam-builder{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:14px;display:grid}.paper-preview{border:1px solid var(--line-dark);background:#fff;padding:30px;box-shadow:0 14px 30px #16274217}.paper-preview>header{border-bottom:2px solid var(--navy);align-items:center;gap:9px;padding-bottom:14px;display:flex}.paper-preview header img{width:29px}.paper-preview header div>*{display:block}.paper-preview header b{font-size:11px}.paper-preview header span{font:6px var(--mono)}.paper-preview>small{font:700 7px var(--mono);color:var(--blue);margin-top:26px;display:block}.paper-preview h2{margin:8px 0 15px;font-size:20px}.paper-preview>div{color:var(--muted);flex-wrap:wrap;gap:13px;font-size:7px;display:flex}.paper-preview hr{border:0;border-top:1px solid var(--line);margin:20px 0}.paper-preview>p{grid-template-columns:18px 1fr;gap:7px;display:grid}.paper-preview>p i{background:#e8edf3;height:7px}.paper-preview>p i:last-child{grid-column:2;width:60%}.paper-preview>footer{color:var(--muted);margin-top:25px;font-size:7px}.knowledge-summary{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.knowledge-summary>div{border:1px solid var(--line);color:var(--blue);background:#fff;align-items:center;gap:12px;padding:17px;display:flex}.knowledge-summary p,.knowledge-summary p>*{margin:0;display:block}.knowledge-summary span{color:var(--muted);font-size:8px}.knowledge-summary strong{font:700 20px var(--mono);color:var(--ink);margin-top:4px}.knowledge-table{overflow:hidden}.knowledge-table>header{background:#f8fafc;justify-content:space-between;align-items:center;height:61px;padding:0 17px;display:flex}.knowledge-table>header label{width:280px;height:37px}.knowledge-table>header select{border:1px solid var(--line);background:#fff;height:37px;font-size:9px}.knowledge-row{border-top:1px solid var(--line);grid-template-columns:43px 1fr .6fr .7fr 36px;align-items:center;gap:10px;min-height:65px;padding:0 17px;display:grid}.file-1{color:#2f7b49;background:#def0e5}.file-2{color:#735492;background:#eee5f5}.file-3{color:#976b13;background:#fff0d4}.knowledge-row p,.knowledge-row p>*{margin:0;display:block}.knowledge-row b{font-size:9px}.knowledge-row small{color:var(--muted);margin-top:4px;font-size:7px}.knowledge-row em{color:var(--success);font-size:7px;font-style:normal}.knowledge-row em.processing{color:#a77819}.knowledge-row time{color:var(--muted);font-size:7px}.knowledge-row .icon-btn{width:30px;height:30px}.import-layout{grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:14px;display:grid}.upload-workspace{padding:25px}.upload-zone{background:#f7f9fc;border:1px dashed #9bb0ca;flex-direction:column;justify-content:center;align-items:center;min-height:260px;display:flex;position:relative}.upload-zone>input{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-zone>span{width:48px;height:48px;color:var(--blue);background:#e2ebff;place-items:center;margin-bottom:15px;display:grid}.upload-zone h2{margin:0;font-size:15px}.upload-zone p{color:var(--muted);margin:8px 0 14px;font-size:8px}.import-options{grid-template-columns:1fr 1fr;align-items:end;gap:14px;display:grid}.upload-workspace>footer{justify-content:flex-end;margin-top:20px;display:flex}.import-steps{background:var(--navy);color:#fff;border-radius:5px;padding:25px}.import-steps>div{border-top:1px solid #35465d;gap:12px;padding:19px 0;display:flex}.import-steps>div:first-of-type{margin-top:18px}.import-steps>div>i{font:700 16px var(--mono);color:#74a7ff;font-style:normal}.import-steps p,.import-steps p>*{margin:0;display:block}.import-steps b{font-size:10px}.import-steps small{color:#8fa1b9;margin-top:5px;font-size:8px;line-height:1.6}.toggle-row input{accent-color:var(--blue)}.student-focus{background:var(--navy);color:#fff;border-radius:6px;grid-template-columns:.68fr 1.2fr .72fr;min-height:265px;display:grid;overflow:hidden}.streak-visual{background:#146c68;place-items:center;display:grid;position:relative;overflow:hidden}.streak-visual>div{z-index:2;text-align:center;background:var(--amber);color:#302818;border-radius:50%;place-content:center;width:112px;height:112px;display:grid;position:relative;box-shadow:15px 18px #0000001f}.streak-visual strong,.streak-visual span{display:block}.streak-visual strong{font:800 33px var(--mono)}.streak-visual span{font-size:8px}.streak-visual>i{border:1px solid #ffffff59;border-radius:50%;width:215px;height:70px;position:absolute;transform:rotate(-17deg)}.streak-visual>i:nth-of-type(2){width:260px;height:90px}.streak-visual>b{background:#fff;border-radius:50%;width:7px;height:7px;position:absolute;top:22%;left:17%}.focus-course{padding:28px 32px}.focus-course .overline{color:#91a6c1}.focus-course h2{margin:10px 0 4px;font-size:26px;line-height:1.35}.focus-course>p{color:#91a3ba;font-size:9px}.focus-progress{grid-template-columns:1fr 32px;align-items:center;gap:9px;margin:22px 0 18px;display:grid}.focus-progress>i{background:#34455c;height:4px}.focus-progress>i em{background:#74a7ff;height:100%;display:block}.focus-progress b{font:700 8px var(--mono)}.weekly-goal{border-left:1px solid #34455d;padding:28px 25px}.weekly-goal>span{color:#8da0b8;font-size:8px}.weekly-goal>strong{font:700 27px var(--mono);margin-top:9px;display:block}.weekly-goal strong small{font:500 8px var(--font);color:#8093aa;margin-left:3px}.weekly-goal>div{align-items:flex-end;gap:8px;height:104px;margin-top:17px;display:flex}.weekly-goal>div>i{background:#74a7ff;width:8px;position:relative}.weekly-goal>div>i em{color:#73869e;font-size:6px;font-style:normal;position:absolute;top:calc(100% + 7px)}.section-title{justify-content:space-between;align-items:flex-end;margin-top:10px;display:flex}.section-title span{color:var(--muted);font-size:8px}.section-title h2{margin:3px 0 0;font-size:18px}.learning-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.learning-card{grid-template-columns:112px 1fr;min-height:140px;display:grid;overflow:hidden}.learning-cover{color:#fff;background:#1d7268;place-items:center;display:grid;position:relative}.learning-cover.coral{background:#df6b50}.learning-cover.purple{background:#6351a7}.learning-cover.blue{background:#2868b8}.learning-cover>span{font-size:7px;position:absolute;top:10px;left:10px}.learning-cover>b{font:800 33px var(--mono)}.learning-cover>i{color:var(--navy);background:#fff;padding:3px 5px;font-size:6px;font-style:normal;position:absolute;bottom:8px;left:8px}.learning-card>div:last-child{padding:18px 14px;position:relative}.learning-card>div:last-child>small{color:var(--blue);font-size:7px;font-weight:700}.learning-card h3{margin:6px 0;font-size:13px}.learning-card p{color:var(--muted);margin:0 0 15px;font-size:7px}.learning-card>div:last-child>div{background:#e1e7ee;height:3px;margin-right:25px}.learning-card>div:last-child>div i{background:var(--blue);height:100%;display:block}.learning-card>div:last-child>button{background:var(--navy);color:#fff;border:0;place-items:center;width:28px;height:28px;display:grid;position:absolute;bottom:12px;right:10px}.student-bottom-grid{grid-template-columns:1.4fr .6fr;gap:12px;display:grid}.upcoming-exam,.latest-certificate{padding:18px}.upcoming-exam>.surface-head,.latest-certificate>.surface-head{margin-bottom:13px}.upcoming-exam>div{grid-template-columns:60px 1fr auto;align-items:center;gap:14px;display:grid}.exam-date{text-align:center;border-right:1px solid var(--line);padding-right:14px}.exam-date>*{display:block}.exam-date span{font:700 7px var(--mono);color:var(--blue)}.exam-date b{font:800 24px var(--mono)}.exam-date small{color:var(--muted);font-size:6px}.upcoming-exam p,.upcoming-exam p>*{margin:0;display:block}.upcoming-exam p span{font:700 7px var(--mono);color:var(--blue)}.upcoming-exam p b{margin:5px 0;font-size:10px}.upcoming-exam p small{color:var(--muted);font-size:7px}.certificate-ticket{border:1px solid var(--line);text-align:left;width:100%;min-height:87px;color:var(--amber);background:#f8fafc;align-items:center;gap:13px;padding:13px;display:flex}.certificate-ticket span>*{display:block}.certificate-ticket small{font:6px var(--mono);color:var(--muted)}.certificate-ticket b{color:var(--ink);margin:5px 0;font-size:10px}.certificate-ticket em{font:6px var(--mono);color:var(--muted);font-style:normal}.study-hours,.exam-score-summary,.certificate-count{color:var(--blue);align-items:center;gap:9px;margin-top:8px;display:flex}.study-hours span,.study-hours strong,.exam-score-summary span,.exam-score-summary strong,.certificate-count span,.certificate-count strong{display:block}.study-hours span,.exam-score-summary span,.certificate-count span{color:var(--muted);font-size:8px}.study-hours strong,.exam-score-summary strong,.certificate-count strong{font:700 14px var(--mono);color:var(--ink);margin-top:3px}.student-course-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.student-course-card{grid-template-columns:155px 1fr;min-height:190px;display:grid;overflow:hidden}.student-course-art{color:#fff;background:#1e7067;place-items:center;padding:16px;display:grid;position:relative}.student-course-art.coral{background:#dd674d}.student-course-art.purple{background:#6351a7}.student-course-art.blue{background:#2769b5}.student-course-art small{font-size:7px;position:absolute;top:13px;left:13px}.student-course-art b{font:800 39px var(--mono)}.student-course-art span{font:700 9px var(--mono);position:absolute;bottom:13px;left:13px}.student-course-card>div:last-child{padding:20px}.student-course-card>div:last-child>span{color:var(--blue);font-size:7px}.student-course-card h2{margin:6px 0;font-size:15px}.student-course-card p{color:var(--muted);font-size:8px}.progress-bar{background:#e2e7ee;height:3px;margin:18px 0 14px}.progress-bar i{background:var(--blue);height:100%;display:block}.student-course-card footer{justify-content:space-between;align-items:center;display:flex}.student-course-card footer small{color:var(--muted);font-size:7px}.course-player-page{flex-direction:column;gap:13px;display:flex}.player-heading{grid-template-columns:40px 1fr auto;align-items:center;gap:12px;min-height:63px;display:grid}.player-heading div>*{display:block}.player-heading div span{color:var(--blue);font-size:8px}.player-heading h1{margin:3px 0;font-size:18px}.player-heading>div:last-child{text-align:right}.player-heading>div:last-child span{color:var(--muted)}.player-heading>div:last-child strong{font:700 15px var(--mono)}.player-layout{border:1px solid var(--line);background:#fff;grid-template-columns:250px 1fr;min-height:720px;display:grid}.lesson-list{border-right:1px solid var(--line);background:#f7f9fc;padding:13px}.lesson-list>header{justify-content:space-between;align-items:center;height:42px;font-size:9px;display:flex}.lesson-list>header b{font:700 8px var(--mono);color:var(--blue)}.lesson-list>button{text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:27px 1fr auto;align-items:center;gap:7px;width:100%;min-height:58px;padding:6px;display:grid}.lesson-list>button.active{border-color:var(--blue);background:#fff;box-shadow:0 5px 12px #16274214}.lesson-list>button.done{color:var(--success)}.lesson-list>button>span{border:1px solid var(--line);place-items:center;width:25px;height:25px;display:grid}.lesson-list p,.lesson-list p>*{margin:0;display:block}.lesson-list p small{color:var(--muted);font-size:6px}.lesson-list p b{color:var(--ink);margin-top:3px;font-size:8px}.lesson-list>button>em{color:#9ba8b7}.lesson-stage{background:#eef2f7;min-width:0;padding:20px}.lesson-video{aspect-ratio:16/8.7;background:var(--navy);color:#fff;flex-direction:column;justify-content:center;padding:6%;display:flex;position:relative}.lesson-video:after{content:"ƒ(x)";font:800 96px var(--mono);color:#74a7ff1c;position:absolute;top:18%;right:7%}.lesson-video>div{z-index:2;position:relative}.lesson-video small{font:700 7px var(--mono);color:#74a7ff}.lesson-video h2{margin:12px 0 7px;font-size:30px}.lesson-video p{color:#9fb0c6;font-size:9px}.lesson-video>button{z-index:3;color:#fff;background:#1768e5c7;border:1px solid #75a1df;border-radius:50%;place-items:center;width:65px;height:65px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lesson-video>footer{font:7px var(--mono);grid-template-columns:auto 1fr auto;align-items:center;gap:9px;display:grid;position:absolute;bottom:7%;left:6%;right:6%}.lesson-video>footer>i{background:#41536b;height:3px}.lesson-video>footer>i em{background:#74a7ff;height:100%;display:block}.lesson-notes{border:1px solid var(--line);background:#fff;margin-top:13px;padding:17px}.lesson-notes>div{border-bottom:1px solid var(--line);gap:18px;display:flex}.lesson-notes>div button{min-height:34px;color:var(--muted);background:0 0;border:0;font-size:9px}.lesson-notes>div button.active{color:var(--blue);border-bottom:2px solid var(--blue)}.lesson-notes textarea{resize:none;border:0;outline:0;width:100%;height:90px;padding:13px 0;font-size:9px}.lesson-notes>footer{justify-content:space-between;align-items:center;display:flex}.lesson-notes>footer span{color:var(--muted);font-size:7px}.exam-tabs{border-bottom:1px solid var(--line);display:flex}.exam-tabs button{min-height:39px;color:var(--muted);background:0 0;border:0;padding:0 16px;font-size:10px}.exam-tabs button.active{color:var(--blue);border-bottom:2px solid var(--blue)}.exam-tabs button span{font:700 8px var(--mono);background:#e1eaff;border-radius:10px;padding:2px 5px}.student-exam-list{flex-direction:column;gap:10px;display:flex}.student-exam-card{grid-template-columns:90px 1fr 80px 105px;align-items:center;gap:14px;min-height:105px;padding:17px;display:grid}.exam-subject{height:68px;color:var(--blue);text-align:center;background:#e4edff;place-content:center;gap:5px;display:grid}.exam-subject svg{margin:auto}.exam-subject span{font-size:8px}.student-exam-card>div:nth-child(2)>span{color:var(--blue);font-size:7px}.student-exam-card h2{margin:5px 0 8px;font-size:13px}.student-exam-card p{color:var(--muted);align-items:center;gap:5px;margin:0;font-size:7px;display:flex}.student-exam-card p svg:not(:first-child){margin-left:8px}.score{text-align:center}.score strong,.score span{display:block}.score strong{font:800 25px var(--mono);color:var(--blue)}.score span{color:var(--muted);font-size:7px}.achievement-banner{background:var(--navy);color:#fff;justify-content:space-between;align-items:center;min-height:175px;padding:30px 36px;display:flex}.achievement-banner>div>span{font:700 8px var(--mono);color:#74a7ff}.achievement-banner h2{margin:10px 0 7px;font-size:25px}.achievement-banner p{color:#9fb0c6;font-size:9px}.achievement-banner>svg{color:var(--amber);opacity:.8}.certificate-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.certificate-card{border:1px solid var(--line-dark);background:#fff;flex-direction:column;min-height:330px;padding:20px;display:flex}.certificate-card>header{border-bottom:2px solid var(--navy);align-items:center;gap:8px;padding-bottom:12px;display:flex}.certificate-card header img{width:27px}.certificate-card header span>*{display:block}.certificate-card header span{font-size:9px;font-weight:700}.certificate-card header small{font:6px var(--mono);color:var(--muted)}.certificate-card header em{font:700 18px var(--mono);color:#dde3eb;margin-left:auto;font-style:normal}.certificate-card>div{text-align:center;padding:27px 0}.certificate-card>div>svg{color:var(--amber)}.certificate-card>div>small{font:6px var(--mono);letter-spacing:.1em;color:var(--muted);margin-top:12px;display:block}.certificate-card h2{margin:8px 0;font-size:15px}.certificate-card p{color:var(--muted);font-size:7px;line-height:1.7}.certificate-card>footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.certificate-card footer span,.certificate-card footer small{display:block}.certificate-card footer span{font-size:8px}.certificate-card footer small{font:6px var(--mono);color:var(--muted);margin-top:3px}.modal-layer{z-index:100;background:#08121f9e;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.modal-card{background:#fff;border-radius:6px;flex-direction:column;width:min(100%,560px);max-height:calc(100vh - 48px);display:flex;box-shadow:0 24px 70px #0611214d}.modal-card--wide{width:min(100%,920px)}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:20px 22px;display:flex}.modal-header h2{margin:6px 0 3px;font-size:19px}.modal-header p{color:var(--muted);margin:0;font-size:9px}.modal-body{padding:22px;overflow:auto}.modal-footer{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:13px 22px;display:flex}.entity-form>label:first-child{margin-top:0}.course-detail{grid-template-columns:220px 1fr;gap:20px;display:grid}.course-detail-summary{background:var(--navy);color:#fff;padding:20px}.course-detail-summary span,.course-detail-summary strong,.course-detail-summary p{display:block}.course-detail-summary span{color:#91a4bc;font-size:8px}.course-detail-summary strong{font:800 34px var(--mono);margin:9px 0}.course-detail-summary>i{background:#3e4e64;height:4px}.course-detail-summary>i em{background:#74a7ff;height:100%;display:block}.course-detail-summary p{color:#91a4bc;margin-top:18px;font-size:8px}.resource-list>header{justify-content:space-between;align-items:center;display:flex}.resource-list>div{border-top:1px solid var(--line);grid-template-columns:34px 1fr auto 32px;align-items:center;gap:8px;padding:10px 0;display:grid}.resource-list>div>span{width:33px;height:33px;color:var(--blue);background:#e4edff;place-items:center;display:grid}.resource-list p,.resource-list p>*{margin:0;display:block}.resource-list b{font-size:9px}.resource-list small{color:var(--muted);font-size:7px}.resource-list em{color:var(--success);font-size:7px;font-style:normal}.resource-list .icon-btn{width:30px;height:30px}.lesson-preview{background:var(--navy);color:#fff;grid-template-columns:1.2fr .8fr;min-height:400px;display:grid}.lesson-preview>div{padding:50px}.lesson-preview small{font:700 8px var(--mono);color:#74a7ff}.lesson-preview h2{margin:16px 0;font-size:31px}.lesson-preview p{color:#9fb0c6;font-size:10px;line-height:1.8}.lesson-preview>aside{background:#2061c7;position:relative;overflow:hidden}.lesson-preview>aside>span{font:800 110px var(--mono);color:#ffffff1a;position:absolute;top:-10px;right:15px}.lesson-preview>aside:after{content:"";background:#fff;width:130%;height:3px;position:absolute;top:52%;left:-18%;transform:rotate(-30deg)}.lesson-preview>aside i{background:var(--amber);z-index:2;border-radius:50%;width:9px;height:9px;position:absolute;top:58%;left:38%}.lesson-preview>aside i:nth-child(2){background:var(--teal);top:39%;left:67%}.toast-message{z-index:150;background:var(--navy);color:#fff;border-left:3px solid var(--teal);align-items:center;gap:9px;max-width:360px;min-height:46px;padding:0 16px;font-size:10px;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 14px 35px #0a192d3d}.toast-enter-active,.toast-leave-active{transition:all .2s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(12px)}.exam-paper{flex-direction:column;gap:20px;display:flex}.question-block{border-bottom:1px solid var(--line);padding-bottom:18px}.question-block>span{font:700 7px var(--mono);color:var(--blue)}.question-block h3{margin:8px 0 12px;font-size:13px}.question-block>label{border:1px solid var(--line);cursor:pointer;align-items:center;gap:9px;min-height:39px;margin-top:7px;padding:0 10px;font-size:9px;display:flex}.question-block>label.selected{border-color:var(--blue);color:var(--blue);background:#edf4ff}.question-block input{opacity:0;position:absolute}.question-block label>i{width:23px;height:23px;font:700 8px var(--mono);background:#edf0f4;place-items:center;font-style:normal;display:grid}.question-block label.selected>i{background:var(--blue);color:#fff}.exam-result{grid-template-columns:210px 1fr;align-items:center;gap:30px;min-height:300px;display:grid}.score-ring{border:14px solid #dce6f3;border-top-color:var(--blue);border-right-color:var(--teal);text-align:center;border-radius:50%;place-content:center;width:170px;height:170px;margin:auto;display:grid}.score-ring strong{font:800 42px var(--mono)}.score-ring span{color:var(--muted);font-size:8px}.exam-result h2{margin:9px 0;font-size:22px}.exam-result p{color:var(--muted);font-size:10px;line-height:1.8}.exam-result>div:last-child>div{gap:18px;margin-top:20px;display:flex}.exam-result>div:last-child>div span{color:var(--success);align-items:center;gap:6px;font-size:8px;display:flex}.certificate-full{text-align:center;border:4px double #293a52;padding:30px}.certificate-full>header{justify-content:center;align-items:center;gap:9px;display:flex}.certificate-full header img{width:36px}.certificate-full header span,.certificate-full header small{text-align:left;display:block}.certificate-full header span{font-size:12px;font-weight:700}.certificate-full header small{font:6px var(--mono)}.certificate-full>small{font:7px var(--mono);letter-spacing:.18em;color:var(--muted);margin-top:40px;display:block}.certificate-full h2{margin:13px 0;font-size:30px}.certificate-full p{max-width:540px;color:var(--muted);margin:0 auto;font-size:10px;line-height:2}.certificate-full p strong{color:var(--ink)}.certificate-full>div{font:7px var(--mono);color:var(--muted);justify-content:center;gap:40px;margin:30px 0;display:flex}.certificate-full>footer{font-size:9px;font-weight:700}.achievement-banner+.certificate-grid{margin-top:0}@keyframes caret{50%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=1200px){.metric-row{grid-template-columns:repeat(2,1fr)}.teacher-dashboard-grid{grid-template-columns:1fr 1fr}.recent-files{grid-column:1/-1}.quick-action-grid,.course-catalog,.bank-grid,.certificate-grid{grid-template-columns:repeat(2,1fr)}.learning-grid{grid-template-columns:1fr}.student-focus{grid-template-columns:.65fr 1.35fr}.weekly-goal{display:none}.student-course-grid,.admin-dashboard-grid,.student-bottom-grid{grid-template-columns:1fr}.courseware-editor{grid-template-columns:165px 1fr}.editor-aside{border-left:0;border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:1fr 200px auto auto;align-items:end;display:grid}.editor-aside label{margin:0}}@media (width<=900px){.login-page{display:block}.login-story{display:none}.login-form-panel{min-height:100vh;padding-top:75px}.app-layout{display:block}.app-main{margin:0}.app-sidebar{width:260px;transition:transform .22s;transform:translate(-102%);box-shadow:20px 0 45px #08132240}.nav-is-open .app-sidebar{transform:none}.sidebar-close{display:inline-grid}.nav-scrim{z-index:29;background:#08121f7a;border:0;display:none;position:fixed;inset:0}.nav-is-open .nav-scrim{display:block}.app-topbar{height:64px;padding:0 18px}.menu-trigger{margin-right:10px;display:inline-grid}.top-search{display:none}.page-content{padding:23px 18px 48px}.creator-grid,.video-workbench,.exam-builder,.import-layout{grid-template-columns:1fr}.ai-guide,.import-steps{min-height:250px}.live-layout{grid-template-columns:1fr}.live-sidebar{grid-template-columns:1fr 1fr;gap:10px;display:grid}.live-sidebar>.surface-head{grid-column:1/-1}.live-sidebar>.donut{margin:0 auto}.live-sidebar>.btn{grid-column:1/-1}.courseware-editor{grid-template-columns:145px 1fr}.slide-preview{width:90%}.editor-aside{grid-template-columns:1fr 1fr}.editor-aside .btn{width:100%}.player-layout{grid-template-columns:210px 1fr}.lesson-stage{padding:12px}.student-exam-card{grid-template-columns:75px 1fr 70px}.student-exam-card>.btn{grid-column:2/-1;justify-self:end}.story-proof{gap:25px}}@media (width<=650px){.app-topbar{padding:0 12px}.breadcrumb span,.breadcrumb i,.profile-chip>span:nth-child(2),.profile-chip>svg{display:none}.notify-btn{width:38px}.page-content{padding:20px 14px 42px}.page-heading{display:block}.page-heading h1{font-size:23px}.page-heading>.btn,.page-heading>div:last-child:not(:first-child){margin-top:15px}.metric-row{grid-template-columns:1fr}.list-summary{grid-template-columns:repeat(3,1fr)}.list-summary>div{padding:12px 9px}.list-summary .summary-note{border-top:1px solid var(--line);grid-column:1/-1;justify-content:flex-start}.table-tools,.catalog-toolbar{align-items:stretch}.table-tools>label,.catalog-toolbar>label{flex:1;width:auto}.table-tools>div select,.table-tools>div .btn{display:none}.teacher-focus{grid-template-columns:1fr}.function-plot{display:none}.quick-action-grid,.teacher-dashboard-grid{grid-template-columns:1fr}.recent-files{grid-column:auto}.course-catalog,.bank-grid,.certificate-grid,.form-columns{grid-template-columns:1fr}.choice-row{flex-wrap:wrap}.courseware-editor{display:block}.slide-rail{display:none}.slide-canvas{min-height:420px}.editor-aside{grid-template-columns:1fr;display:grid}.video-stage{aspect-ratio:1.15}.video-title-card h2{font-size:22px}.live-screen{grid-template-columns:1fr}.live-screen>div{padding:25px}.live-screen>aside{border-top:1px solid #2d3d53;border-left:0}.live-main>footer{gap:10px}.live-main>footer>div{display:none}.student-focus{border-radius:0;grid-template-columns:1fr;margin-left:-14px;margin-right:-14px}.streak-visual{min-height:180px}.learning-grid{grid-template-columns:1fr}.learning-card{grid-template-columns:105px 1fr}.upcoming-exam>div{grid-template-columns:50px 1fr}.upcoming-exam .btn{grid-column:1/-1}.student-course-card{grid-template-columns:110px 1fr}.student-course-card footer{display:block}.student-course-card footer .btn{width:100%;margin-top:12px}.player-heading{grid-template-columns:40px 1fr}.player-heading>div:last-child{display:none}.player-layout{display:block}.lesson-list{border-right:0;border-bottom:1px solid var(--line);max-height:210px;overflow:auto}.lesson-stage{padding:0}.lesson-video{aspect-ratio:1.25}.lesson-video h2{font-size:22px}.student-exam-card{grid-template-columns:65px 1fr}.student-exam-card>.score,.student-exam-card>.btn{grid-column:2;justify-self:start}.achievement-banner{padding:25px}.achievement-banner>svg{display:none}.course-detail,.exam-result,.lesson-preview{grid-template-columns:1fr}.lesson-preview>aside{min-height:230px}.modal-layer{padding:10px}.modal-card{max-height:calc(100vh - 20px)}.modal-header,.modal-body{padding:17px}.certificate-full{padding:20px 12px}.certificate-full h2{font-size:23px}.form-footer{left:25px;right:25px}.quick-login{grid-template-columns:1fr}.quick-login button{justify-content:space-between;align-items:center;min-height:48px;display:flex}.login-form-panel{padding-left:24px;padding-right:24px}.exam-result>div:last-child>div{flex-direction:column;gap:8px}.topbar-actions{gap:4px}}
