/* Fresh 4.0 visual system: legible typography, dense-but-readable workspaces and responsive navigation. */
:root{--navy:#062a50;--navy2:#0b3867;--blue:#0968ed;--ink:#123459;--muted:#657b94;--border:#deebf5;--bg:#f5faff;--side:258px;--gold:#ffc844}
body{font-size:15px;background:var(--bg);line-height:1.6}.main{padding:26px;max-width:1840px;margin:auto}.sidebar{background:linear-gradient(165deg,#062b51,#041f3d);box-shadow:none}.sidebar .brand{padding-bottom:23px;border-bottom:1px solid #ffffff13}.sidebar .brand strong{font-size:23px}.sidebar .brand small{font-size:8px;letter-spacing:1.35px}.nav-group{color:#6f91b1;letter-spacing:1.35px;font-size:10px;padding-top:25px}.nav-link{min-height:42px;font-size:13px;color:#d7e7f6;margin:3px 0;border-radius:9px}.nav-link .ico{width:19px;height:19px;opacity:.9}.nav-link.active{background:linear-gradient(105deg,#137cff,#0860d5);box-shadow:0 5px 18px #00295840;color:#fff}.nav-scroll{padding-bottom:24px}.workspace-label{font-size:12px;border:1px solid #ffffff15;border-radius:10px;margin-bottom:4px}.topbar{height:76px;border-color:#dcebf8;box-shadow:0 3px 14px #103a5904}.top-search{min-width:220px;background:#f1f7fd;border-color:#dceaf7}.top-search input{font-size:14px}.user-badge strong{font-size:13px}.page-head{gap:18px}.page-head h1{font-size:30px;font-weight:800;line-height:1.25}.page-head p{font-size:14px;margin-top:6px}.head-actions{flex-wrap:wrap}.card{border:1px solid var(--border);border-radius:12px;box-shadow:0 3px 14px #16477104}.card-head h2{font-size:17px;font-weight:750;margin:0}.card-head{padding:19px 21px}.card-head>a{font-size:12px;font-weight:650;white-space:nowrap}.card-pad{padding:24px}.btn{font-size:13px;font-weight:650;min-height:43px;border-radius:8px}.btn.secondary{background:#fff;border-color:#d7e4f1;color:#1559a1}.btn.gold{color:#062e50;background:#ffc843}.btn.sm{min-height:34px;font-size:12px;padding:7px 10px}.pill{font-size:11px;padding:5px 9px;border-radius:6px;font-weight:650}.field>span{font-size:13px;font-weight:650;line-height:1.5}.field input,.field select,.field textarea{font-size:15px;min-height:46px;border-radius:8px;line-height:1.5}.field textarea{min-height:125px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#6aa4f7;box-shadow:0 0 0 3px #116dff12}.form-grid{gap:20px}.form-error,.notice{font-size:13px;line-height:1.65}.details dt{font-size:12px}.details dd{font-size:15px;overflow-wrap:anywhere}.prose{font-size:15px;line-height:1.85}.table-wrap{max-width:100%;overflow:auto}table{font-size:13px}th{font-size:11px;font-weight:750;letter-spacing:.4px;background:#f5f9fd;white-space:nowrap}td{padding:15px 17px;vertical-align:middle}td small{max-width:260px;font-size:11px;line-height:1.6;color:var(--muted)}.block{display:block}.text-error{color:#bc3047}.tiny-label{font-size:10px;font-weight:750;letter-spacing:1px;color:#617d9a;display:block;margin-bottom:8px}.large-number{font-size:45px;font-weight:800;line-height:1.4;color:#0868e7}.gap-top{margin-top:24px}.academy-column{display:flex;flex-direction:column;gap:22px;min-width:0}.academy-top{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(260px,1fr);gap:20px;margin-bottom:22px}.academy-welcome{display:flex;align-items:center;gap:22px;padding:29px 26px;background:linear-gradient(120deg,#e8f4ff,#f4faff 75%,#f6edfa);border:1px solid #d8eaf7;border-radius:12px;position:relative;overflow:hidden}.academy-welcome:after{content:'';position:absolute;width:140px;height:140px;right:-40px;bottom:-95px;border:25px solid #ffe4a066;border-radius:50%}.welcome-avatar{width:80px;height:80px;flex:0 0 auto;display:grid;place-items:center;background:linear-gradient(150deg,#d8ecff,#b4d5f3);border:5px solid #fff;border-radius:50%;color:#2272bf}.welcome-avatar .ico{width:38px;height:38px}.academy-welcome h1{font-size:29px;line-height:1.25;margin:0 0 8px;font-weight:800;color:#123654;letter-spacing:-.8px}.academy-welcome p{font-size:14px;margin:0}.wave{color:#e9a924;margin-left:5px}.welcome-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:#2a5679;margin-top:15px}.welcome-meta>span+span{border-left:1px solid #bfdaee;padding-left:18px}.profile-completion{display:flex;align-items:center;justify-content:center;gap:18px;padding:24px}.profile-completion h3{font-size:14px;font-weight:750;margin:0 0 6px}.profile-completion p{font-size:12px;margin:0 0 9px;line-height:1.55}.profile-completion .btn{font-size:12px;padding:7px 10px;min-height:32px}.academy-ring{--percent:0;background:conic-gradient(#16b774 calc(var(--percent)*1%),#e2eef6 0);width:79px;height:79px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;position:relative}.academy-ring:before{content:'';position:absolute;inset:6px;background:#fff;border-radius:50%}.academy-ring strong{position:relative;font-size:19px;font-weight:800;color:#0a5b48}.academy-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;margin:0 0 24px}.academy-metrics.four{grid-template-columns:repeat(4,minmax(0,1fr))}.academy-metric{display:flex;align-items:flex-start;gap:14px;padding:21px 16px;border:1px solid var(--tone-line,#cfe4fa);border-radius:11px;background:linear-gradient(120deg,var(--tone-soft,#f0f8ff),#fff);color:var(--ink);transition:transform .15s,box-shadow .15s;min-width:0}.academy-metric:hover{transform:translateY(-2px);box-shadow:0 8px 26px #17465b12}.academy-metric strong{font-size:28px;font-weight:800;line-height:1.12;display:block;letter-spacing:-.7px}.academy-metric>div>span{font-size:12px;font-weight:600;display:block;line-height:1.45;margin-top:6px}.academy-metric small{font-size:10px;display:flex;align-items:center;gap:3px;color:var(--tone,#1a6ace);margin-top:12px;white-space:nowrap}.academy-metric small .ico{width:12px;height:12px}.metric-glyph{background:var(--tone-soft,#ebf5ff);color:var(--tone,#1371d5);display:inline-grid;place-items:center;width:43px;height:43px;flex:0 0 auto;border-radius:12px}.metric-glyph .ico{width:23px;height:23px}.blue{--tone:#0867df;--tone-soft:#eaf4ff;--tone-line:#c9e0fa}.green{--tone:#0aa56c;--tone-soft:#ecfaf3;--tone-line:#d3efdf}.purple{--tone:#7950d0;--tone-soft:#f4efff;--tone-line:#e1d7f8}.gold{--tone:#d98711;--tone-soft:#fff6e6;--tone-line:#f4dfba}.pink{--tone:#df4676;--tone-soft:#fff0f5;--tone-line:#f5d3df}.teal{--tone:#0899a9;--tone-soft:#e8f8fa;--tone-line:#c8ecef}.academy-dashboard-grid{display:grid;grid-template-columns:minmax(0,2.35fr) minmax(275px,1fr);gap:22px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:17px}.quick-tile{display:flex;align-items:center;gap:9px;background:var(--tone,#126ddd);color:white;border-radius:8px;min-height:59px;padding:11px;font-size:12px;font-weight:650;line-height:1.35;transition:filter .16s}.quick-tile:hover{filter:brightness(1.1);color:#fff}.quick-tile .ico{width:20px;height:20px}.activity-list>a{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;border-bottom:1px solid #edf3f9;color:var(--ink)}.activity-list>a:last-child{border-bottom:0}.activity-list .metric-glyph{width:35px;height:35px;border-radius:50%}.activity-list strong{font-size:12px;line-height:1.5;display:block;font-weight:650}.activity-list span:not(.metric-glyph),.activity-list small{font-size:10px;line-height:1.6;color:var(--muted);display:block;margin-top:3px}.priority-list>a{display:flex;align-items:center;gap:13px;padding:16px 20px;border-bottom:1px solid #edf3f9;color:var(--ink);font-size:13px;font-weight:600}.priority-list>a:last-child{border:0}.priority-list>a>span:nth-child(2){flex:1}.priority-list>a>b{font-size:19px}.priority-list>a>.ico{width:16px;color:#6e9ab7}.priority-list .metric-glyph{width:35px;height:35px}.academy-person{padding:23px;text-align:center}.academy-person .avatar{margin:0 auto 14px}.avatar.large{width:66px;height:66px;font-size:23px;border-radius:50%}.academy-person h3{font-size:19px;margin:0 0 5px}.academy-person p{font-size:12px}.academy-person dl{text-align:left;display:grid;grid-template-columns:76px 1fr;gap:12px;font-size:11px;line-height:1.6;padding:20px 0;border-top:1px solid var(--border);margin-top:23px}.academy-person dt{font-weight:650;color:#5b7c9a}.academy-person dd{margin:0;overflow-wrap:anywhere}.academy-promo{padding:23px;background:radial-gradient(circle at 80% 20%,#097ddd,#003764 62%);color:#fff;border-radius:12px;position:relative;overflow:hidden}.academy-promo>span{position:absolute;right:20px;top:24px;opacity:.4;transform:rotate(-15deg)}.academy-promo>span .ico{width:67px;height:67px}.academy-promo h3{font-size:23px;line-height:1.3;position:relative}.academy-promo p{font-size:12px;color:#d0e3f9}.academy-promo .btn{font-size:12px;min-height:36px}.progress-row{display:flex;align-items:center;gap:16px;padding:18px 22px;border-bottom:1px solid #eaf1f7;color:var(--ink)}.progress-row:last-child{border:0}.progress-row .academy-ring{width:51px;height:51px}.progress-row .academy-ring:before{inset:4px}.progress-row .academy-ring strong{font-size:12px}.progress-row>div:nth-child(2){flex:1;min-width:0}.progress-row strong{display:block;font-size:14px;line-height:1.5}.progress-row span{font-size:11px;color:#7489a0}.progress-row>.ico{width:17px;color:#86a4bd}.announcement-feed{padding:0 22px}.announcement-feed>a{padding:17px 0;border-bottom:1px solid #eaf1f7;display:block}.announcement-feed>a:last-child{border:0}.announcement-feed small{display:block;font-size:10px;color:#7f95ab;margin-bottom:5px}.announcement-feed strong{font-size:14px;color:var(--ink)}.announcement-feed p{font-size:12px;margin:6px 0 0;line-height:1.7}.featured-mini>a{display:flex;align-items:center;gap:15px;padding:15px 20px;border-bottom:1px solid #edf3f8}.featured-mini>a:last-child{border:0}.featured-mini img{width:95px;height:59px;object-fit:cover;border-radius:7px;background:#eff6fb}.featured-mini> a>div{flex:1}.featured-mini strong{font-size:13px;display:block;color:#183f66;line-height:1.5}.featured-mini span{display:block;font-size:11px;color:var(--muted);margin-top:4px}.academy-alert{display:flex;align-items:center;gap:16px;padding:18px 21px;border:1px solid #f4dfb6;background:#fff9ec;border-radius:12px;margin-bottom:22px}.academy-alert>div{flex:1}.academy-alert strong{font-size:14px;display:block;color:#76580c}.academy-alert span{font-size:12px;display:block;color:#957a40;line-height:1.6}.academy-alert>.ico{color:#d39721}.academy-learning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.academy-course{overflow:hidden}.course-cover{display:block;position:relative;background:#eaf3fb}.course-cover img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .2s}.course-cover:hover img{transform:scale(1.02)}.course-cover>span{position:absolute;left:16px;bottom:12px;background:#fffffff5;padding:5px 9px;border:1px solid #e7eef4;border-radius:5px;font-size:10px;font-weight:700;color:#246492}.academy-course-body{padding:21px}.academy-course h3{font-size:20px;line-height:1.3;margin:7px 0 12px}.academy-course h3 a{color:var(--ink)}.academy-course p{font-size:13px;line-height:1.75;margin:0 0 17px;min-height:45px}.academy-course .course-meta{font-size:11px;gap:18px;margin:0 0 15px}.academy-course .course-meta .ico{width:15px;height:15px}.academy-course .course-bottom{gap:10px}.academy-course .course-bottom strong{font-size:19px}.academy-course .course-bottom .btn{font-size:11px;padding:8px 10px;min-height:35px}.academy-progress>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#68849c;margin-bottom:7px}.academy-progress .progress-track{height:6px;margin:0 0 17px;background:#e9f2f8}.academy-progress .progress-track span{background:#12b078}.academy-course-banner{display:grid;grid-template-columns:260px 1fr;gap:25px;padding:18px;border:1px solid var(--border);border-radius:13px;margin-bottom:22px;background:linear-gradient(110deg,#edf6ff,#fff)}.academy-course-banner img{width:100%;height:155px;object-fit:cover;border-radius:9px}.academy-course-banner>div{align-self:center}.academy-course-banner h2{font-size:26px;margin:5px 0 9px}.academy-course-banner p{font-size:13px;margin-bottom:13px}.academy-category-filter{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.academy-category-filter .btn{font-size:12px}.filters-line{display:flex;gap:12px;align-items:flex-end;margin-bottom:22px}.filters-line .field{min-width:260px;flex:1}.filters-line .btn{flex-shrink:0}.calendar-list>a{display:flex;align-items:center;gap:22px;padding:21px 25px;border-bottom:1px solid #e9f1f9;color:var(--ink)}.calendar-date{width:56px;height:63px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid #d6e8f7;background:#eff7ff;border-radius:9px}.calendar-date b{font-size:22px;line-height:1.2;color:#1370cb}.calendar-date span{font-size:10px;text-transform:uppercase;color:#6b91b2}.calendar-list h3{font-size:16px;margin:4px 0}.calendar-list p{font-size:12px;margin:0}.calendar-list small{color:#2685bb;font-size:10px;font-weight:650}.calendar-list>a>div:nth-child(2){flex:1}.mini-track{width:100px;background:#edf3f9;border-radius:10px;height:4px;margin-top:5px}.mini-track i{display:block;background:#178ae3;border-radius:10px;height:4px}.skills-wrap{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.skills-wrap>span{display:flex;align-items:center;gap:7px;background:#eaf7f0;color:#1a8060;font-size:12px;padding:9px 12px;border-radius:8px}.skills-wrap .ico{width:15px}.curriculum-list>a{display:flex;align-items:center;gap:13px;padding:17px 21px;border-bottom:1px solid #edf3f9;color:var(--ink)}.curriculum-list>a>div{flex:1;min-width:0}.curriculum-list strong{font-size:13px;display:block}.curriculum-list small{font-size:11px;color:var(--muted)}.curriculum-list>a>.ico{width:16px;color:#7f9ab1}.credential-card{padding:22px;background:#f0f7ff;border:1px solid #dae9f9;border-radius:10px}.credential-card label{display:block;font-size:11px;color:var(--muted);margin:10px 0 4px}.credential-card strong,.credential-card code{font-size:16px;overflow-wrap:anywhere}.revenue-top{padding:24px 24px 0}.revenue-top strong{font-size:28px;display:block}.revenue-top span{font-size:11px;color:var(--muted)}.revenue-chart{display:flex;align-items:end;justify-content:space-around;gap:12px;padding:28px 20px 22px;min-height:170px}.revenue-chart>div{display:flex;flex-direction:column;align-items:center;flex:1;gap:9px;min-width:0}.revenue-chart b{width:45%;min-width:17px;max-width:42px;border-radius:5px 5px 0 0;background:linear-gradient(0deg,#0564dc,#55baff)}.revenue-chart small{font-size:10px;color:#7590a7}.revenue-chart span{font-size:10px;color:#405d7a}.journey-strip{display:flex;gap:20px;align-items:center;justify-content:space-between;border-radius:10px;background:#ecf5fd;padding:19px 23px;margin-top:25px}.journey-strip span{display:flex;gap:9px;align-items:center;font-size:10px;font-weight:600;color:#456789}.journey-strip .ico{color:#086dcc;width:22px;height:22px}.journey-strip>b{font-size:13px;color:#91b5d0}.main-footer{font-size:11px;margin-top:28px}.empty{padding:40px 22px}.empty h3{font-size:16px;line-height:1.4}.empty p{font-size:12px;line-height:1.7;max-width:380px;margin:7px auto 0}.auth-aside{background:radial-gradient(ellipse at 0% 0%,#096da0 0%,#073457 45%,#042142 100%)}.auth-card h1{font-size:33px}.auth-features{font-size:14px}.auth-tabs{display:flex;flex-wrap:wrap;gap:6px}.auth-tabs button{font-size:12px;flex:1;padding:10px 9px}.auth-card{max-width:680px}.academy-mobilebar{display:none}dialog{max-height:92vh;overflow:auto;border-radius:15px}dialog .dialog-head h2{font-size:26px}
@media(min-width:1750px){.main{padding:32px 38px}.academy-welcome h1{font-size:33px}.academy-metric{padding:24px}.academy-metric strong{font-size:33px}.academy-course h3{font-size:22px}.academy-course p{font-size:14px}}
@media(max-width:1280px){.main{padding:22px}.academy-metrics{gap:12px}.academy-metric{padding:17px 12px;gap:10px}.academy-metric .metric-glyph{width:33px;height:33px}.academy-metric strong{font-size:24px}.academy-top{grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr)}.academy-welcome{padding:23px 20px;gap:16px}.academy-welcome h1{font-size:24px}.welcome-avatar{width:65px;height:65px}.profile-completion{padding:18px;gap:12px}.academy-dashboard-grid{grid-template-columns:minmax(0,1.9fr) minmax(260px,1fr)}.academy-learning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-strip{gap:10px;flex-wrap:wrap;justify-content:flex-start}.journey-strip>b{display:none}.top-search{min-width:180px}}
@media(max-width:1000px){.academy-top{grid-template-columns:1fr}.profile-completion{justify-content:flex-start}.academy-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.academy-metrics.four{grid-template-columns:repeat(2,minmax(0,1fr))}.academy-dashboard-grid{grid-template-columns:1fr}.academy-dashboard-grid>aside{display:grid;grid-template-columns:1fr 1fr;align-items:start}.academy-dashboard-grid>aside>.academy-promo{align-self:stretch}.academy-course-banner{grid-template-columns:210px 1fr}.top-search{display:none}}
@media(max-width:700px){.main{padding:18px 14px 78px}.topbar{height:65px;padding-inline:14px}.topbar .breadcrumb{font-size:12px}.user-badge>div{display:none}.academy-welcome{padding:22px 18px;align-items:flex-start;gap:12px}.academy-welcome h1{font-size:24px;letter-spacing:-.8px}.academy-welcome p{font-size:12px}.academy-welcome .tiny-label{font-size:8px}.welcome-avatar{width:49px;height:49px;border-width:3px}.welcome-avatar .ico{width:25px;height:25px}.welcome-meta{font-size:10px;gap:9px;margin-top:12px}.welcome-meta>span+span{padding-left:9px}.academy-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.academy-metric{padding:16px 12px;align-items:center}.academy-metric small{display:none}.academy-metric strong{font-size:25px}.academy-metric>div>span{font-size:11px}.academy-metrics>.academy-metric:last-child:nth-child(odd){grid-column:1/-1}.academy-dashboard-grid>aside{display:flex;flex-direction:column}.academy-dashboard-grid>aside>*{width:100%}.academy-top{gap:13px}.profile-completion .academy-ring{width:64px;height:64px}.profile-completion{padding:17px;gap:20px}.profile-completion h3{font-size:14px}.profile-completion .btn{min-height:32px}.academy-dashboard-grid{gap:18px}.academy-column{gap:18px}.card-head{padding:17px}.card-head h2{font-size:16px}.card-head>a{font-size:11px}.page-head{align-items:flex-start;flex-direction:column;gap:14px}.page-head h1{font-size:26px;line-height:1.3}.page-head p{font-size:13px}.head-actions{width:100%;gap:7px}.head-actions .btn{font-size:12px}.academy-alert{align-items:flex-start;flex-wrap:wrap;padding:16px;gap:10px}.academy-alert>div{flex:1;min-width:210px}.academy-alert .btn{margin-left:30px}.academy-learning-grid{grid-template-columns:1fr}.academy-course h3{font-size:22px}.academy-course-body{padding:21px}.academy-course p{font-size:14px}.academy-course .course-meta{font-size:12px}.academy-course .course-bottom .btn{font-size:12px}.course-cover img{aspect-ratio:1.95}.academy-course-banner{grid-template-columns:1fr;padding:15px;gap:17px}.academy-course-banner img{height:170px}.academy-course-banner h2{font-size:25px}.academy-course-banner>div{padding:0 6px 9px}.filters-line{flex-wrap:wrap;align-items:stretch;gap:10px;padding:18px}.filters-line .field{min-width:0;flex-basis:100%}.filters-line .btn{flex:1}.academy-category-filter .btn{font-size:11px;min-height:37px;padding:8px 10px}.academy-category-filter{gap:7px}.course-status-tabs{overflow:auto;max-width:100%;white-space:nowrap;flex-wrap:nowrap}.status-tab{flex-shrink:0}.card-pad{padding:21px}.field input,.field textarea,.field select{font-size:16px}.form-grid{grid-template-columns:1fr;gap:18px}.prose{font-size:15px}.curriculum-list>a{padding:14px 17px;gap:11px}.curriculum-list strong{font-size:12px}.curriculum-list .metric-glyph{width:33px;height:33px}.calendar-list>a{padding:18px 17px;gap:15px}.calendar-list h3{font-size:14px}.calendar-list p{font-size:11px}.revenue-chart{gap:5px}.revenue-chart span{font-size:8px}.auth-card h1{font-size:29px}.auth-main{padding:24px 16px}.auth-card{padding:25px 20px}.auth-tabs button{font-size:11px}.journey-strip{gap:16px;padding:19px}.journey-strip span{font-size:10px;width:calc(50% - 8px)}.academy-mobilebar{display:flex;position:fixed;inset:auto 0 0;z-index:35;justify-content:space-around;background:#fffffff7;border-top:1px solid #dceaf7;backdrop-filter:blur(10px);padding:10px 9px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -3px 20px #10375a08}.academy-mobilebar>a{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:54px;font-size:10px;color:#2e5e87}.academy-mobilebar .ico{width:22px;height:22px}.academy-mobilebar>a:first-child{color:#0875ed;font-weight:700}body:has(.auth) .academy-mobilebar{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}