:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#102b43;background:#f5f8fb;font-synthesis:none;--navy:#0b2d48;--navy2:#123d5e;--teal:#18b9b0;--teal2:#7dd9cf;--ink:#102b43;--muted:#6f8294;--line:#dde6ed;--paper:#fff;--soft:#edf5f7}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}.app{display:grid;grid-template-columns:252px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#082b46,#0b3453);color:#fff;padding:28px 20px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:13px}.brandmark{width:48px;height:48px;position:relative;display:grid;place-items:center;font-weight:900;font-size:25px;letter-spacing:-8px;color:#fff}.brandmark:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:12px 22px;background:linear-gradient(135deg,#0d8f99,#5dd2c1);transform:skew(-8deg)}.brandmark span,.brandmark b,.brandmark i{z-index:1;font-style:normal}.brandmark b{color:#b9f3e8}.brandmark i{position:absolute;right:1px;top:-4px;color:#69dccc;font-size:20px;letter-spacing:0}.wordmark{font-size:24px;line-height:1;font-weight:900;letter-spacing:-1.6px}.claim{font-size:7.7px;letter-spacing:1.15px;margin-top:6px;color:#c5d7e4}.claim strong{color:#62d5c9}.sidebar nav{display:grid;gap:7px;margin-top:50px}.sidebar nav a{color:#c1d1dc;text-decoration:none;padding:12px 14px;border-radius:12px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:650}.sidebar nav a.active,.sidebar nav a:hover{background:linear-gradient(90deg,#25c2b630,#25c2b60f);color:#fff}.ico{width:22px;height:22px;display:inline-grid;place-items:center;color:#64d3c7;font-size:17px}.sideFoot{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding-top:18px;display:flex;gap:10px;align-items:center}.avatar{width:38px;height:38px;border-radius:12px;background:#1c526e;display:grid;place-items:center;font-size:12px;font-weight:800}.sideFoot .grow{display:grid}.sideFoot b{font-size:12px}.sideFoot span{font-size:10px;color:#9fb5c5}.sideFoot button{border:0;background:transparent;color:#8eb1c1;font-size:18px;cursor:pointer}.content{min-width:0}.content>header{height:74px;background:#ffffffe6;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 36px;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.search{display:flex;gap:10px;align-items:center;color:#91a0ac}.search input{width:300px;border:0;outline:0;background:transparent;color:var(--ink)}.headActions{margin-left:auto;display:flex;gap:8px;align-items:center}.headActions button,.lang{border:1px solid var(--line);background:#fff;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#557084}.lang{font-size:10px;font-weight:800}.mobileBrand{display:none}.page{padding:34px 38px 56px;max-width:1500px;margin:auto}.pageTitle{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.pageTitle span{font-size:11px;color:var(--teal);font-weight:800;letter-spacing:1.5px}.pageTitle h1{font-size:32px;margin:4px 0 0;letter-spacing:-1.2px}.dateBadge{text-align:right}.dateBadge small{display:block;color:#7d8c99;font-size:9px;letter-spacing:1px}.dateBadge b{font-size:13px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.kpi,.card,.mini{background:var(--paper);border:1px solid var(--line);border-radius:17px;box-shadow:0 5px 24px #102b430a}.kpi{padding:19px 20px}.kpiTop{display:flex;justify-content:space-between;color:#6b8091;font-size:11px;font-weight:700}.kpiTop i{color:var(--teal);font-style:normal}.kpi strong{display:block;font-size:30px;margin-top:14px;letter-spacing:-1px}.kpi small{color:#8796a3}.kpi.warn strong{color:#d97842}.grid{display:grid;gap:18px;margin-top:18px}.grid.two{grid-template-columns:1.6fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}.card{padding:21px}.cardHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.card h2{font-size:15px;margin:0}.cardHead button{border:0;background:transparent;color:#148f8b;font-size:11px;font-weight:700}.learningItem{display:flex;align-items:center;gap:13px;padding:13px 0;border-top:1px solid #edf1f4}.learningItem:first-child{border-top:0}.courseIcon{width:40px;height:40px;border-radius:12px;background:#e4f7f4;display:grid;place-items:center}.grow{flex:1}.learningItem .grow{display:grid;gap:2px}.learningItem b{font-size:13px}.learningItem span{font-size:10px;color:#8494a1}.progress{height:4px;background:#edf2f4;border-radius:10px;margin-top:6px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#159c9a,#56d2c2);border-radius:10px}.ghost,.soft{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 11px;color:#4d697c;font-size:11px;font-weight:700}.ringWrap{display:flex;gap:24px;align-items:center;padding:10px}.ring{width:145px;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--teal) 0 72%,#e8f0f3 72%);display:grid;place-items:center;position:relative}.ring:after{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;background:#fff;border-radius:50%}.ring>div{z-index:1;text-align:center;display:grid}.ring strong{font-size:26px}.ring span{font-size:9px;color:#7f909c}.ringText{max-width:230px}.ringText b{font-size:14px}.ringText p{font-size:11px;line-height:1.55;color:#7b8d9a}.legend{display:flex;gap:16px;margin-top:12px;border-top:1px solid #edf1f4;padding-top:13px}.legend span{font-size:9px;color:#81909c}.legend i{display:inline-block;width:7px;height:7px;background:var(--teal);border-radius:50%;margin-right:5px}.mini{padding:18px 20px;border-top:3px solid #1cafa7}.mini>span{font-size:9px;letter-spacing:1.3px;color:#26a59e;font-weight:800}.mini h3{margin:8px 0 4px;font-size:18px}.mini p{margin:0;color:#7c8d99;font-size:11px;line-height:1.5}.toolbar{display:flex;gap:10px;margin-bottom:18px}.toolbar input{flex:1;max-width:450px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:11px 14px;outline:0}.courseGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.courseCard{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 5px 24px #102b430a}.courseArt{height:150px;padding:18px;background:linear-gradient(135deg,#0d3552,#18a69f);color:#fff;display:flex;justify-content:space-between;align-items:start}.courseArt span{font-size:48px;font-weight:900}.courseArt small{font-size:9px;background:#ffffff26;padding:5px 7px;border-radius:8px}.art2{background:linear-gradient(135deg,#163f63,#3c7fa0)}.art3{background:linear-gradient(135deg,#123a48,#63bba7)}.courseBody{padding:18px}.pill{display:inline-block;background:#e5f7f4;color:#138f89;border-radius:20px;padding:4px 8px;font-size:9px;font-weight:800}.courseBody h3{font-size:16px;margin:10px 0 6px}.courseBody p{font-size:11px;color:#7b8c98;line-height:1.55;min-height:52px}.courseFoot{display:flex;justify-content:space-between;border-top:1px solid #edf1f4;padding-top:12px;color:#168f8a;font-size:11px}.table{display:grid}.tr{display:grid;grid-template-columns:110px 1fr 140px;gap:12px;padding:12px 4px;border-top:1px solid #edf1f4;font-size:11px}.tr:first-child{border-top:0}.tr span:first-child{font-weight:700;color:#15918d}.empty{padding:30px;text-align:center;color:#8c9aa5;font-size:12px}.login{min-height:100vh;display:grid;grid-template-columns:minmax(420px,.8fr) 1.2fr;background:#fff}.loginPanel{padding:54px clamp(42px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.loginPanel .brand{margin-bottom:65px}.loginPanel .brandmark{color:#fff}.loginPanel .wordmark{color:var(--navy)}.loginPanel .claim{color:#6f8294}.login h1{font-size:34px;margin:0;letter-spacing:-1.4px}.muted{color:#81929e;margin:7px 0 30px}.login form{display:grid;gap:17px}.login label{font-size:11px;font-weight:750;color:#546c7c;display:grid;gap:7px}.login input{height:45px;border:1px solid #dbe5eb;border-radius:12px;padding:0 13px;outline:0}.login input:focus{border-color:#45beb5;box-shadow:0 0 0 3px #45beb51f}.primary{height:47px;border:0;border-radius:12px;background:linear-gradient(90deg,#0d5f78,#12a8a0);color:#fff;font-weight:800;display:flex;justify-content:space-between;align-items:center;padding:0 18px;cursor:pointer}.loginPanel small{margin-top:28px;color:#a2adb5}.error{font-size:11px;color:#b5533b;background:#fff0eb;padding:10px;border-radius:8px}.loginVisual{background:radial-gradient(circle at 30% 30%,#177b84 0,#0c3d5b 34%,#082a46 73%);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;text-align:center}.loginVisual h2{font-size:48px;line-height:1.03;margin:28px 0 10px;letter-spacing:-2px}.loginVisual h2 em{font-style:normal;color:#61d4c8}.loginVisual p{max-width:470px;color:#bed0dc;line-height:1.6}.heroMark{font-size:105px;font-weight:950;letter-spacing:-35px;position:relative;color:#fff;z-index:1}.heroMark span{color:#89e6d9}.heroMark i{font-style:normal;color:#63d8cc;position:absolute;right:-24px;top:-30px;font-size:58px;letter-spacing:0}.orbit{position:absolute;border:1px solid rgba(101,220,207,.15);border-radius:50%;width:620px;height:620px}.orbit.two{width:860px;height:860px}.splash{height:100vh;display:grid;place-items:center;background:#0b2f4b;color:#fff}.splash .brand{transform:scale(1.4)}@media(max-width:1000px){.app{grid-template-columns:82px 1fr}.sidebar{padding:24px 15px}.sidebar .brand>div:last-child,.sidebar nav a:not(.active){font-size:0}.sidebar nav a{justify-content:center}.sideFoot .grow{display:none}.kpis{grid-template-columns:repeat(2,1fr)}.grid.two{grid-template-columns:1fr}.courseGrid{grid-template-columns:repeat(2,1fr)}.login{grid-template-columns:1fr}.loginVisual{display:none}}@media(max-width:680px){.app{display:block}.sidebar{height:auto;position:fixed;bottom:0;top:auto;left:0;right:0;z-index:30;flex-direction:row;padding:6px 10px}.sidebar>.brand,.sideFoot{display:none}.sidebar nav{margin:0;grid-template-columns:repeat(4,1fr);width:100%;gap:2px}.sidebar nav a,.sidebar nav a:not(.active){font-size:9px;display:grid;gap:1px;text-align:center;padding:6px 3px}.content>header{height:62px;padding:0 16px}.search{display:none}.mobileBrand{display:block}.mobileBrand .brandmark{width:35px;height:35px;font-size:18px}.mobileBrand .brand>div:last-child{display:none}.page{padding:23px 15px 100px}.pageTitle h1{font-size:26px}.kpis{grid-template-columns:1fr 1fr;gap:10px}.kpi{padding:15px}.kpi strong{font-size:25px}.grid.three,.courseGrid{grid-template-columns:1fr}.loginPanel{padding:35px 24px}.loginPanel .brand{margin-bottom:45px}.tr{grid-template-columns:80px 1fr 90px}.ringWrap{display:grid;justify-items:center}.legend{flex-wrap:wrap}.dateBadge{display:none}}.courseCard{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.courseCard:hover{transform:translateY(-3px);box-shadow:0 12px 32px #102b4317}.experience{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px}.moduleRail{display:grid;align-content:start;gap:8px;position:sticky;top:96px;height:max-content}.moduleRail button{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px;display:flex;gap:11px;text-align:left;cursor:pointer}.moduleRail button>span{width:32px;height:32px;border-radius:10px;background:#e9f6f4;color:#138f89;display:grid;place-items:center;font-size:10px;font-weight:900}.moduleRail button div{display:grid;gap:3px}.moduleRail button b{font-size:11px;color:#27475d}.moduleRail button small{font-size:9px;color:#8796a3}.moduleRail button.active{border-color:#76d1ca;background:#f4fbfa;box-shadow:0 5px 18px #159c9a14}.lesson{display:grid;gap:14px}.lessonHero{background:linear-gradient(135deg,#0c3553,#167b83);color:#fff;border-radius:20px;padding:30px;box-shadow:0 12px 34px #092a461f}.lessonHero>span,.learnBlock>span,.assessment>span{font-size:9px;letter-spacing:1.5px;font-weight:900;color:#69d8ce}.lessonHero h2{font-size:28px;margin:8px 0}.lessonHero p{max-width:760px;color:#c6dae4;line-height:1.6;margin:0}.learnBlock,.assessment{background:#fff;border:1px solid var(--line);border-radius:17px;padding:22px;box-shadow:0 5px 24px #102b430a}.learnBlock h3,.assessment h3{margin:7px 0 8px;font-size:17px}.learnBlock p,.assessment p{color:#6f8493;line-height:1.65}.infoBlock{border-left:4px solid #1dafaa;background:linear-gradient(90deg,#f3fbfa,#fff)}.scenario{background:linear-gradient(135deg,#fff,#f5fbfa)}.choiceRow{display:flex;gap:10px;flex-wrap:wrap}.choiceRow button{border:1px solid #dbe6eb;background:#fff;border-radius:12px;padding:10px 14px;cursor:pointer}.choiceRow button.selected{border-color:#21aaa3;background:#e8f8f6;color:#126f6c}.feedback{margin-top:12px;background:#eaf8f6;color:#276c68;padding:11px 13px;border-radius:10px;font-size:11px}.calcInput,.inviteBox input{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:11px;padding:11px 12px;outline:0}.hotspotStage{height:220px;border-radius:16px;background:linear-gradient(135deg,#0f405f,#1b7a80);position:relative;overflow:hidden;display:grid;place-items:center}.machine{font-size:70px;font-weight:950;color:#ffffff21;letter-spacing:-5px}.hotspotStage button{position:absolute;width:32px;height:32px;border-radius:50%;border:3px solid #fff;background:#1cc0b5;color:#fff;font-weight:900;cursor:pointer}.hotspotStage button:nth-of-type(1){left:28%;top:34%}.hotspotStage button:nth-of-type(2){right:25%;bottom:28%}.assessment{border-top:4px solid #1cb0a8}.assessment.live{display:grid;gap:14px}.assessment.result strong{font-size:38px;color:#159c9a}.assessment.result.fail strong{color:#cc7247}.question{border-top:1px solid #edf1f4;padding-top:12px}.question h4{font-size:13px}.question label{display:flex;gap:9px;padding:7px 0;color:#5e7585;font-size:11px}.primary.compact{height:40px;width:max-content}.inviteBox{display:grid;gap:10px;margin-bottom:18px}.inviteBox small{color:#647b8a}@media(max-width:900px){.experience{grid-template-columns:1fr}.moduleRail{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.moduleRail{display:flex;overflow:auto}.moduleRail button{min-width:190px}.lessonHero{padding:22px}.lessonHero h2{font-size:23px}.learnBlock,.assessment{padding:17px}}.editorGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.editorCol{min-height:280px}.editorCol.wide{grid-column:1/-1}.editorRow{width:100%;display:grid;grid-template-columns:90px 1fr;gap:10px;text-align:left;padding:10px 12px;border:1px solid var(--line);background:var(--surface);border-radius:12px;margin:6px 0}.editorRow.active{outline:2px solid var(--accent)}.editorActions,.blockPalette{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.blockPalette button{border:1px solid var(--line);background:var(--surface-2);border-radius:999px;padding:7px 10px}.blockEditor{display:grid;grid-template-columns:100px 220px 1fr;gap:12px;align-items:center;border-top:1px solid var(--line);padding:12px 0}.blockEditor span{font-size:11px;font-weight:800;color:var(--accent)}@media(max-width:1000px){.editorGrid{grid-template-columns:1fr}.editorCol.wide{grid-column:auto}.blockEditor{grid-template-columns:80px 1fr}.blockEditor p{grid-column:1/-1}}