:root{--navy:#101b3c;--ink:#17213b;--muted:#68748c;--blue:#4169e1;--blue2:#6f88f4;--line:#e5e9f2;--bg:#f5f7fb;--white:#fff;--green:#1a9b75;--amber:#c68114;--red:#d24d57;--shadow:0 12px 35px rgba(24,38,78,.08);--radius:14px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-ui),sans-serif;font-size:15px}.app-shell{min-height:100vh;display:grid;grid-template-columns:252px 1fr}.sidebar{background:var(--navy);color:#dce4ff;padding:24px 16px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:20}.brand{display:flex;gap:11px;align-items:center;padding:0 8px 24px;font:800 20px var(--font-ui)}.brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#7891ff,#4264da);color:white}.workspace-switch{width:100%;border:1px solid #334168;border-radius:11px;background:#1a284f;color:white;padding:10px 12px;display:flex;justify-content:space-between;text-align:left;cursor:pointer}.workspace-switch small,.profile-mini small{display:block;color:#95a1c4;font-size:11px;margin-bottom:2px}.role-menu{position:absolute;top:112px;left:16px;right:16px;background:white;color:var(--ink);padding:7px;border-radius:11px;box-shadow:var(--shadow);display:none;z-index:50}.role-menu.open{display:block}.role-option{display:block;width:100%;border:0;background:none;text-align:left;padding:9px;border-radius:8px;cursor:pointer}.role-option:hover{background:#eef2ff}.nav-section{margin-top:25px}.nav-section-label{font-size:11px;color:#7180ab;letter-spacing:.12em;padding:0 10px 8px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;border:0;background:none;color:#aab6d8;padding:10px 12px;border-radius:9px;cursor:pointer;font:500 14px var(--font-ui);text-align:left}.nav-item span:first-child{width:20px;text-align:center}.nav-item:hover,.nav-item.active{background:#23335f;color:white}.nav-item.active{box-shadow:inset 3px 0 #7490ff}.sidebar-foot{margin-top:auto;border-top:1px solid #2d3a60;padding-top:12px}.profile-mini{width:100%;margin-top:8px;padding:9px 8px;display:flex;align-items:center;gap:9px;border:0;background:none;color:white;text-align:left}.profile-mini>span:nth-child(2){flex:1}.profile-mini b{font-size:13px}.avatar{width:34px;height:34px;border-radius:50%;background:#dce5ff;color:#3153ba;display:grid;place-items:center;font-weight:700;font-size:12px}.main{min-width:0}.topbar{height:72px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.crumb{display:flex;align-items:center;gap:9px}.crumb span{color:#8993a8}.crumb span:after{content:"/";margin-left:9px;color:#c1c7d3}.top-actions{display:flex;align-items:center;gap:10px}.global-search{height:39px;width:290px;background:#f5f7fb;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;padding:0 10px;gap:8px}.global-search input{border:0;outline:0;background:none;width:100%;font:inherit}.global-search kbd{font-size:11px;color:#818ba0;border:1px solid #d9deea;padding:2px 5px;border-radius:5px}.icon-btn{border:1px solid var(--line);background:white;width:39px;height:39px;border-radius:10px;cursor:pointer;position:relative}.icon-btn i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--red);right:7px;top:7px;border:2px solid white}.menu-btn{display:none}.avatar-top{width:39px;height:39px}.content{padding:28px;max-width:1600px;margin:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.page-head h1{font:800 29px var(--font-ui);margin:0 0 6px}.page-head p{margin:0;color:var(--muted)}.head-actions{display:flex;gap:10px}.btn{border:1px solid var(--line);background:white;border-radius:10px;padding:10px 15px;font:600 14px var(--font-ui);cursor:pointer}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--blue);border-color:var(--blue);color:white}.btn.danger{color:white;background:var(--red);border-color:var(--red)}.btn.ghost{background:transparent}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.kpi{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:18px;position:relative}.kpi-icon{width:36px;height:36px;border-radius:10px;background:#eef2ff;color:var(--blue);display:grid;place-items:center;position:absolute;right:16px;top:16px}.kpi small{color:var(--muted);font-weight:600}.kpi strong{display:block;font:800 28px var(--font-ui);margin:12px 0 6px}.trend{font-size:12px;color:var(--green)}.trend.warn{color:var(--amber)}.dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:18px}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 3px 18px rgba(29,42,77,.025)}.card-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.card-head h2{font:700 16px var(--font-ui);margin:0}.card-body{padding:20px}.chart{height:230px;position:relative;background:repeating-linear-gradient(to bottom,transparent 0,transparent 45px,#edf0f6 46px);display:flex;align-items:flex-end;padding:10px 8px 0;gap:10px}.chart svg{position:absolute;inset:10px 8px 22px;width:calc(100% - 16px);height:calc(100% - 32px);overflow:visible}.chart-labels{width:100%;display:flex;justify-content:space-between;align-self:flex-end;color:#8993a8;font-size:11px}.legend{display:flex;gap:16px;color:var(--muted);font-size:12px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:5px;background:var(--blue)}.dot.pale{background:#aab7e9}.attention-list{display:grid;gap:9px}.attention-row{display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;border:1px solid var(--line);padding:11px;border-radius:10px}.attention-row b{display:block;font-size:14px}.attention-row small{color:var(--muted)}.status{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:20px;background:#fff3df;color:#9c650b;font-size:12px;font-weight:600}.status.good{background:#e6f7f1;color:#16765c}.status.info{background:#eef2ff;color:#3659c7}.status.bad{background:#feecee;color:#b73b45}.status.neutral{background:#eef0f4;color:#657086}.wide{grid-column:1/-1}.table-toolbar{padding:15px 18px;display:flex;gap:10px;border-bottom:1px solid var(--line)}.search-input,.select{border:1px solid var(--line);background:white;border-radius:9px;padding:9px 11px;font:inherit;color:var(--ink)}.search-input{min-width:260px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th{background:#fafbfe;color:#6d778b;text-align:left;font-size:12px;padding:12px 17px;border-bottom:1px solid var(--line);position:sticky;top:0}.data-table td{padding:14px 17px;border-bottom:1px solid #edf0f5}.data-table tbody tr:hover{background:#fafbff}.person{display:flex;gap:10px;align-items:center}.person b{display:block}.person small{color:var(--muted)}.progress{height:7px;background:#edf0f6;border-radius:6px;overflow:hidden;margin-top:6px}.progress span{display:block;height:100%;background:var(--blue);border-radius:6px}.action{border:0;background:none;color:var(--blue);font-weight:600;cursor:pointer}.editor-shell{height:calc(100vh - 130px);min-height:620px;background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:grid;grid-template-columns:42% 58%}.problem-pane{padding:25px;overflow:auto;border-right:1px solid var(--line)}.problem-pane h2{font:800 23px var(--font-ui)}.meta-row{display:flex;gap:8px;flex-wrap:wrap}.code-pane{background:#111827;color:#dbe4ff;display:grid;grid-template-rows:54px 1fr 190px}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid #2a3448}.editor-actions{display:flex;gap:8px}.editor-actions .btn{padding:7px 12px}.code-area{padding:20px;font:14px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre;color:#c8d4f2;overflow:auto}.code-area .kw{color:#b591ff}.code-area .fn{color:#65d8ff}.code-area .str{color:#92dfa6}.console{border-top:1px solid #2a3448;background:#0e1524;padding:14px 18px}.console-tabs{display:flex;gap:20px;font-size:12px;font-weight:700;margin-bottom:14px}.console-tabs span:first-child{color:white;border-bottom:2px solid #6685f8;padding-bottom:7px}.test-result{background:#182236;border-radius:9px;padding:12px;display:flex;justify-content:space-between}.path{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.path-step{padding:18px;border:1px solid var(--line);border-radius:12px;position:relative}.path-step.current{border:2px solid var(--blue);background:#f7f9ff}.path-step.done:after{content:"✓";position:absolute;right:14px;top:14px;color:var(--green)}.path-step h3{margin:10px 0 4px}.path-step p{color:var(--muted);font-size:13px}.service-list{display:grid;gap:10px}.service{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.approval-detail{display:grid;grid-template-columns:1fr 310px;gap:18px}.decision-panel{padding:20px;height:max-content;position:sticky;top:94px}.decision-panel .btn{width:100%;margin-top:9px}.timeline{border-left:2px solid #e5e9f2;margin-left:7px;padding-left:20px}.timeline-item{position:relative;margin-bottom:20px}.timeline-item:before{content:"";position:absolute;width:10px;height:10px;background:var(--blue);border:3px solid white;box-shadow:0 0 0 1px #cfd6e7;border-radius:50%;left:-27px;top:4px}.timeline-item small{color:var(--muted)}.permission-grid{display:grid;grid-template-columns:210px repeat(6,1fr);font-size:13px}.permission-grid>div{padding:12px;border-bottom:1px solid var(--line);text-align:center}.permission-grid .label{text-align:left;font-weight:600}.toggle{width:34px;height:19px;border-radius:12px;background:#cfd5e2;display:inline-block;position:relative;cursor:pointer}.toggle:after{content:"";position:absolute;width:15px;height:15px;left:2px;top:2px;border-radius:50%;background:white;transition:.2s}.toggle.on{background:var(--blue)}.toggle.on:after{left:17px}.toast{position:fixed;right:25px;bottom:25px;background:#13203e;color:white;border-radius:10px;padding:13px 17px;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s;z-index:100}.toast.show{opacity:1;transform:none}.modal-backdrop{position:fixed;inset:0;background:rgba(10,19,42,.48);display:none;place-items:center;z-index:90;padding:20px}.modal-backdrop.open{display:grid}.modal{width:min(480px,100%);background:white;border-radius:16px;padding:24px;box-shadow:0 25px 80px rgba(0,0,0,.25)}.modal h2{margin-top:0;font:800 21px var(--font-ui)}.modal p{color:var(--muted)}.modal textarea{width:100%;min-height:100px;border:1px solid var(--line);border-radius:10px;padding:11px;font:inherit}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.empty{padding:50px;text-align:center;color:var(--muted)}
@media(max-width:1100px){.app-shell{grid-template-columns:76px 1fr}.brand-text,.workspace-switch span:first-child,.sidebar .nav-item span:last-child,.profile-mini>span:not(.avatar){display:none}.workspace-switch{justify-content:center}.role-menu{left:64px;right:auto;width:180px;top:70px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.wide{grid-column:auto}.global-search{width:220px}.editor-shell{grid-template-columns:1fr}.problem-pane{display:none}.path{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.app-shell{display:block}.sidebar{position:fixed;left:-270px;width:252px;transition:.25s}.sidebar.open{left:0}.brand-text,.workspace-switch span:first-child,.sidebar .nav-item span:last-child,.profile-mini>span:not(.avatar){display:block}.menu-btn{display:inline-grid;place-items:center}.topbar{padding:0 14px}.global-search{display:none}.content{padding:20px 14px}.crumb span{display:none}.page-head{align-items:flex-start;flex-direction:column}.kpi-grid{grid-template-columns:1fr}.approval-detail{grid-template-columns:1fr}.decision-panel{position:static}.path{grid-template-columns:1fr}.permission-grid{overflow:auto;grid-template-columns:180px repeat(6,75px)}.editor-shell{height:calc(100vh - 115px)}.code-pane{grid-template-rows:54px 1fr 170px}}

/* Premium visual system */
:root{--navy:#081126;--ink:#111a33;--muted:#68738b;--blue:#4b65ee;--blue2:#7c5cff;--line:#e7eaf2;--bg:#f4f6fb;--green:#07966f;--amber:#b77408;--red:#d34c5c;--shadow:0 18px 48px rgba(25,34,70,.09);--radius:17px}
body{background:radial-gradient(circle at 82% -10%,rgba(91,110,244,.12),transparent 28%),radial-gradient(circle at 32% 18%,rgba(119,91,255,.055),transparent 24%),var(--bg);letter-spacing:-.006em}
.sidebar{background:linear-gradient(180deg,#0b1631 0%,#081126 68%,#0c1630 100%);border-right:1px solid rgba(255,255,255,.06);box-shadow:18px 0 60px rgba(8,17,38,.08);padding:24px 14px 16px}
.sidebar:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 0%,rgba(113,135,255,.17),transparent 25%);pointer-events:none}
.sidebar>*{position:relative}.brand{font-size:21px;letter-spacing:-.04em;padding:0 10px 25px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#8c9cff,#4a5fe9 54%,#6d48dd);box-shadow:0 8px 24px rgba(91,110,244,.35),inset 0 1px 0 rgba(255,255,255,.35)}
.workspace-switch{border-color:rgba(148,163,211,.22);border-radius:13px;background:rgba(255,255,255,.065);padding:11px 13px;transition:.2s;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.workspace-switch:hover{background:rgba(255,255,255,.1);border-color:rgba(149,163,226,.4)}
.role-menu{border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:0 24px 70px rgba(9,17,39,.25)}.role-option{padding:10px 11px;font:600 13px var(--font-ui)}.role-option:hover{background:linear-gradient(90deg,#eef1ff,#f7f5ff);color:#364fca}
.nav-section{margin-top:23px}.nav-section-label{font-size:10px;color:#64739e;font-weight:700}.nav-item{color:#9ca9ca;padding:10px 12px;border-radius:11px;transition:background .18s,color .18s,transform .18s}.nav-item:hover{background:rgba(255,255,255,.07);transform:translateX(2px)}.nav-item.active{background:linear-gradient(100deg,rgba(100,122,246,.25),rgba(110,82,223,.14));color:#fff;box-shadow:inset 3px 0 #91a2ff,0 6px 18px rgba(3,9,24,.12)}
.topbar{height:76px;background:rgba(249,250,253,.78);border-bottom:1px solid rgba(218,223,236,.8);backdrop-filter:blur(22px) saturate(150%);padding:0 32px}.crumb b{font-family:var(--font-ui);font-size:14px}.global-search{height:42px;width:310px;background:rgba(255,255,255,.75);border-color:#e1e5ef;border-radius:12px;box-shadow:0 5px 18px rgba(30,42,78,.04);transition:.2s}.global-search:focus-within{background:#fff;border-color:#9aabf6;box-shadow:0 0 0 4px rgba(75,101,238,.1)}.icon-btn{border-color:#e1e5ee;border-radius:12px;box-shadow:0 4px 14px rgba(30,42,78,.04)}
.content{padding:34px 34px 44px}.page-head{margin-bottom:27px}.page-head h1{font-size:31px;letter-spacing:-.045em;background:linear-gradient(120deg,#111a33 30%,#344880);background-clip:text;-webkit-background-clip:text;color:transparent}.page-head p{font-size:15px}
.btn{border-color:#dfe4ee;border-radius:11px;padding:10px 16px;box-shadow:0 3px 10px rgba(32,42,75,.035);transition:transform .18s,box-shadow .18s,border-color .18s}.btn:hover{transform:translateY(-2px);border-color:#cdd4e4;box-shadow:0 8px 20px rgba(32,42,75,.1)}.btn:active{transform:translateY(0)}.btn.primary{background:linear-gradient(135deg,#536fee,#684edc);border-color:transparent;box-shadow:0 9px 22px rgba(75,101,238,.22)}.btn.primary:hover{box-shadow:0 12px 28px rgba(75,101,238,.32)}
.kpi-grid{gap:18px;margin-bottom:22px}.kpi{border-color:rgba(224,228,238,.9);border-radius:18px;padding:21px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(250,251,255,.92));box-shadow:0 10px 32px rgba(29,40,79,.055);overflow:hidden;transition:transform .2s,box-shadow .2s}.kpi:before{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-48px;top:-52px;background:radial-gradient(circle,rgba(101,122,246,.13),transparent 70%)}.kpi:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(29,40,79,.1)}.kpi-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,#edf0ff,#f5efff);color:#5268dc;box-shadow:inset 0 0 0 1px rgba(94,114,233,.08)}.kpi strong{font-size:30px;letter-spacing:-.045em}.trend{font-weight:600}
.dashboard-grid{gap:20px}.card{border-color:rgba(224,228,238,.9);border-radius:18px;background:rgba(255,255,255,.92);box-shadow:0 12px 38px rgba(31,41,77,.055);backdrop-filter:blur(12px);overflow:hidden}.card-head{padding:19px 22px;background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(250,251,254,.6));border-bottom-color:#e9ecf3}.card-head h2{font-size:16px;letter-spacing:-.025em}.card-body{padding:22px}
.chart{border-radius:12px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 45px,#edf0f6 46px),linear-gradient(180deg,rgba(245,247,255,.6),rgba(255,255,255,.3))}.attention-row{border-color:#e7eaf2;border-radius:12px;padding:12px;transition:.18s;background:rgba(255,255,255,.7)}.attention-row:hover{border-color:#cfd6eb;box-shadow:0 7px 18px rgba(29,42,78,.06);transform:translateX(2px)}
.status{border:1px solid rgba(183,116,8,.09);font-weight:700}.status.good{border-color:rgba(7,150,111,.1)}.status.info{background:linear-gradient(135deg,#edf1ff,#f3efff);border-color:rgba(75,101,238,.1);color:#4055c4}.status.bad{border-color:rgba(211,76,92,.1)}
.table-toolbar{padding:16px 20px;background:#fbfcfe}.search-input,.select{border-color:#dfe4ee;border-radius:10px;background:#fff;transition:.18s}.search-input:focus,.select:focus{outline:0;border-color:#8ca0f2;box-shadow:0 0 0 4px rgba(75,101,238,.09)}.data-table th{background:#f8f9fc;color:#68738a;font-size:11px;letter-spacing:.045em;text-transform:uppercase;padding:13px 18px}.data-table td{padding:15px 18px}.data-table tbody tr{transition:.15s}.data-table tbody tr:hover{background:linear-gradient(90deg,#fafbff,#f7f8ff)}
.avatar{background:linear-gradient(145deg,#e6ebff,#ddd9ff);color:#4055c4;box-shadow:inset 0 0 0 1px rgba(75,101,238,.08)}.progress{height:8px;background:#ebedf4}.progress span{background:linear-gradient(90deg,#536fee,#7956e7);box-shadow:0 0 10px rgba(83,111,238,.3)}.action{color:#4b61d2}.action:hover{text-decoration:underline}
.path{gap:16px}.path-step{padding:21px;border-color:#e3e7f0;border-radius:16px;background:rgba(255,255,255,.9);box-shadow:0 9px 28px rgba(29,40,79,.045);transition:.2s}.path-step:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(29,40,79,.09)}.path-step.current{border:1px solid #788df2;background:linear-gradient(145deg,#f8f9ff,#f3f1ff);box-shadow:0 15px 36px rgba(75,101,238,.12)}
.editor-shell{border-color:#dce2ed;border-radius:18px;box-shadow:0 22px 60px rgba(14,22,45,.15)}.problem-pane{background:linear-gradient(160deg,#fff,#f9faff)}.code-pane{background:#0b1220}.editor-toolbar{background:#101a2c}.code-area{background:radial-gradient(circle at 100% 0%,rgba(103,82,223,.12),transparent 30%)}.console{background:#08101e}.test-result{border:1px solid #273653}
.decision-panel{border-top:4px solid #536fee}.timeline-item:before{background:linear-gradient(145deg,#536fee,#7652e1)}.toggle{transition:.2s}.toggle.on{background:linear-gradient(90deg,#536fee,#7652e1);box-shadow:0 0 0 3px rgba(75,101,238,.1)}
.modal-backdrop{backdrop-filter:blur(8px)}.modal{border-radius:20px;border:1px solid rgba(255,255,255,.7);box-shadow:0 30px 100px rgba(5,13,31,.3)}.toast{border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,#111d38,#182746);border-radius:13px;box-shadow:0 18px 45px rgba(9,17,39,.22)}
@media(max-width:720px){.topbar{height:68px}.content{padding:24px 15px 34px}.page-head h1{font-size:27px}.kpi{padding:18px}.card-head,.card-body{padding:17px}.head-actions{flex-wrap:wrap}.btn{padding:9px 13px}}

/* Student learning website */
.student-header,.student-hero,.student-section-head,.student-feature-grid,.student-insights{display:none}
body.student-mode{background:#f7f8fc}
body.student-mode .app-shell{display:block}
body.student-mode .sidebar,body.student-mode .topbar{display:none}
body.student-mode .main{width:100%}
body.student-mode .content{padding:0 0 70px;max-width:none}
body.student-mode .content>.page-head,body.student-mode .content>.path,body.student-mode .content>.card,body.student-mode .content>.editor-shell{width:min(1180px,calc(100% - 48px));margin-left:auto;margin-right:auto}
.student-header{height:76px;display:flex;align-items:center;gap:34px;padding:0 max(24px,calc((100vw - 1180px)/2));background:rgba(255,255,255,.9);border-bottom:1px solid #e8eaf1;position:sticky;top:0;z-index:60;backdrop-filter:blur(18px)}
.student-brand{display:flex;align-items:center;gap:10px;border:0;background:none;cursor:pointer;color:#101a34;font:800 19px var(--font-ui);letter-spacing:-.04em}.student-brand-mark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:white;background:linear-gradient(145deg,#7589ff,#4e5fe2 55%,#714ddd);box-shadow:0 8px 20px rgba(75,101,238,.28)}
.student-links{display:flex;align-items:center;gap:5px;height:100%}.student-links button{height:100%;padding:0 13px;border:0;background:none;color:#6d768b;font:600 14px var(--font-ui);cursor:pointer;position:relative}.student-links button:hover{color:#24345d}.student-links button.active{color:#3d52c2}.student-links button.active:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,#526bea,#7654df)}
.student-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.student-search{border:1px solid #e1e4ed;background:#f7f8fb;border-radius:11px;padding:9px 13px;color:#70798d;font:500 13px var(--font-ui);cursor:pointer}.student-search span{margin-left:7px}.student-bell{width:38px;height:38px;border:1px solid #e1e4ed;background:white;border-radius:11px;position:relative}.student-bell i{position:absolute;width:6px;height:6px;border-radius:50%;right:7px;top:7px;background:#ef5967}.student-actions select{border:0;background:transparent;color:#69748a;font:600 12px var(--font-ui);max-width:75px}
.student-hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:500px;padding:66px max(24px,calc((100vw - 1180px)/2));background:radial-gradient(circle at 76% 30%,rgba(112,91,235,.15),transparent 26%),radial-gradient(circle at 50% 100%,rgba(84,105,235,.1),transparent 34%),linear-gradient(145deg,#f9faff,#f2f4ff);border-bottom:1px solid #e7e9f4;overflow:hidden}
.hero-copy{align-self:center;position:relative;z-index:2}.eyebrow{display:inline-block;color:#5064d5;font-size:11px;font-weight:800;letter-spacing:.14em;margin-bottom:18px}.hero-copy h1{font:800 clamp(40px,4.2vw,61px)/1.08 var(--font-ui);margin:0;letter-spacing:-.06em;color:#121b34}.hero-copy h1 em{font-style:normal;background:linear-gradient(90deg,#4d64dd,#7a4fd8);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:17px;line-height:1.7;color:#657087;max-width:580px;margin:22px 0 27px}.hero-actions{display:flex;gap:11px}.hero-secondary{background:rgba(255,255,255,.7)}.hero-proof{display:flex;gap:26px;margin-top:38px;color:#778096;font-size:13px}.hero-proof b{color:#26345d;font-size:16px;margin-right:5px}
.hero-visual{position:relative;min-height:370px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(92,107,208,.17);border-radius:50%}.orbit-one{width:420px;height:420px}.orbit-two{width:305px;height:305px}.code-float{position:relative;z-index:3;width:390px;background:#0d1629;border:1px solid #263451;color:#dce4fb;border-radius:18px;box-shadow:0 30px 70px rgba(15,24,54,.28);overflow:hidden;transform:rotate(1.5deg)}.float-top{height:45px;background:#141f35;display:flex;align-items:center;padding:0 15px;gap:20px}.float-top small{color:#8390a9}.traffic{display:flex;gap:5px}.traffic i{width:8px;height:8px;border-radius:50%;background:#ed6a73}.traffic i:nth-child(2){background:#eeb84d}.traffic i:nth-child(3){background:#55c992}.code-float pre{margin:0;padding:24px;font:13px/1.8 ui-monospace,SFMono-Regular,Consolas;color:#b9c6e2}.code-float pre span{color:#8ba6ff}.float-success{margin:0 18px 18px;padding:10px 13px;border:1px solid #235e54;background:#12362f;border-radius:9px;color:#6ee0bc;font-weight:700}.float-success small{float:right;color:#9ab0a9}.mini-badge{position:absolute;z-index:4;left:0;bottom:18px;background:white;border:1px solid #e2e6f0;border-radius:14px;padding:12px 15px;box-shadow:0 15px 35px rgba(31,41,77,.15);display:flex;align-items:center;gap:11px;color:#5269dc}.mini-badge b,.mini-badge small{display:block}.mini-badge b{color:#293554;font-size:13px}.mini-badge small{color:#8992a4;font-size:11px;margin-top:2px}
.student-section-head{width:min(1180px,calc(100% - 48px));margin:46px auto 18px;display:flex;justify-content:space-between;align-items:flex-end}.student-section-head small{font-weight:800;letter-spacing:.13em;color:#7180ac}.student-section-head h2{font:800 25px var(--font-ui);letter-spacing:-.04em;margin:5px 0 0}.student-feature-grid{width:min(1180px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:1.5fr .82fr;gap:20px}.course-feature{display:grid;grid-template-columns:205px 1fr;min-height:260px}.course-art{background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.2),transparent 25%),linear-gradient(145deg,#4c63df,#724bd2);position:relative;overflow:hidden;display:grid;place-items:center}.course-art>span{font:800 76px var(--font-ui);color:rgba(255,255,255,.9);letter-spacing:-.07em}.course-lines{position:absolute;width:170px;height:170px;border:1px solid rgba(255,255,255,.2);border-radius:50%;box-shadow:0 0 0 28px rgba(255,255,255,.06),0 0 0 56px rgba(255,255,255,.04)}.course-meta{display:flex;justify-content:space-between;align-items:center}.course-meta>small{font-weight:800;letter-spacing:.08em;color:#77839e}.course-feature h2{font:800 25px var(--font-ui);margin:22px 0 8px}.course-feature p,.recommend-card p{color:#6c768b;line-height:1.6}.course-footer{display:flex;align-items:center;justify-content:space-between;margin-top:17px;color:#6e788e}.recommend-card{padding:25px}.recommend-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#edf0ff,#eee8ff);color:#5369dd;display:grid;place-items:center;font-size:21px;margin-bottom:18px}.recommend-card h2{font:800 22px var(--font-ui);margin:16px 0 8px}.recommend-card .btn{margin-top:25px;width:100%}.student-insights{display:grid;width:min(1180px,calc(100% - 48px));margin:auto;grid-template-columns:1.6fr .7fr;gap:20px}.activity-card .chart{height:210px}.streak-card{padding:27px;background:radial-gradient(circle at 100% 0%,rgba(112,82,225,.17),transparent 35%),#fff}.streak-flame{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#edf0ff,#f0eaff);color:#6952d8;font-size:22px;margin-bottom:24px}.streak-card>small{font-weight:800;letter-spacing:.12em;color:#7a84a0}.streak-card>strong{display:block;font:800 34px var(--font-ui);margin:8px 0}.streak-card p{color:#6d778c;line-height:1.55}.week-dots{display:flex;justify-content:space-between;margin-top:25px}.week-dots span{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font-size:11px;color:#9aa2b2;background:#eef0f5}.week-dots span.done{background:linear-gradient(145deg,#657cec,#7251da);color:white;box-shadow:0 5px 12px rgba(83,105,220,.2)}
body.student-mode .page-head{margin-top:42px}.student-mode .editor-shell{margin-top:26px}
@media(max-width:900px){.student-links{display:none}.student-search span{display:none}.student-hero{grid-template-columns:1fr;padding-top:48px}.hero-visual{min-height:410px}.student-feature-grid,.student-insights{grid-template-columns:1fr}.course-feature{grid-template-columns:175px 1fr}}
@media(max-width:620px){.student-header{height:68px;padding:0 15px}.student-brand b{display:none}.student-actions select{display:none}.student-hero{padding:40px 18px 30px}.hero-copy h1{font-size:39px}.hero-copy>p{font-size:15px}.hero-proof{gap:12px;flex-wrap:wrap}.hero-visual{min-height:330px}.code-float{width:320px}.orbit-one{width:330px;height:330px}.orbit-two{width:250px;height:250px}.mini-badge{left:4px}.student-section-head,.student-feature-grid,.student-insights,body.student-mode .content>.page-head,body.student-mode .content>.path,body.student-mode .content>.card,body.student-mode .content>.editor-shell{width:calc(100% - 30px)}.course-feature{grid-template-columns:1fr}.course-art{min-height:145px}.student-section-head{margin-top:34px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}}

/* Authentication */
.auth-screen{position:fixed;inset:0;z-index:1000;display:grid;grid-template-columns:1.08fr .92fr;background:#fff;transition:opacity .35s,visibility .35s}.auth-screen.auth-hidden{opacity:0;visibility:hidden;pointer-events:none}.auth-brandbar{position:absolute;left:44px;top:32px;z-index:2;display:flex;align-items:center;gap:10px;color:#fff;font:800 21px var(--font-ui)}.auth-logo,.mobile-auth-brand i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#8798ff,#5368e7 55%,#8250df);color:#fff;font-style:normal;box-shadow:0 9px 24px rgba(65,83,208,.3)}.auth-showcase{background:radial-gradient(circle at 85% 20%,rgba(129,89,238,.27),transparent 28%),radial-gradient(circle at 15% 85%,rgba(72,120,238,.19),transparent 30%),linear-gradient(145deg,#0a1531,#152556 57%,#271b55);color:#fff;padding:120px max(50px,8vw) 60px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-showcase:after{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-220px;bottom:-210px;box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.018)}.auth-showcase-copy{position:relative;z-index:2;max-width:610px}.auth-kicker{color:#a9b5ff;font-size:11px;font-weight:800;letter-spacing:.16em}.auth-showcase h1{font:800 clamp(43px,4.8vw,68px)/1.07 var(--font-ui);letter-spacing:-.065em;margin:20px 0}.auth-showcase h1 em{font-style:normal;background:linear-gradient(90deg,#90a5ff,#c69bff);background-clip:text;-webkit-background-clip:text;color:transparent}.auth-showcase-copy>p{font-size:17px;line-height:1.7;color:#b9c4df;max-width:580px}.auth-feature-list{display:grid;gap:13px;margin-top:30px;color:#d8dff1}.auth-feature-list span{display:flex;gap:11px;align-items:center}.auth-feature-list i{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:rgba(121,145,255,.18);color:#a9b8ff;font-style:normal;font-size:11px}.auth-code-card{position:absolute;right:8%;bottom:7%;width:340px;background:rgba(6,13,30,.84);border:1px solid rgba(157,172,230,.17);border-radius:16px;box-shadow:0 25px 60px rgba(0,0,0,.28);overflow:hidden;transform:rotate(-2deg);z-index:3}.auth-code-card>div{height:40px;background:rgba(255,255,255,.05);display:flex;align-items:center;gap:18px;padding:0 14px}.auth-code-card small{color:#7e8aa8}.auth-code-card pre{margin:0;padding:18px;font:12px/1.7 ui-monospace,SFMono-Regular,Consolas;color:#b9c7e8}.auth-code-card pre b{color:#9bb0ff}.auth-code-card pre strong{color:#70d2aa;font-weight:400}.auth-accepted{display:inline-block;margin:0 15px 15px;padding:7px 10px;border-radius:8px;background:rgba(38,151,112,.17);color:#70d2aa;font-size:12px;font-weight:700}.auth-panel{display:grid;place-items:center;padding:42px;background:radial-gradient(circle at 100% 0%,rgba(90,108,231,.07),transparent 28%),#fff}.auth-box{width:min(430px,100%)}.auth-box.hidden{display:none}.mobile-auth-brand{display:none}.auth-box h2{font:800 31px var(--font-ui);letter-spacing:-.045em;margin:0 0 8px;color:#131d37}.auth-box>p{color:#778196;margin:0 0 29px}.auth-box form{display:grid;gap:17px}.auth-box label{display:grid;gap:7px;font-weight:700;font-size:13px;color:#303c5a}.auth-box input[type="email"],.auth-box input[type="password"],.auth-box input[type="text"]{width:100%;height:47px;padding:0 13px;border:1px solid #dfe3ed;border-radius:11px;background:#fbfcfe;font:14px var(--font-ui);outline:0;transition:.18s}.auth-box input:focus{border-color:#8297ef;background:#fff;box-shadow:0 0 0 4px rgba(75,101,238,.09)}.password-field{position:relative}.password-field input{padding-right:45px!important}.show-password{position:absolute;right:6px;top:5px;width:36px;height:36px;border:0;background:none;color:#7c879d;cursor:pointer}.auth-row{display:flex;justify-content:space-between;align-items:center}.remember,.terms{display:flex!important;grid-template-columns:auto 1fr;align-items:flex-start!important;gap:8px!important;color:#69748a!important;font-weight:500!important}.text-btn,.auth-switch button,.auth-back{border:0;background:none;color:#4d63d2;font:700 13px var(--font-ui);cursor:pointer}.auth-submit{height:48px;border:0;border-radius:11px;background:linear-gradient(135deg,#536fee,#7150dd);color:#fff;font:700 14px var(--font-ui);box-shadow:0 10px 24px rgba(75,101,238,.24);cursor:pointer;transition:.18s}.auth-submit:hover{transform:translateY(-2px);box-shadow:0 14px 29px rgba(75,101,238,.31)}.auth-divider{display:flex;align-items:center;gap:13px;color:#9ba3b2;font-size:12px;margin:23px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#e8eaf0;flex:1}.demo-login{width:100%;height:45px;border:1px solid #dfe3ed;background:#fff;border-radius:11px;color:#34405d;font:700 13px var(--font-ui);cursor:pointer}.demo-login:hover{background:#f8f9fd}.auth-switch{text-align:center!important;margin:25px 0 0!important;font-size:13px}.auth-back{padding:0;margin-bottom:25px}.auth-mail-icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#edf0ff,#f1eaff);color:#586edd;font-size:22px;margin-bottom:24px}
@media(max-width:1050px){.auth-screen{grid-template-columns:1fr}.auth-showcase{display:none}.auth-panel{min-height:100vh}.auth-brandbar{display:none}.mobile-auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:35px;color:#14203b;font:800 20px var(--font-ui)}.mobile-auth-brand i{width:36px;height:36px}.auth-box{width:min(440px,100%)}}
@media(max-width:560px){.auth-panel{padding:28px 20px;align-items:start;padding-top:42px}.auth-box h2{font-size:27px}.auth-row{align-items:flex-start;gap:10px}.remember{font-size:12px!important}}

/* Tutor AI */
.ai-fab{position:fixed;right:25px;bottom:24px;z-index:75;border:0;border-radius:999px;padding:12px 17px;background:linear-gradient(135deg,#536fee,#724edb);color:#fff;font:700 13px var(--font-ui);box-shadow:0 15px 32px rgba(75,101,238,.32);cursor:pointer}.ai-fab span{margin-right:6px}.ai-tutor{position:fixed;z-index:1200;right:0;top:0;height:100vh;width:min(410px,100vw);background:#fff;box-shadow:-24px 0 65px rgba(12,20,45,.2);transform:translateX(105%);transition:transform .28s ease;display:grid;grid-template-rows:auto auto 1fr auto auto}.ai-tutor.open{transform:translateX(0)}.ai-tutor header{padding:18px 19px;border-bottom:1px solid #e7eaf1;display:flex;justify-content:space-between;align-items:center}.ai-tutor header>div{display:flex;gap:10px;align-items:center}.ai-orb{width:36px;height:36px;border-radius:12px;background:linear-gradient(145deg,#e9edff,#eee7ff);display:grid;place-items:center;color:#5a62db}.ai-tutor header b,.ai-tutor header small{display:block}.ai-tutor header small{color:#7d879b;font-size:11px;margin-top:2px}.ai-tutor header button{border:0;background:#f2f4f8;border-radius:8px;width:29px;height:29px;font-size:19px;cursor:pointer}.tutor-context{margin:14px 16px 0;padding:10px 12px;background:#f5f6ff;border:1px solid #e6e9ff;border-radius:10px;color:#6a7390;font-size:11px}.tutor-context span,.tutor-context b{display:block}.tutor-context b{margin-top:3px;color:#4454a4;font-size:11px}.tutor-messages{padding:17px;overflow:auto}.tutor-message{max-width:92%;padding:12px 13px;border-radius:13px;margin-bottom:11px;font-size:13px;line-height:1.55}.tutor-message.ai{background:#f4f6fc;color:#34405b;border-top-left-radius:4px}.tutor-message.ai b{font-size:11px;color:#5567d4}.tutor-message.user{background:linear-gradient(135deg,#536fee,#7051db);color:#fff;margin-left:auto;border-top-right-radius:4px}.tutor-message p{margin:4px 0 0}.tutor-chips{display:flex;flex-wrap:wrap;gap:7px}.tutor-chips button{font:600 11px var(--font-ui);color:#5265d3;background:#fff;border:1px solid #dce2f5;border-radius:20px;padding:7px 9px;cursor:pointer}.tutor-input{display:flex;gap:8px;padding:13px 16px;border-top:1px solid #e7eaf1}.tutor-input input{flex:1;border:1px solid #dfe4ed;border-radius:10px;padding:10px;font:13px var(--font-ui);outline:0}.tutor-input input:focus{border-color:#8a9cf0;box-shadow:0 0 0 3px rgba(75,101,238,.1)}.tutor-input button{width:38px;border:0;border-radius:10px;background:#536fee;color:white;font-size:18px;cursor:pointer}.ai-tutor footer{padding:0 17px 14px;color:#8991a1;font-size:10px;line-height:1.4}@media(max-width:620px){.ai-fab{right:15px;bottom:15px}.ai-tutor{width:100%}}
.ai-pathway{width:min(1180px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ai-pathway article{min-height:150px;padding:17px;border:1px solid #e1e5ef;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(29,40,79,.04);display:flex;flex-direction:column;gap:10px}.ai-pathway article.active{border-color:#8494ed;background:linear-gradient(145deg,#f6f7ff,#f3efff);box-shadow:0 12px 28px rgba(75,101,238,.12)}.ai-path-no{color:#6a76df;font:800 18px var(--font-ui)}.ai-pathway b,.ai-pathway small{display:block}.ai-pathway b{color:#263454;font-size:14px}.ai-pathway small{color:#778198;font-size:12px;line-height:1.4;margin-top:5px}.ai-pathway .status{margin-top:auto;align-self:flex-start}.mock-table-head{padding:17px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8eaf1}.mock-table{background:#fff}@media(max-width:900px){.ai-pathway{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.ai-pathway{width:calc(100% - 30px);grid-template-columns:1fr}.ai-path-head{margin-bottom:15px}}
.ai-evidence{margin-top:22px;padding:13px;border:1px solid #e4e7f2;background:#fbfcff;border-radius:12px}.ai-evidence-title{display:flex;align-items:center;gap:7px}.ai-evidence-title span{color:#596bdc}.ai-evidence-title small{margin-left:auto;color:#8a93a7;font-size:10px}.ai-error{display:flex;gap:9px;margin:12px 0;padding:9px;background:#fff8ee;border:1px solid #f3dfb8;border-radius:9px}.ai-error>span{color:#c77d10;font-weight:800}.ai-error b{font-size:12px}.ai-error p{margin:3px 0 0;font-size:11px;color:#736e63;line-height:1.4}.ct-check{display:grid;gap:6px;font-size:11px;color:#71809b}.ct-check b{color:#36415d;margin-bottom:2px}.ct-ok{color:#16845f}.ct-warn{color:#ad740e}.ai-outline{width:100%;margin-top:12px;color:#5266d9;border-color:#cfd8f8;background:#f7f8ff}.ai-outline:hover{background:#eef1ff}

/* Brighter EdTech palette */
:root{--blue:#5468ee;--blue2:#8b54eb;--green:#00a87b;--amber:#e38916;--red:#e45470;--bg:#f5f7ff}.content{background:radial-gradient(circle at 92% 0,rgba(100,91,244,.13),transparent 24%),radial-gradient(circle at 14% 58%,rgba(0,194,155,.08),transparent 23%)}.kpi:nth-child(1) .kpi-icon{background:linear-gradient(145deg,#e8edff,#e6e7ff);color:#536bea}.kpi:nth-child(2) .kpi-icon{background:linear-gradient(145deg,#defaf1,#d9f8eb);color:#00996f}.kpi:nth-child(3) .kpi-icon{background:linear-gradient(145deg,#fff0da,#ffecd0);color:#da7f0c}.kpi:nth-child(4) .kpi-icon{background:linear-gradient(145deg,#ffe7f0,#fce0ec);color:#d94d7a}.card{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(249,250,255,.94))}.status.good{background:linear-gradient(135deg,#dcfaee,#ecfff7);color:#008762}.status.info{background:linear-gradient(135deg,#eaf0ff,#f0e7ff);color:#5157c9}.status.bad{background:linear-gradient(135deg,#ffebee,#fff0f4);color:#cc3e5b}.status.neutral{background:#eef2f8}.student-hero{background:radial-gradient(circle at 74% 24%,rgba(255,156,68,.19),transparent 21%),radial-gradient(circle at 84% 72%,rgba(239,91,172,.15),transparent 24%),radial-gradient(circle at 27% 85%,rgba(0,193,163,.12),transparent 25%),linear-gradient(145deg,#f9fbff,#f1f0ff 55%,#fff7ed)}.course-art{background:radial-gradient(circle at 28% 25%,rgba(255,231,150,.38),transparent 22%),linear-gradient(145deg,#4c72e9,#754ed9 58%,#e15f9d)}.recommend-card{background:radial-gradient(circle at 96% 5%,rgba(255,182,84,.23),transparent 30%),linear-gradient(145deg,#fff,#fff8ed)}.streak-card{background:radial-gradient(circle at 100% 0,rgba(255,123,173,.22),transparent 34%),radial-gradient(circle at 12% 100%,rgba(0,195,159,.13),transparent 30%),#fff}.ai-pathway article:nth-child(1){border-top:3px solid #11b98b}.ai-pathway article:nth-child(2){border-top:3px solid #6572f2}.ai-pathway article:nth-child(3){border-top:3px solid #f3a334}.ai-pathway article:nth-child(4){border-top:3px solid #e75b9b}.ai-path-no{color:#7555dd}.ai-fab{background:linear-gradient(135deg,#00ad83,#5268ee 55%,#9450df);box-shadow:0 16px 33px rgba(81,89,220,.32)}.ai-orb{background:linear-gradient(145deg,#dbfbf0,#e7e5ff);color:#4c61da}.sidebar{background:linear-gradient(180deg,#111e49 0%,#1d1951 54%,#0d3650 100%)}.sidebar:before{background:radial-gradient(circle at 30% 0,rgba(255,152,77,.2),transparent 28%),radial-gradient(circle at 0 77%,rgba(0,218,176,.16),transparent 30%)}.brand-mark{background:linear-gradient(145deg,#ffab55,#795aef 50%,#16b896)}.btn.primary{background:linear-gradient(135deg,#536fee,#8452e5 60%,#e85b9e)}.progress span{background:linear-gradient(90deg,#00ad83,#586eef 55%,#e65d9c)}