/* Claude Master Class · a brighter, calmer learning workspace */
:root{--bg:#f4f6fa;--white:#fff;--side:#0b1a33;--ink:#0f1b2d;--muted:#5f6b7f;--line:#e5e9f0;--green:#1e6ef4;--deep:#1557d0;--lime:#dbe8ff;--accent:#1e6ef4;--accent-soft:#eaf1ff;--field:#f8fafc;--shadow:0 4px 24px #22386606;--shadow-lift:0 14px 32px #28477412;--radius:18px}
html[data-theme=dark]{--bg:#0a1120;--white:#121c2e;--side:#071225;--ink:#eaf1ff;--muted:#a3b1c8;--line:#24324a;--green:#7fb0ff;--deep:#1557d0;--lime:#d8e7ff;--accent:#3b82f6;--accent-soft:#16294a;--field:#0f192b;--shadow:0 5px 26px #0000000c;--shadow-lift:0 16px 36px #00000024}
body{background:var(--bg);font-size:15px;line-height:1.75;color:var(--ink)}html[data-theme=dark] body{background:radial-gradient(ellipse 70% 35% at 100% 0,#1b387333,transparent 75%),var(--bg)}
h1,h2,h3{letter-spacing:-.6px}h1{font-weight:800}a,button,input,textarea,select{transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:3px;box-shadow:0 0 0 5px #427cff18}input:focus,textarea:focus,select:focus{outline:2px solid #447bff80;outline-offset:1px;border-color:#5a87ed;box-shadow:0 0 0 4px #427cff0c}
.ui-icon{width:21px;height:21px;display:inline-block;vertical-align:middle;fill:none;flex:none;color:inherit}.ui-icon use{pointer-events:none}
/* Navigation is one quiet rail, with account controls always in view. */
.sidebar{width:254px;padding:27px 17px 15px;background:var(--side);border-right:1px solid var(--line);height:100dvh;overflow:hidden}.app{margin-left:254px}.brand{font-size:22px;letter-spacing:-.5px;padding:0 12px;gap:13px;min-height:48px;flex:none}.brand small{font-size:9px;letter-spacing:2.1px;margin-top:6px;color:var(--muted)}.brandmark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,#3a86ff,#1557d0);font-size:32px;letter-spacing:-4px;padding-right:4px;line-height:1;color:white;box-shadow:0 5px 12px #2b5de825}.brandmark span{color:#aeeaff;font-size:13px;right:-5px;top:-5px;letter-spacing:0}.workspace{margin:24px 3px 20px;padding:11px 12px;border-radius:13px;background:var(--field);border:1px solid var(--line);gap:10px;flex:none;font-size:12px}.workspace small{font-size:11px;margin-top:3px;color:var(--muted)}.workspace-icon{display:grid;place-items:center;width:33px;height:35px;padding:0;border-radius:9px;background:var(--accent-soft);color:var(--green)}.workspace-icon .ui-icon{width:19px}.workspace .online{background:#36b897;box-shadow:0 0 0 3px #36b89715}.navlabel,.nav-group-label{font-size:9px;letter-spacing:1.7px;font-weight:700;color:var(--muted)}.navlabel{margin:0 14px 10px;flex:none}.nav-group-label{padding:18px 14px 8px;line-height:1.4}.sidebar #nav{display:flex;flex-direction:column;gap:4px;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#aebfdd55 transparent;padding-right:3px}.sidebar #nav>a{min-height:41px;display:flex;align-items:center;padding:10px 12px;gap:12px;border-radius:11px;color:var(--muted);flex:none;border:1px solid transparent;position:relative}.sidebar #nav>a>span{font-size:12.5px;color:var(--muted);font-weight:500;line-height:1.5}.sidebar #nav>a .ui-icon{width:19px;height:19px;opacity:.88}.sidebar #nav>a:hover{background:var(--field);border-color:var(--line)}.sidebar #nav>a.active{background:var(--accent-soft);box-shadow:none;border-color:transparent;color:var(--green)}.sidebar #nav>a.active>span{color:var(--green);font-weight:700}.sidebar #nav>a.active .ui-icon{opacity:1}.sidebar #nav>a>b{margin-left:auto;border-radius:6px;font-size:9px;line-height:1.5;min-width:22px;text-align:center;background:var(--field);color:var(--muted);padding:2px 5px}.sidebar #nav>a.active>b{background:var(--white);color:var(--green)}.sidebar-bottom{margin-top:12px;border-top:1px solid var(--line);padding-top:7px;flex:none}.settings-link{padding:8px 13px;gap:12px;min-height:36px;color:var(--muted)}.settings-link span{font-size:12px}.settings-link .ui-icon{width:18px;height:18px}.profile{margin-top:7px;padding:13px 9px 0;min-height:56px}.profile strong{font-size:12px;font-weight:700}.profile small{font-size:10px}.avatar,.top-avatar{background:#e7efff;color:#345bb3;border:2px solid var(--white);box-shadow:0 0 0 1px var(--line)}html[data-theme=dark] :is(.avatar,.top-avatar){background:#284472;color:#d5e5ff}.profile .avatar{width:34px;height:34px}
/* The guide card shown in the reference gets a proper button and clear focus. */
.sidebar #nav .support{display:block;margin:20px 3px 8px;padding:19px 16px;border-radius:15px;background:linear-gradient(140deg,#edf3ff,#e3edff);border:1px solid #d7e3fc;flex:none;position:relative;overflow:hidden}.sidebar #nav .support:after{content:'';position:absolute;width:100px;height:100px;right:-45px;top:-35px;border:1px solid #92b3f43d;border-radius:50%;pointer-events:none}.sidebar .support>.support-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;color:#3a6bd7;background:#fff9;margin-bottom:12px}.sidebar .support strong{display:block;font-size:14px;line-height:1.7;color:#233e6d;letter-spacing:-.15px}.sidebar .support p{font-size:11.5px;color:#526f9d;line-height:1.9;margin:8px 0 15px}.sidebar #nav .support a{display:flex;align-items:center;justify-content:space-between;gap:9px;width:100%;font-size:11px;font-weight:700;letter-spacing:0;line-height:1.7;padding:10px 11px;border:1px solid #c5d8fb;border-radius:9px;background:#fff;color:#2c5abb;margin:0;min-height:40px}.sidebar .support a .ui-icon{width:16px;height:16px}.sidebar #nav .support a:hover{background:#f7faff;border-color:#7ea4ec;transform:translateY(-1px)}html[data-theme=dark] .sidebar #nav .support{background:linear-gradient(140deg,#1a3154,#162943);border-color:#2e486e}html[data-theme=dark] .sidebar .support strong{color:#e0ecff}html[data-theme=dark] .sidebar .support p{color:#aec4e9}html[data-theme=dark] .sidebar .support>.support-icon{background:#294775;color:#b1d1ff}html[data-theme=dark] .sidebar #nav .support a{background:#233f6a;color:#c5dfff;border-color:#3b5d91}html[data-theme=dark] .sidebar #nav .support a:hover{background:#2d4f80}
/* Shared surfaces, spacing and typography. */
.topbar{position:sticky;top:0;z-index:25;min-height:76px;height:76px;background:#ffffffd9;backdrop-filter:blur(18px);border-bottom:1px solid var(--line);padding:0 38px}.breadcrumbs{font-size:12px;gap:11px}.breadcrumbs strong{font-weight:700;color:var(--ink)}.topactions{gap:17px}.search-button{font-size:18px;gap:8px;background:var(--field);border:1px solid var(--line);padding:8px 11px;border-radius:10px;min-height:40px;color:var(--muted)}.search-button span{font-size:11px}.search-button kbd{margin-left:6px;background:var(--white);font-size:10px}.theme-toggle{border:1px solid var(--line);border-radius:10px;background:var(--white);box-shadow:none;color:var(--muted)}.theme-label{font-size:11px}.academy-role{background:var(--accent-soft);border-color:var(--line);color:var(--green);font-size:10px;padding:6px 10px}.academy-signout{font-size:10px}.language-tag{font-size:10px;padding-left:17px;color:var(--muted)}html[data-theme=dark] .topbar{background:#101b2de6}html[data-theme=dark] :is(.breadcrumbs strong,.language-tag){color:var(--ink)}main{padding:33px 38px 48px;max-width:1500px}.page-heading{margin-bottom:27px;gap:18px;align-items:center}.page-heading h1{font-size:30px;line-height:1.35;font-weight:800;letter-spacing:-1px}.page-heading p{font-size:14px;line-height:1.9;color:var(--muted);margin-top:9px;max-width:740px}.today{border-radius:30px;font-size:11px;color:var(--muted);border-color:var(--line);background:var(--white);white-space:nowrap}
html[data-theme] :is(.panel,.stat,.path-card,.module-card,.continue-card,.resource-card,.level-tile){background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel{padding:24px}.section-head h2{font-size:19px;letter-spacing:-.5px}.section-head>a{font-size:12px;color:var(--green);font-weight:600}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;line-height:1.7;color:var(--muted)}.pill{border-radius:6px;font-size:10px;line-height:1.6;padding:4px 8px;background:var(--accent-soft);color:var(--green);letter-spacing:.4px}.notice{font-size:12px;line-height:1.9;color:var(--muted)}.muted{color:var(--muted)}.btn{min-height:43px;border-radius:10px;padding:10px 16px;gap:9px;background:var(--white);border:1px solid var(--line);font-size:13px;color:var(--ink);font-weight:600;line-height:1.6;box-shadow:0 2px 3px #25344d03}.btn.small{min-height:37px;font-size:11px;padding:8px 12px}.btn:hover{box-shadow:0 4px 13px #2847740b;transform:translateY(-1px);filter:none}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 10px #1e6ef426}.btn.primary:hover{background:var(--deep);border-color:var(--deep);box-shadow:0 7px 16px #1e6ef433}.btn:disabled{transform:none;box-shadow:none}.btn.lime{background:#fff;border-color:#fff;color:#214cbb;box-shadow:0 6px 20px #092b782e}.btn.lime:hover{background:#f0f6ff;color:#1640a5}.filter-btn{border-radius:10px;background:var(--white);border-color:var(--line);font-size:12px;padding:9px 14px;min-height:39px}.filter-btn.active{background:#2b5de8;color:white;border-color:#2b5de8;box-shadow:0 3px 9px #2b5de81a}input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select{border-color:var(--line);border-radius:11px;background:var(--field);color:var(--ink);font-size:14px;line-height:1.7;padding:12px 14px}label{font-size:13px;line-height:1.8;font-weight:600}.progress-line{height:5px;background:var(--accent-soft)}.progress-line>span{background:linear-gradient(90deg,#3a79fb,#7da2ff)}.ml{color:var(--muted)}.toolbar{gap:10px}.back-link{font-size:12px;color:var(--green);line-height:1.8}.callout{border-radius:12px;background:var(--accent-soft);border-color:var(--line);color:var(--ink);line-height:1.9}
/* Dashboard illustration and useful starting points. */
.hero{padding:37px 39px;min-height:300px;border-radius:22px;background:linear-gradient(112deg,#103aa1 0%,#225bdd 65%,#2d71ed 100%);box-shadow:0 12px 30px #214a9e16;color:white}.hero-copy{max-width:59%;z-index:2}.hero-label{background:#ffffff12;border-color:#ffffff2b;color:#d9e8ff;letter-spacing:1.45px;font-size:9px;padding:5px 10px;margin-bottom:17px}.hero h2{font-size:42px;line-height:1.22;font-weight:800;letter-spacing:-1.6px}.hero h2 em{color:#a3dcff}.hero p{font-size:13px;color:#d4e5ff;line-height:1.9;max-width:420px;margin:17px 0 24px}.hero .btn{font-size:12px;padding:12px 18px}.hero-facts{font-size:10px;gap:13px;color:#d3e4ff;margin-top:24px;flex-wrap:wrap}.hero-facts span+span{border-color:#ffffff30;padding-left:13px}.hero-art{width:40%;max-width:365px;height:275px;position:absolute;right:28px;top:50%;transform:translateY(-50%);display:block;pointer-events:none}.hero-halo{position:absolute;width:285px;height:285px;top:-8px;right:0;border-radius:50%;background:radial-gradient(circle,#7ebeff44,transparent 70%)}.hero-orbit{position:absolute;width:325px;height:245px;border:1px solid #bad8ff30;border-radius:50%;right:3px;top:12px;transform:rotate(-23deg)}.skill-visual-card{position:absolute;display:flex;align-items:flex-start;gap:13px;width:270px;background:#f8fbff;box-shadow:0 12px 30px #092d803d;border:1px solid #fff;border-radius:14px;padding:17px 19px;color:#19356c}.card-writing{right:39px;top:1px;transform:rotate(-4deg);z-index:1}.card-data{right:0;top:82px;transform:rotate(2deg);z-index:3}.card-create{right:26px;top:166px;transform:rotate(-3deg);z-index:4}.skill-visual-card small{display:block;font-size:7px;letter-spacing:1.3px;font-weight:700;color:#6b80a3;margin-bottom:5px}.skill-visual-card strong{display:block;font:700 12px/1.5 'Manrope',sans-serif;letter-spacing:-.25px}.skill-visual-icon{display:grid;place-items:center;min-width:34px;height:34px;border-radius:9px;background:#e7efff;color:#356ce3}.skill-visual-icon .ui-icon{width:19px;height:19px}.card-data .skill-visual-icon{background:#e2f5f0;color:#238b78}.card-create .skill-visual-icon{background:#edeaff;color:#7466c5}.skill-visual-lines{display:block;width:135px;height:4px;background:#d9e5f8;margin-top:9px;border-radius:6px;box-shadow:0 7px 0 #e8eff9}.mini-chart{display:flex;gap:5px;height:20px;align-items:end;margin-top:7px}.mini-chart i{background:#84aafa;border-radius:3px 3px 0 0;width:17px;height:40%}.mini-chart i:nth-child(2){height:65%;background:#a9c4ff}.mini-chart i:nth-child(3){height:50%}.mini-chart i:nth-child(4){height:85%;background:#5086ee}.mini-chart i:nth-child(5){height:70%}.mini-chart i:nth-child(6){height:100%;background:#467ced}.skill-visual-dots{display:flex;gap:5px;margin-top:9px}.skill-visual-dots i{width:36px;height:8px;background:#e0e6fc;border-radius:3px}.skill-visual-dots i:nth-child(2){background:#bad2fb}.skill-visual-dots i:nth-child(3){background:#83b1f1}.hero-visual-caption{position:absolute;bottom:-9px;right:25px;font-size:7px;letter-spacing:1.7px;color:#d8e9ff}
.stats{gap:16px;margin:22px 0 25px}.stat{padding:21px;gap:14px}.stat-icon{width:43px;height:43px;border-radius:13px;background:#edf2ff;color:#426ee1}.stat-icon .ui-icon{width:22px;height:22px}.stat:nth-child(2) .stat-icon{background:#eaf6f5;color:#2b8d8c}.stat:nth-child(3) .stat-icon{background:#eef0ff;color:#7e73c6}.stat:nth-child(4) .stat-icon{background:#fff3e8;color:#c58b46}.stat strong{font-size:26px;letter-spacing:-1px;color:var(--ink)}.stat small{font-size:11px;color:var(--muted);display:block;margin-top:4px}.workspace-shortcuts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;margin:0 0 30px}.workspace-shortcut{display:grid;grid-template-columns:40px 1fr 16px;gap:13px;align-items:center;padding:20px;border-radius:16px;background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow)}.workspace-shortcut:hover{transform:translateY(-2px);border-color:#a5bcf1;box-shadow:var(--shadow-lift)}.shortcut-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#eaf0ff;color:#3f6cdb}.shortcut-icon .ui-icon{width:21px;height:21px}.workspace-shortcut.violet .shortcut-icon{background:#f0edff;color:#8771ce}.workspace-shortcut.teal .shortcut-icon{background:#e5f6f1;color:#258d79}.workspace-shortcut strong{font-size:12px;line-height:1.6;display:block;color:var(--ink)}.workspace-shortcut p{font-size:10.5px;color:var(--muted);line-height:1.8;margin-top:4px}.shortcut-arrow{color:#9aacc8}.shortcut-arrow .ui-icon{width:15px;height:15px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 265px;gap:24px}.continue-card{padding:21px;gap:21px}.course-art{border-radius:12px;background:linear-gradient(135deg,#e3edff,#edf3ff);color:#31538f}.course-art:after{color:#98b7f3}.course-art>span{font-size:8px}.course-art strong{font-size:20px;letter-spacing:-.7px}.continue-info h3{font-size:20px;line-height:1.5;margin:10px 0 5px}.continue-footer small{color:var(--muted);font-size:10px}.meta{font-size:11px;gap:14px;color:var(--muted)}.continue-info .pill{font-size:8px}.path-section{margin-top:30px}.path-cards{gap:13px}.path-card{padding:20px}.path-card:hover{border-color:#aac2f6;box-shadow:var(--shadow-lift);transform:translateY(-2px)}.path-card>span:first-child{font-size:9px;letter-spacing:1.2px;color:var(--muted);font-weight:700}.path-card .path-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--accent-soft);font-size:21px;color:var(--green);margin:15px 0}.path-card h3{font-size:14px;line-height:1.6;letter-spacing:-.2px}.path-card small{font-size:10px;color:var(--muted);line-height:1.8}.progress-panel{padding:24px}.progress-panel h3{font-size:16px}.ring{width:145px;height:145px;background:conic-gradient(#477cf0 var(--progress),var(--accent-soft) 0);margin:26px auto 18px}.ring:before{inset:9px;background:var(--white)}.ring strong{font-size:34px;color:var(--ink);letter-spacing:-1px}.ring small{font-size:8px;letter-spacing:1px;color:var(--muted)}.progress-panel>p{font-size:11px;line-height:1.9;color:var(--muted)}.legend{gap:13px;color:var(--muted);font-size:10px}.tip{background:var(--accent-soft);border-color:var(--line);border-radius:16px;padding:22px}.tip .eyebrow{font-size:8px;line-height:1.9;color:var(--green)}.tip h3{font-size:17px;line-height:1.5}.tip p{font-size:12px;line-height:1.95;color:var(--muted)}.tip a{font-size:11px;color:var(--green)}.bottom-banner{padding:22px;border:1px solid var(--line);background:var(--accent-soft);border-radius:16px}.bottom-banner p{color:var(--muted);font-size:11px;line-height:1.8}
/* Course, AI, admin and conversation screens share the same design language. */
.module-grid{gap:22px}.module-card:hover,.level-tile:hover{border-color:#acc4f5;box-shadow:var(--shadow-lift)}.module-card h3{font-size:18px;line-height:1.6;letter-spacing:-.45px}.module-card p{color:var(--muted);font-size:13px;line-height:1.9}.module-cover .cover-label{border:0;border-radius:7px;background:#153a80eb;color:#fff!important;letter-spacing:.8px;font-size:9px;padding:5px 9px;box-shadow:none}.module-cover-image{transition:transform .3s ease}.module-card:hover .module-cover-image{transform:scale(1.025)}.level-tile h2{font-size:18px;line-height:1.5}.level-tile p{font-size:12px;color:var(--muted);line-height:1.9}.lesson-hero{border-radius:19px;background:linear-gradient(130deg,#163f9a,#225fd4);box-shadow:0 7px 25px #214a9e10}.lesson-hero h1{line-height:1.4;letter-spacing:-1px}.lesson-visual{border-radius:17px;border-color:var(--line)}.lesson-content{padding:29px}.lesson-content p,.lesson-content li{font-size:15px;line-height:2;color:var(--ink)}.lesson-content h2{font-size:25px;line-height:1.5;margin-bottom:18px}.lesson-content h3{font-size:18px;margin-top:25px}.lesson-tabs{gap:8px;border-color:var(--line)}.lesson-tabs button{font-size:12px;border-radius:9px 9px 0 0}.lesson-tabs button.active{color:var(--green);border-color:var(--green);background:var(--accent-soft)}.prompt-box,.analysis-prompt{border-radius:12px;background:var(--field);border-color:var(--line);font-size:14px;color:var(--ink);line-height:1.95}.resource-card h3{font-size:20px;line-height:1.5}.resource-card p{font-size:13px;color:var(--muted);line-height:1.9}.resource-card>span{border-radius:13px;background:var(--accent-soft);color:var(--green)}.analysis-intro,.office-cases-hero{border-radius:20px;background:linear-gradient(120deg,#133b9a,#2f6ae4);box-shadow:0 8px 26px #1e469e10}.analysis-intro h2,.office-cases-hero h2{font-size:31px;font-weight:800;letter-spacing:-1px;line-height:1.35}.analysis-extra{border-radius:12px;background:var(--field)}.analysis-form-panel,.analysis-results>.panel{padding:27px}.analysis-results h2{font-size:23px}.analysis-evidence{border-radius:11px;border-left-width:3px;background:var(--accent-soft)}.analysis-feature-card{border-radius:12px;border-color:var(--line);background:var(--field)}.analysis-feature-card h3{font-size:15px}.analysis-feature-card p{font-size:13px;color:var(--muted)}.analysis-upload-area{background:var(--field);border-color:#a5c0f1;border-radius:13px}.analysis-upload-area label span,.analysis-upload-area>small{font-size:12px}.ai-chat-panel{border-radius:18px}.ai-chat-heading h2{font-size:22px}.ai-avatar{border-radius:13px;background:var(--accent-soft);color:var(--green)}.ai-suggestion{background:var(--field);border-color:var(--line);border-radius:10px;color:var(--green)}.ai-message{border-radius:14px;padding:18px}.ai-message.user{background:var(--accent-soft);border-color:var(--line)}.ai-message.assistant{background:var(--field)}.ai-message strong{color:var(--green)}.ai-float{background:linear-gradient(135deg,#397bff,#2454e4);box-shadow:0 8px 23px #2859d338;padding:12px 17px;font-size:19px}.ai-float span{font-size:12px}.access-stats>.panel{border-radius:15px;padding:21px}.access-stats strong{font-size:29px;letter-spacing:-1px;color:var(--ink)}.access-stats span{font-size:11px;color:var(--muted)}.access-users-panel h2,.access-editor-panel h2{font-size:21px}.access-user-row{padding:21px 0}.access-user-avatar{width:39px;height:39px;background:var(--accent-soft);color:var(--green);border:1px solid var(--line)}.access-user-details>strong{font-size:14px}.access-user-details>span{font-size:12px;color:var(--muted)}.access-user-details>small{font-size:11px;line-height:1.9}.access-user-badges .pill{font-size:9px}.access-permissions{border-radius:12px;background:var(--field)}.access-permissions small{font-size:11px}.access-user-actions>.btn{font-size:11px}.access-info p,.access-role-guide p{font-size:13px;color:var(--muted)}.comm-intro{border-radius:16px;background:var(--white);border-color:var(--line)}.comm-inbox,.comm-conversation{border-radius:18px}.comm-intro>p{font-size:13px;line-height:1.9}.comm-thread{border-radius:13px;background:var(--field);padding:18px 16px}.comm-thread.current{box-shadow:inset 3px 0 var(--accent);background:var(--accent-soft);border-color:#91aff3}.comm-thread h3{font-size:14px;line-height:1.7}.comm-thread small{font-size:10px}.comm-message{border-radius:15px 15px 15px 4px;border-color:var(--line);background:var(--field)}.comm-message.own{border-radius:15px 15px 4px 15px;background:var(--accent-soft);border-color:var(--line)}.comm-message-meta{font-size:10px}.comm-message-meta strong{font-size:12px}.comm-message-meta time{font-size:10px}.comm-message-body{font-size:14px;line-height:2}.comm-recipient-hint{border-radius:12px;background:var(--accent-soft);color:var(--green)}.comm-empty h2{font-size:26px}.comm-module-overrides{background:var(--field)}.trainer-module{border-radius:18px;background:var(--white);border-color:var(--line)}.trainer-connect-icon{border-radius:12px;background:var(--accent-soft);color:var(--green)}.trainer-module h2{font-size:22px;letter-spacing:-.5px}.trainer-channel{border-radius:12px;transition:transform .18s,box-shadow .18s}.trainer-channel:not(.disabled):hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)}.trainer-channel>span{font-size:13px}.trainer-channel small{font-size:11px;line-height:1.8}footer{font-size:10px;color:var(--muted);border-color:var(--line)}footer small{font-size:10px}
/* A welcoming first screen, including pending and suspended enrollment states. */
body.access-gated main{max-width:1230px;padding:42px 35px 55px;min-height:calc(100vh - 155px)}.access-entry:has(.access-story){display:grid;grid-template-columns:1.02fr 1fr;max-width:1120px;padding:0;overflow:hidden;border-radius:24px;border:1px solid var(--line);background:var(--white);box-shadow:0 20px 70px #1d427a0f;margin:8px auto 0}.access-story{position:relative;background:linear-gradient(150deg,#103390,#1f55ce 70%,#3379ea);padding:42px 41px 35px;color:#fff;overflow:hidden;display:flex;flex-direction:column;min-height:610px}.access-entry-brand{display:flex;align-items:center;gap:12px;font:800 25px/1 'Manrope',sans-serif;letter-spacing:-.6px;margin-bottom:43px}.access-entry-brand small{font-size:8px;letter-spacing:2.8px;display:block;margin-top:8px;font-weight:600;color:#cee0ff}.access-brand-icon{display:grid;place-items:center;width:42px;height:44px;background:#ffffff16;border:1px solid #ffffff45;border-radius:12px}.access-brand-icon .ui-icon{width:25px;height:25px}.access-story-label{font-size:8px;letter-spacing:1.7px;line-height:1.8;color:#b3d1ff;font-weight:700;margin-bottom:14px;position:relative;z-index:1}.access-story h1{font-size:40px;line-height:1.25;letter-spacing:-1.6px;color:#fff;position:relative;z-index:1;margin:0}.access-story>p{font-size:12px;line-height:1.95;color:#cfdef9;margin:20px 0 0;position:relative;z-index:1}.access-story>p span{font-size:12px}.access-story-facts{display:flex;gap:21px;margin-top:auto;padding-top:23px;position:relative;z-index:1}.access-story-facts>span{font-size:8px;line-height:1.8;color:#d1e2ff}.access-story-facts strong{display:block;font:800 17px/1.5 'Manrope',sans-serif;color:#fff;letter-spacing:-.5px}.access-story-visual{position:relative;height:160px;margin:29px 0 7px;pointer-events:none}.access-visual-card{position:absolute;right:6%;top:10px;width:82%;display:flex;align-items:center;gap:14px;background:#f5f9ff;border:1px solid #fff;border-radius:14px;padding:19px;color:#19396d;transform:rotate(-4deg);z-index:2;box-shadow:0 12px 30px #092f8e35}.access-visual-card>span{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:#e6eeff;color:#3971dc}.access-visual-card small{display:block;font-size:6px;letter-spacing:1.5px;color:#7188ac}.access-visual-card strong{display:block;font:700 12px/1.6 'Manrope',sans-serif;margin:6px 0}.access-visual-card i{display:block;width:125px;height:4px;background:#d8e5fa;border-radius:9px;margin-top:5px}.access-visual-card i:last-child{width:85px;background:#e5edf9}.access-visual-card.rear{top:94px;right:0;width:75%;transform:rotate(3deg);z-index:3;background:#e8f2ff;padding:14px 18px;font-size:10px;font-weight:600;gap:12px}.access-visual-card.rear>span{background:none;display:block;width:auto;height:auto;font-size:10px;white-space:nowrap;color:#375984}.access-visual-card.rear>.ui-icon{color:#578cea;width:24px}.access-story-orbit{position:absolute;width:320px;height:250px;border:1px solid #c2dbff24;border-radius:50%;right:-35px;top:-45px;transform:rotate(25deg)}.access-entry-form{padding:45px 42px 35px;align-self:center;min-width:0}.access-entry-form>.eyebrow{font-size:9px;margin-bottom:15px}.access-entry-form>h2{font-size:27px;line-height:1.4;letter-spacing:-.9px;font-weight:800}.access-entry-description{font-size:13px;line-height:1.95;color:var(--muted);margin:15px 0 25px}.access-entry-form>.btn{width:100%;min-height:47px;font-size:13px}.access-signin-note{font-size:10px;color:var(--muted);text-align:center;margin:12px 0 25px}.access-entry-form form{max-width:none;margin:20px 0}.access-entry-form form>.btn{width:100%;min-height:46px}.access-entry .access-entry-roles{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--line);padding-top:17px;margin-top:25px}.access-entry-roles>article{display:flex;gap:12px;align-items:center;padding:12px 0;background:none;border-radius:0}.access-entry-roles>article>span{display:grid;place-items:center;width:34px;height:34px;min-width:34px;border-radius:10px;background:var(--accent-soft);color:var(--green);font-size:18px}.access-entry-roles .ui-icon{width:18px;height:18px}.access-entry-roles h3{font-size:12px;line-height:1.8;font-weight:700;letter-spacing:-.1px}.access-entry-roles p{font-size:10.5px;line-height:1.8;color:var(--muted);margin:1px 0 0}.access-approval-note{font-size:10px!important;margin-top:17px;color:var(--muted)}.access-account{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:16px;margin:20px 0;border-radius:12px;background:var(--field);font-size:12px}.access-account>span:not(.pill){font-size:11px}.access-account .pill{font-size:9px}.academy-loading{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:60vh;text-align:center;gap:12px;color:var(--muted)}.loading-mark{width:56px;height:56px;border-radius:18px;background:var(--accent-soft);color:var(--green);display:grid;place-items:center;margin-bottom:7px}.loading-mark .ui-icon{width:28px;height:28px}.academy-loading strong{font:700 20px 'Manrope',sans-serif;color:var(--ink)}.academy-loading>span:not(.loading-mark){font-size:12px}.academy-loading>i{display:block;width:110px;height:3px;overflow:hidden;background:var(--line);border-radius:8px;margin-top:12px;position:relative}.academy-loading>i:after{content:'';position:absolute;inset:0 auto 0 0;width:40%;background:var(--green);border-radius:8px;animation:academy-load 1.2s ease-in-out infinite}@keyframes academy-load{0%{transform:translateX(-100%)}100%{transform:translateX(350%)}}
/* Theme parity for the high-contrast blue accents. */
html[data-theme=dark] :is(.stat-icon,.workspace-shortcut .shortcut-icon){background:#1c345b;color:#a3c4ff}html[data-theme=dark] .workspace-shortcut.violet .shortcut-icon{background:#302e56;color:#c4b6ff}html[data-theme=dark] .workspace-shortcut.teal .shortcut-icon{background:#183e3c;color:#93dccc}html[data-theme=dark] .course-art{background:linear-gradient(135deg,#203c6a,#173256);color:#d6e6ff}html[data-theme=dark] .course-art:after{color:#547cb6}html[data-theme=dark] .tip{background:var(--accent-soft);border-color:var(--line)}html[data-theme=dark] .ai-message.user{background:var(--accent-soft)}html[data-theme=dark] .ai-message.assistant{background:var(--field)}html[data-theme=dark] .comm-message.own{background:#203b63;border-color:#34527f}html[data-theme=dark] .comm-message{background:var(--field);border-color:var(--line)}html[data-theme=dark] .access-story{background:linear-gradient(150deg,#102b72,#19469e 70%,#235ebb)}html[data-theme=dark] .access-entry:has(.access-story){box-shadow:0 20px 70px #00000024}html[data-theme=dark] :is(.analysis-prompt,.prompt-box,.analysis-extra,.analysis-feature-card){background:var(--field);border-color:var(--line)}html[data-theme=dark] :is(.analysis-upload-area,.comm-module-overrides){background:var(--field)}
@media(min-width:1550px){main{padding-left:48px;padding-right:48px}.hero{padding:42px 45px;min-height:325px}.hero h2{font-size:47px}.hero-art{right:45px;max-width:385px}.workspace-shortcut{padding:23px}.page-heading h1{font-size:34px}}
@media(max-width:1200px){.topbar{padding-left:27px;padding-right:27px}.topactions{gap:11px}.search-button span,.search-button kbd{display:none}.language-tag{display:none}main{padding:29px 27px 44px}.page-heading h1{font-size:28px}.hero{padding:32px;min-height:285px}.hero h2{font-size:38px}.hero-copy{max-width:65%}.hero-art{right:-27px;transform:translateY(-50%) scale(.85);transform-origin:right center;opacity:.85}.hero p{font-size:12px}.hero-facts{gap:10px;font-size:9px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 245px;gap:20px}.workspace-shortcuts{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.workspace-shortcut{padding:17px;grid-template-columns:34px 1fr;gap:10px}.shortcut-icon{width:34px;height:35px}.shortcut-arrow{display:none}.workspace-shortcut strong{font-size:12px}.stats{gap:11px}.stat{padding:16px;gap:10px}.stat-icon{width:36px;height:36px}.stat strong{font-size:24px}.access-entry-form{padding:36px 30px}.access-story{padding:37px 32px}.access-story h1{font-size:35px}.access-entry-form>h2{font-size:25px}.access-entry-brand{margin-bottom:36px}}
@media(max-width:1024px) and (min-width:761px){.sidebar{width:220px;padding-left:11px;padding-right:11px}.app{margin-left:220px}.sidebar #nav>a>span{font-size:12px}.sidebar #nav>a{padding-left:11px;padding-right:9px;gap:10px}.workspace{font-size:11px;padding:10px}.workspace small{font-size:10px}.brand{padding-left:10px}.dashboard-grid{grid-template-columns:1fr}.dashboard-right{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.dashboard-right .tip{margin:0}.hero-art{opacity:.45;right:-43px}.hero-copy{max-width:80%}.workspace-shortcuts{grid-template-columns:1fr}.workspace-shortcut{grid-template-columns:40px 1fr 20px;padding:17px}.shortcut-arrow{display:block}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.access-story-facts{gap:14px}body.access-gated main{padding:30px 25px}.access-story h1{font-size:32px}.access-story{padding:33px 27px}.access-entry-form{padding:33px 27px}}
@media(max-width:760px){body{font-size:15px}.sidebar{width:min(88vw,340px);padding:24px 18px 14px;height:100dvh;overflow:hidden}.sidebar #nav>a{min-height:46px;padding:11px 13px}.sidebar #nav>a>span{font-size:14px}.sidebar #nav>a .ui-icon{width:21px;height:21px}.sidebar #nav .support{display:block;padding:20px;margin-top:19px}.sidebar .support strong{font-size:16px}.sidebar .support p{font-size:13px}.sidebar #nav .support a{font-size:13px;min-height:44px}.navlabel,.nav-group-label{font-size:10px}.sidebar .settings-link{min-height:43px}.sidebar .settings-link span{font-size:13px}.sidebar-bottom{padding-top:7px}.sidebar .profile{min-height:58px;padding-top:12px}.brand{font-size:24px}.workspace{margin-top:20px;margin-bottom:18px;font-size:13px}.workspace small{font-size:11px}.app{margin-left:0}.topbar{height:calc(66px + env(safe-area-inset-top));min-height:66px;padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top));gap:8px}.topactions{gap:5px}.theme-toggle,.search-button{width:40px;min-width:40px;height:42px;min-height:42px;padding:7px;display:flex;justify-content:center}.theme-label{display:none}.breadcrumbs{min-width:0;gap:7px}.breadcrumbs strong{font-size:12px;font-weight:600}.academy-role{font-size:9px;min-height:41px;padding:6px 8px}.academy-account-controls{gap:0}.menu-toggle{width:35px;min-width:35px;height:42px;padding:0;font-size:23px}.topbar #searchButton{font-size:20px}.page-heading{align-items:flex-start;flex-wrap:wrap;margin-bottom:22px;gap:15px}.page-heading h1{font-size:27px;line-height:1.4;letter-spacing:-.9px}.page-heading p{font-size:13px;line-height:2;margin-top:8px}.today{font-size:10px}.page-heading>.upload-actions{width:100%;gap:9px}.page-heading>.upload-actions .btn{white-space:normal;min-height:42px}.page-heading>button{min-height:43px}main{padding:25px 17px 38px}.hero{min-height:0;padding:28px 25px;border-radius:19px}.hero-copy{max-width:100%;width:100%}.hero-art{display:none}.hero-label{font-size:7px;letter-spacing:1.1px;margin-bottom:17px;line-height:1.8}.hero h2{font-size:35px;line-height:1.23;letter-spacing:-1.3px}.hero p{font-size:13px;line-height:1.95;margin:16px 0 21px;max-width:100%}.hero .btn{min-height:46px;padding:11px 15px;font-size:12px;white-space:normal}.hero-facts{font-size:9px;gap:7px 11px;margin-top:22px;line-height:1.9}.hero-facts span+span{padding-left:11px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:18px 0}.stat{padding:16px 13px;gap:11px;min-height:89px;border-radius:14px!important}.stat-icon{width:32px;height:34px;border-radius:10px}.stat-icon .ui-icon{width:19px;height:19px}.stat strong{font-size:24px}.stat small{font-size:10px;line-height:1.8}.workspace-shortcuts{grid-template-columns:1fr;gap:11px;margin-bottom:28px}.workspace-shortcut{padding:17px;grid-template-columns:36px 1fr 16px;gap:12px;border-radius:14px}.shortcut-icon{width:36px;height:38px}.shortcut-arrow{display:block}.workspace-shortcut strong{font-size:13px}.workspace-shortcut p{font-size:11px;line-height:1.9}.dashboard-grid{grid-template-columns:1fr;gap:24px}.dashboard-right{display:block}.dashboard-right .tip{margin-top:18px}.continue-card{padding:15px;gap:13px;border-radius:16px!important}.course-art{flex-basis:90px;height:165px;padding:11px}.course-art strong{font-size:16px}.course-art>span{font-size:6px;line-height:1.8;letter-spacing:.7px}.course-art:after{font-size:100px;right:-18px;opacity:.6}.continue-info h3{font-size:16px;line-height:1.6;margin:8px 0 4px}.continue-info .ml{font-size:11px}.continue-info .meta{font-size:9px;gap:8px;margin:9px 0}.continue-info .pill{font-size:7px;padding:3px 6px;letter-spacing:.2px}.continue-footer{align-items:flex-start;gap:10px;flex-direction:column}.continue-footer small{font-size:9px;line-height:1.8}.continue-footer .btn{font-size:10px;padding:8px 10px;min-height:39px}.section-head h2{font-size:18px;line-height:1.5}.section-head a{font-size:10px;text-align:right;line-height:1.7}.path-cards{grid-template-columns:1fr}.path-card{padding:20px}.path-card h3{font-size:16px;min-height:0}.path-card small{font-size:11px}.path-card .path-icon{position:absolute;right:20px;top:7px;margin:0}.path-card .progress-line{margin-top:17px}.path-card>span:first-child{display:block;margin-bottom:15px}.bottom-banner{padding:20px;flex-wrap:wrap;gap:12px}.bottom-banner>div{min-width:0;flex:1}.bottom-banner strong{font-size:14px}.bottom-banner .btn{margin:0 0 0 35px}.panel{padding:21px;border-radius:16px}.module-grid{gap:19px}.module-card h3{font-size:19px}.module-card p{font-size:13px}.module-cover .cover-label{font-size:9px}.level-tile h2{font-size:20px}.level-tile p{font-size:13px}.level-tile small{font-size:11px;line-height:1.9}.lesson-content{padding:24px 20px}.lesson-content h2{font-size:23px}.lesson-content p,.lesson-content li{font-size:14px;line-height:2.1}.lesson-hero h1{font-size:26px;line-height:1.45}.lesson-tabs{top:calc(66px + env(safe-area-inset-top))}.lesson-tabs button{font-size:12px;min-height:46px}.trainer-module{padding:21px 17px}.trainer-module h2{font-size:20px;line-height:1.55}.trainer-module-heading .eyebrow{font-size:8px}.trainer-channel{padding:17px;min-height:86px;border-radius:12px}.trainer-channel>span{font-size:14px}.trainer-channel small{font-size:11px}.trainer-module>.notice{font-size:11px}.analysis-form-panel,.analysis-results>.panel{padding:22px 20px}.analysis-intro,.office-cases-hero{padding:27px 23px;border-radius:18px}.analysis-intro h2,.office-cases-hero h2{font-size:28px}.analysis-intro p{font-size:13px}.analysis-results h2{font-size:22px}.analysis-feature-card p{font-size:13px}.analysis-upload-area{padding:17px 14px}.analysis-form-panel label{font-size:13px}.analysis-prompt,.prompt-box{font-size:13px;padding:16px}.ai-controls{gap:17px}.ai-chat-panel{padding:21px 17px}.ai-message>div{font-size:14px;line-height:2}.ai-message{padding:15px}.ai-chat-heading h2{font-size:18px}.comm-inbox,.comm-conversation,.comm-compose-panel,.comm-settings-panel{padding:22px 19px}.comm-conversation-head h2{font-size:23px}.comm-message{padding:16px}.comm-message-body{font-size:14px}.comm-intro{padding:21px}.comm-intro>p{font-size:12px;line-height:1.95}.comm-thread h3{font-size:14px}.comm-back{font-size:12px}.comm-compose-panel label,.comm-settings-panel label{font-size:13px}.comm-message-meta time{font-size:10px}.comm-delivery{font-size:10px}.access-stats>.panel{padding:18px}.access-stats strong{font-size:27px}.access-stats span{font-size:11px}.access-users-panel,.access-editor-panel{padding:22px 18px}.access-filter-tabs .filter-btn{font-size:11px;padding:9px 11px}.access-user-details>strong{font-size:14px}.access-user-details>span{font-size:12px}.access-user-details>small{font-size:10.5px}.access-permissions>label{gap:11px}.access-permissions small{font-size:11px}.access-role-guide{gap:20px}.access-info p{font-size:13px}.access-entry:has(.access-story){grid-template-columns:1fr;border-radius:20px;margin:0;box-shadow:var(--shadow)}body.access-gated main{padding:23px 16px 38px}.access-story{min-height:0;padding:27px 27px 28px}.access-entry-brand{margin:0 0 22px;font-size:23px}.access-entry-brand small{font-size:7px;margin-top:6px}.access-brand-icon{width:37px;height:39px;border-radius:11px}.access-brand-icon .ui-icon{width:22px}.access-story-label{display:none}.access-story h1{font-size:32px;line-height:1.25;letter-spacing:-1px}.access-story>p,.access-story-visual,.access-story-facts{display:none}.access-entry-form{padding:28px 26px}.access-entry-form>h2{font-size:25px;line-height:1.45}.access-entry-form>.eyebrow{font-size:8px;margin-bottom:12px}.access-entry-description{font-size:12px;line-height:1.95;margin:13px 0 22px}.access-entry-form>.btn{min-height:46px;font-size:12px}.access-entry-roles>article{padding:11px 0}.access-entry-roles h3{font-size:13px}.access-entry-roles p{font-size:11px}.access-entry-roles>article>span{width:34px;min-width:34px;height:35px}.access-signin-note{font-size:10px}.access-approval-note{font-size:10px!important;line-height:2}.mobile-bottom-nav{background:#ffffffef;border-top-color:var(--line);box-shadow:0 -4px 22px #25436c06}.mobile-bottom-nav>a.active{background:var(--accent-soft);color:var(--green)}.mobile-bottom-nav>a,.mobile-bottom-nav>button{min-height:54px;border-radius:11px}.mobile-bottom-nav>a>span:last-child,.mobile-bottom-nav>button>span:last-child{font-size:9px}.mobile-bottom-nav>a>span:first-child,.mobile-bottom-nav>button>span:first-child{font-size:21px}.ai-float{bottom:calc(82px + env(safe-area-inset-bottom));right:16px;width:45px;height:45px;border-radius:15px;padding:0;display:grid;place-items:center;font-size:21px}.ai-float span{display:none}html[data-theme=dark] .mobile-bottom-nav{background:#111d32f5}input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select{font-size:16px}input[type=checkbox],input[type=radio]{accent-color:#386ff0}label{font-size:13px}footer{font-size:10px;padding-bottom:calc(100px + env(safe-area-inset-bottom))}html{scroll-padding-top:calc(84px + env(safe-area-inset-top))}}
@media(max-width:360px){main{padding-left:13px;padding-right:13px}.topbar{padding-left:10px;padding-right:10px}.breadcrumbs strong{font-size:11px}.topactions{gap:3px}.hero{padding:26px 21px}.hero h2{font-size:32px}.hero-facts{font-size:8px;gap:7px}.hero-facts span+span{padding-left:7px}.stat{padding:15px 10px;gap:8px}.stat small{font-size:9px}.stat-icon{width:29px;height:31px}.stat strong{font-size:22px}.workspace-shortcut{padding:16px 14px}.access-entry-form{padding:27px 23px}.access-story{padding:26px 23px}.access-story h1{font-size:30px}.access-entry-form>h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.module-card:hover,.path-card:hover,.workspace-shortcut:hover,.trainer-channel:not(.disabled):hover,.btn:hover{transform:none}}
@media print{body{background:white!important}.panel,.module-card,.stat{box-shadow:none!important}.ui-icon{print-color-adjust:exact}.sidebar,.topbar,.workspace-shortcuts,.academy-loading{display:none!important}.app{margin-left:0}}
/* Navy sidebar theme: dark rail, white labels and a solid blue active item, in both light and dark modes. */
.sidebar{--s-ink:#fff;--s-muted:#b4c0d6;--s-faint:#7f8ea8;--s-line:#ffffff14;--s-hover:#ffffff0d;--line:var(--s-line);--field:var(--s-hover);background:var(--side);border-right-color:#0b1a33;color:var(--s-ink)}
.sidebar .brand{color:var(--s-ink);padding-bottom:20px;margin:0 -17px;padding-left:29px;border-bottom:1px solid var(--s-line)}
.sidebar .brand small{color:#5aa2ff}
.sidebar .workspace{background:var(--s-hover);border-color:var(--s-line);color:var(--s-ink)}
.sidebar .workspace small{color:var(--s-muted)}
.sidebar .workspace-icon{background:#1e6ef433;color:#8fbcff}
.sidebar :is(.navlabel,.nav-group-label){color:var(--s-faint)}
.sidebar #nav{scrollbar-color:#ffffff26 transparent}
.sidebar #nav>a,.sidebar #nav>a>span{color:var(--s-ink)}
.sidebar #nav>a>span{font-weight:600}
.sidebar #nav>a:hover{background:var(--s-hover);border-color:var(--s-line)}
.sidebar #nav>a.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 6px 16px #1e6ef440}
.sidebar #nav>a.active>span{color:#fff}
.sidebar #nav>a>b{background:#ffffff14;color:var(--s-muted)}
.sidebar #nav>a.active>b{background:#ffffff2e;color:#fff}
.sidebar #nav .support,html[data-theme=dark] .sidebar #nav .support{background:linear-gradient(140deg,#13284a,#0f2140);border-color:var(--s-line)}
.sidebar #nav .support:after{border-color:#5aa2ff2e}
.sidebar .support strong,html[data-theme=dark] .sidebar .support strong{color:#fff}
.sidebar .support p,html[data-theme=dark] .sidebar .support p{color:var(--s-muted)}
.sidebar .support>.support-icon,html[data-theme=dark] .sidebar .support>.support-icon{background:#1e6ef433;color:#8fbcff}
.sidebar #nav .support a,html[data-theme=dark] .sidebar #nav .support a{background:var(--accent);border-color:var(--accent);color:#fff}
.sidebar #nav .support a:hover,html[data-theme=dark] .sidebar #nav .support a:hover{background:var(--deep);border-color:var(--deep)}
.sidebar .sidebar-bottom{border-top-color:var(--s-line)}
.sidebar .settings-link,.sidebar .settings-link span,.sidebar .profile{color:var(--s-muted)}
.sidebar .profile strong{color:var(--s-ink)}
.sidebar .profile small{color:var(--s-faint)}
.sidebar .avatar{background:#1e6ef433;color:#cfe1ff;border-color:var(--side);box-shadow:0 0 0 1px var(--s-line)}
.sidebar .mobile-drawer-close{color:var(--s-ink)}

/* Dashboard polish: each card family gets a colour tone, solid icon chips and a gentle hover lift. */
.topbar{background:#fffffff2}
html[data-theme=dark] .topbar{background:#0a1120f2}
:is(.stat,.workspace-shortcut,.path-card){--tone:#1e6ef4;--tone-2:#5a9bff}
html[data-theme] :is(.stat,.workspace-shortcut,.path-card){position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}
html[data-theme] :is(.stat,.path-card):before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--tone),var(--tone-2))}
html[data-theme] :is(.stat,.workspace-shortcut,.path-card):hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--tone) 40%,transparent);box-shadow:0 14px 30px color-mix(in srgb,var(--tone) 16%,transparent)}
.stats .stat:nth-child(2),.workspace-shortcut.teal,.path-cards .path-card:nth-child(7n+3){--tone:#0d9488;--tone-2:#2dd4bf}
.stats .stat:nth-child(3),.workspace-shortcut.violet,.path-cards .path-card:nth-child(7n+2){--tone:#7c5cf0;--tone-2:#a78bfa}
.stats .stat:nth-child(4),.path-cards .path-card:nth-child(7n+4){--tone:#ea7a1a;--tone-2:#fbbf24}
.path-cards .path-card:nth-child(7n+5){--tone:#db2777;--tone-2:#f472b6}
.path-cards .path-card:nth-child(7n+6){--tone:#4f46e5;--tone-2:#818cf8}
.path-cards .path-card:nth-child(7n){--tone:#16a34a;--tone-2:#4ade80}
html[data-theme] .stats .stat .stat-icon,html[data-theme] .workspace-shortcuts .workspace-shortcut .shortcut-icon,html[data-theme] .path-cards .path-card .path-icon{background:linear-gradient(135deg,var(--tone),var(--tone-2));color:#fff;box-shadow:0 6px 14px color-mix(in srgb,var(--tone) 30%,transparent)}
.stats .stat strong{font-size:30px;font-weight:800;letter-spacing:-1.2px}
.stats .stat strong span{margin-left:3px;color:var(--muted)}
.workspace-shortcut .shortcut-arrow{display:grid;place-items:center;width:28px;height:28px;margin-left:-6px;border-radius:50%;background:color-mix(in srgb,var(--tone) 10%,transparent);color:var(--tone);transition:transform .2s}
.workspace-shortcut{grid-template-columns:40px 1fr 28px}
.workspace-shortcut:hover .shortcut-arrow{transform:translateX(3px)}
.path-cards .path-card>span:first-child{color:var(--tone)}
.path-cards .path-card .path-icon{width:42px;height:42px;border-radius:12px;font-size:20px}
.path-cards .path-card .progress-line>span{background:linear-gradient(90deg,var(--tone),var(--tone-2))}
html[data-theme] .continue-card .course-art{padding-bottom:42px;background:radial-gradient(circle at 85% 15%,#5a9bff66,transparent 55%),linear-gradient(140deg,#0b1a33,#1557d0);color:#fff;box-shadow:0 10px 24px #1557d02e}
html[data-theme] .continue-card .course-art:after{color:#ffffff1f;right:-18px;top:-6px}
.continue-card .course-art>span{color:#9cc3ff;font-weight:700}
.continue-card .course-art .artnum{background:#ffffff1f;border:1px solid #ffffff33;border-radius:99px;padding:2px 9px;font-weight:700}
.continue-card .pill{background:var(--accent-soft);color:var(--accent);border-radius:99px}
.progress-panel .ring{background:conic-gradient(var(--accent) var(--progress),var(--accent-soft) 0);box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 5%,transparent)}
html[data-theme] main .tip{background:radial-gradient(circle at 100% 0,#5a9bff40,transparent 60%),linear-gradient(150deg,#0b1a33,#13306a);border-color:#0b1a33;color:#fff}
main .tip h3{color:#fff}
main .tip p{color:#c3d3ee}
main .tip .eyebrow{color:#8fbcff}
main .tip a{color:#fff;font-weight:700}
@media(prefers-reduced-motion:reduce){html[data-theme] :is(.stat,.workspace-shortcut,.path-card):hover{transform:none}}

/* Lesson videos page: module list by level beside the selected module's uploads. */
.video-summary{margin:-4px 0 22px;padding:12px 16px;border-radius:12px;background:var(--accent-soft);color:var(--ink);font-size:13px}
.video-summary strong{color:var(--accent)}
.videos-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;align-items:start}
.video-module-nav{position:sticky;top:96px;max-height:calc(100dvh - 120px);overflow-y:auto;padding:14px;display:grid;gap:14px;scrollbar-width:thin}
.video-level{display:grid;gap:3px}
.video-level>.eyebrow{font-size:9px;letter-spacing:1.4px;color:var(--accent);padding:0 8px}
.video-level>strong{font-size:12.5px;padding:0 8px 4px;color:var(--ink)}
.video-module-link{display:grid;grid-template-columns:26px 1fr auto;gap:8px;align-items:center;padding:8px;border-radius:10px;font-size:12.5px;color:var(--ink);line-height:1.4}
.video-module-link:hover{background:var(--field)}
.video-module-link>span{min-width:0;white-space:normal;overflow-wrap:anywhere;color:inherit}
html[data-theme] .video-module-link.active{background:var(--accent);color:#fff;box-shadow:none;border-color:transparent}
.video-module-link.active>span{color:#fff}
.video-module-num{font-size:10px;font-weight:700;color:var(--muted)}
.video-module-link.active .video-module-num{color:#cfe1ff}
.video-module-link b{min-width:24px;text-align:center;border-radius:99px;padding:1px 7px;font-size:10px;background:var(--field);color:var(--muted)}
.video-module-link b.has-videos{background:#16a34a1f;color:#15803d}
html[data-theme] .video-module-link.active b{background:#ffffff2e;color:#fff}
.video-module-select{display:none}
.video-module-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;margin-bottom:18px}
.video-module-head h2{font-size:22px;margin-top:4px}
.video-module-panel .module-upload-section{margin-top:0}
html[data-theme=dark] .video-module-link b.has-videos{background:#16a34a33;color:#86efac}
@media(max-width:1024px){.videos-layout{grid-template-columns:240px minmax(0,1fr)}}