:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg-app:#f6f7f9;--color-bg-subtle:#f9fafb;--color-surface:#fff;--color-surface-hover:#f2f5f7;--color-surface-selected:#e9f7f5;--color-surface-inverse:#10212b;--color-surface-inverse-raised:#17313c;--color-text:#111827;--color-text-soft:#334155;--color-text-muted:#64748b;--color-text-subtle:#94a3b8;--color-text-inverse:#f8fafc;--color-text-inverse-muted:#b8c7d0;--color-border:#d9e1e7;--color-border-soft:#e6edf1;--color-border-strong:#c5d1da;--color-primary:#0f8b86;--color-primary-hover:#0b6f6b;--color-primary-soft:#e4f6f3;--color-primary-pressed:#074f4c;--color-secondary:#5b5bd6;--color-secondary-hover:#4744b8;--color-secondary-soft:#eef;--color-purple:#7c3aed;--color-purple-soft:#f3edff;--color-success:#11845b;--color-success-soft:#e7f6ee;--color-warning:#b7791f;--color-warning-soft:#fff4df;--color-critical:#bf4e4e;--color-critical-soft:#fdecec;--color-info:#3167b7;--color-info-soft:#ebf2ff;--color-neutral:#51606d;--color-neutral-soft:#eef2f5;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:16px;--radius-2xl:20px;--radius-full:999px;--shadow-xs:0 1px 1px #1118270a;--shadow-sm:0 1px 2px #1118270f, 0 1px 1px #1118270a;--shadow-md:0 12px 34px #11182714;--shadow-popover:0 20px 60px #11182724;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-11:11px;--font-size-12:12px;--font-size-13:13px;--font-size-14:14px;--font-size-15:15px;--font-size-16:16px;--font-size-18:18px;--font-size-20:20px;--font-size-24:24px;--font-size-30:30px;--font-size-34:34px;--line-tight:1.18;--line-heading:1.3;--line-body:1.6;--font-medium:560;--font-semibold:650;--font-bold:750;--font-extrabold:820;--z-base:0;--z-sticky:20;--z-drawer:40;--z-popover:50;--z-toast:60;--layout-sidebar:286px;--layout-right-panel:320px;--layout-topbar:72px;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg-app);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:where(a,button,input,select,textarea):focus-visible{outline-offset:2px;outline:3px solid #0f8b863d}:where(button,input,select,textarea){font-family:inherit}.assessment-page,.assessment-detail-page{gap:var(--space-5);flex-direction:column;display:flex}.assessment-summary-grid{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.assessment-summary-card{gap:var(--space-3);min-height:118px;padding:var(--space-5);display:grid}.assessment-summary-card svg{color:var(--color-primary-hover)}.assessment-summary-card span,.assessment-filter-heading span,.assessment-card-body>span,.assessment-meta-grid dt,.assessment-test-title p,.assessment-header-metric span,.assessment-timer span,.assessment-question-head span,.assessment-question-prompt span,.assessment-section-item small,.assessment-legend,.assessment-result-panel p{color:var(--color-text-muted);font-size:var(--font-size-13);font-weight:var(--font-semibold)}.assessment-summary-card strong{color:var(--color-text);font-size:var(--font-size-30);font-weight:var(--font-extrabold);line-height:1}.assessment-filter-card{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);display:flex}.assessment-filter-heading strong{color:var(--color-text);font-size:var(--font-size-15);display:block}.assessment-filter-heading span{margin-top:3px;display:block}.assessment-list-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.assessment-card{gap:var(--space-4);flex-direction:column;min-height:330px;display:flex}.assessment-card-top,.assessment-card-footer,.assessment-question-head,.assessment-question-actions,.assessment-result-head,.assessment-result-actions{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.assessment-card-top>div,.assessment-badge-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.assessment-card-icon{border-radius:var(--radius-lg);width:42px;height:42px;color:var(--color-primary-hover);background:var(--color-primary-soft);place-items:center;display:grid}.assessment-card-body{gap:var(--space-2);display:grid}.assessment-card-body h2,.assessment-question-head h2,.assessment-result-panel h2{color:var(--color-text);font-size:var(--font-size-20);line-height:var(--line-heading);margin:0}.assessment-card-body p,.assessment-section-item p,.assessment-instruction-list p{color:var(--color-text-muted);font-size:var(--font-size-14);line-height:var(--line-body);margin:0}.assessment-meta-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.assessment-meta-grid div{gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-bg-subtle);display:grid}.assessment-meta-grid dt,.assessment-meta-grid dd{margin:0}.assessment-meta-grid dd{align-items:center;gap:var(--space-1);color:var(--color-text);font-size:var(--font-size-14);font-weight:var(--font-bold);display:inline-flex}.assessment-card-footer{margin-top:auto}.assessment-card-footer .progress-bar{max-width:150px}.assessment-breadcrumb{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-13);font-weight:var(--font-bold);flex-wrap:wrap;display:flex}.assessment-breadcrumb a,.assessment-back-link{color:var(--color-primary-hover);text-decoration:none}.assessment-test-header{gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(460px,.82fr);align-items:stretch;display:grid}.assessment-test-title{gap:var(--space-4);min-width:0;display:grid}.assessment-back-link{align-items:center;gap:var(--space-2);width:fit-content;font-size:var(--font-size-13);font-weight:var(--font-bold);display:inline-flex}.assessment-test-title h1{margin:var(--space-3) 0 var(--space-2);color:var(--color-text);font-size:var(--font-size-30);line-height:var(--line-tight);letter-spacing:0}.assessment-test-title p{max-width:760px;line-height:var(--line-body);margin:0}.assessment-test-controls{gap:var(--space-3);grid-template-columns:1fr 1.2fr .8fr .8fr;align-items:stretch;display:grid}.assessment-test-controls .button{grid-column:1/-1}.assessment-timer,.assessment-header-metric{gap:var(--space-2);min-height:76px;padding:var(--space-3);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background:var(--color-bg-subtle);align-content:center;display:grid}.assessment-timer{color:var(--color-primary-hover)}.assessment-timer strong,.assessment-header-metric strong{color:var(--color-text);font-size:var(--font-size-20);font-weight:var(--font-extrabold);line-height:1}.assessment-test-grid{gap:var(--space-5);grid-template-columns:minmax(0,1fr) 340px;align-items:start;display:grid}.assessment-test-main,.assessment-test-sidebar,.assessment-section-list,.assessment-result-grid,.assessment-answer-review,.assessment-competency-list,.assessment-instruction-list{gap:var(--space-4);display:grid}.assessment-test-sidebar{top:calc(var(--layout-topbar) + var(--space-5));position:sticky}.assessment-question-card{gap:var(--space-5);display:grid}.assessment-question-head{padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-soft);align-items:flex-start}.assessment-question-head .button{white-space:nowrap;flex-shrink:0;min-width:172px}.assessment-question-head p{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--font-size-14);line-height:var(--line-body)}.assessment-question-body{gap:var(--space-4);display:grid}.assessment-question-prompt{gap:var(--space-2);display:grid}.assessment-question-prompt h3{color:var(--color-text);font-size:var(--font-size-24);line-height:var(--line-heading);letter-spacing:0;margin:0}.assessment-option-list{gap:var(--space-3);display:grid}.assessment-option{gap:var(--space-3);min-height:62px;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);background:var(--color-surface);text-align:left;grid-template-columns:38px minmax(0,1fr);align-items:center;transition:border-color .16s,background .16s,transform .16s;display:grid}.assessment-option:not(:disabled):hover{background:var(--color-primary-soft);border-color:#b9e4dd;transform:translateY(-1px)}.assessment-option>span{border-radius:var(--radius-full);width:34px;height:34px;color:var(--color-text-muted);background:var(--color-neutral-soft);font-weight:var(--font-extrabold);place-items:center;display:grid}.assessment-option p{font-size:var(--font-size-14);font-weight:var(--font-semibold);line-height:var(--line-body);margin:0}.assessment-option.is-selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.assessment-option.is-selected>span,.assessment-option.is-correct>span{color:var(--color-text-inverse);background:var(--color-primary)}.assessment-option.is-wrong{background:var(--color-critical-soft);border-color:#bf4e4e57}.assessment-option.is-wrong>span{color:var(--color-critical);background:#fff}.assessment-text-answer{resize:vertical;min-height:142px;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);background:var(--color-surface);font:inherit;outline:0}.assessment-text-answer:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0f8b861f}.assessment-explanation{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);color:var(--color-info);background:var(--color-info-soft);border:1px solid #3167b729;grid-template-columns:24px minmax(0,1fr);display:grid}.assessment-explanation strong{color:var(--color-text)}.assessment-explanation p{margin:var(--space-1) 0 0;color:var(--color-text-soft);font-size:var(--font-size-14);line-height:var(--line-body)}.assessment-question-actions{padding-top:var(--space-4);border-top:1px solid var(--color-border-soft)}.assessment-section-card .section-heading{margin-bottom:var(--space-4)}.assessment-section-list{grid-template-columns:repeat(3,minmax(0,1fr))}.assessment-section-item{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-subtle);grid-template-columns:40px minmax(0,1fr);display:grid}.assessment-section-item.is-active{background:var(--color-secondary-soft);border-color:#5b5bd65c}.assessment-section-item>span{border-radius:var(--radius-lg);width:38px;height:38px;color:var(--color-primary-hover);background:var(--color-surface);place-items:center;display:grid}.assessment-section-item strong{color:var(--color-text);font-size:var(--font-size-14)}.assessment-section-item small{margin-top:var(--space-2);display:block}.assessment-side-card{padding:var(--space-4)}.assessment-question-grid{gap:var(--space-2);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.assessment-question-number{border:1px solid var(--color-border);border-radius:var(--radius-md);height:38px;color:var(--color-text-muted);background:var(--color-surface);font-weight:var(--font-bold);place-items:center;display:grid}.assessment-question-number.is-active{border-color:var(--color-secondary);color:var(--color-secondary-hover);background:var(--color-secondary-soft)}.assessment-question-number.is-answered{color:var(--color-success);background:var(--color-success-soft);border-color:#11845b3d}.assessment-question-number.is-marked{box-shadow:inset 0 -3px 0 var(--color-warning)}.assessment-legend{gap:var(--space-2);margin-top:var(--space-4);display:grid}.assessment-legend span{align-items:center;gap:var(--space-2);display:inline-flex}.assessment-legend i{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);width:12px;height:12px;display:inline-block}.assessment-legend i.is-answered{border-color:var(--color-success);background:var(--color-success-soft)}.assessment-legend i.is-marked{border-color:var(--color-warning);background:var(--color-warning-soft)}.assessment-competency-list span,.assessment-instruction-list p{align-items:flex-start;gap:var(--space-2);display:inline-flex}.assessment-competency-list span{border-radius:var(--radius-full);width:fit-content;color:var(--color-primary-hover);background:var(--color-primary-soft);font-size:var(--font-size-13);font-weight:var(--font-bold);padding:8px 10px}.assessment-instruction-list svg,.assessment-competency-list svg{flex-shrink:0;margin-top:2px}.assessment-result-panel{gap:var(--space-5);background:radial-gradient(circle at 96% 0%, #0f8b861f, transparent 28%), var(--color-surface);border-color:#0f8b8633;display:grid}.assessment-result-head{justify-content:flex-start}.assessment-result-head p{max-width:680px;margin:var(--space-2) 0 0;line-height:var(--line-body)}.assessment-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.assessment-result-grid article{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background:#ffffffbd;display:grid}.assessment-result-grid svg{color:var(--color-primary-hover)}.assessment-result-grid strong,.assessment-answer-review strong{color:var(--color-text)}.assessment-result-grid ul{gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-14);line-height:var(--line-body);margin:0;padding-left:18px;display:grid}.assessment-answer-review article{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background:var(--color-bg-subtle);grid-template-columns:auto minmax(0,1fr);display:grid}.assessment-answer-review p{margin:var(--space-1) 0 0;line-height:var(--line-body)}.assessment-result-actions{justify-content:flex-end}.assessment-action-feedback{border-radius:var(--radius-lg);width:fit-content;color:var(--color-primary-pressed);background:var(--color-primary-soft);font-size:var(--font-size-13);font-weight:var(--font-bold);border:1px solid #0f8b862e;margin:0;padding:9px 12px}@media (width<=1280px){.assessment-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.assessment-test-header,.assessment-test-grid{grid-template-columns:1fr}.assessment-test-sidebar{grid-template-columns:repeat(3,minmax(0,1fr));position:static}}@media (width<=980px){.assessment-summary-grid,.assessment-list-grid,.assessment-section-list,.assessment-result-grid,.assessment-test-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.assessment-filter-card,.assessment-card-footer,.assessment-question-head,.assessment-result-head{flex-direction:column;align-items:flex-start}.assessment-test-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.assessment-summary-grid,.assessment-list-grid,.assessment-section-list,.assessment-result-grid,.assessment-test-sidebar,.assessment-test-controls,.assessment-meta-grid{grid-template-columns:1fr}.assessment-card-footer,.assessment-card-footer .button,.assessment-filter-card .filter-chip-row,.assessment-question-actions,.assessment-question-actions .button,.assessment-result-actions,.assessment-result-actions .button{width:100%}.assessment-card-footer .progress-bar{max-width:none}.assessment-question-prompt h3,.assessment-test-title h1{font-size:var(--font-size-24)}.assessment-option,.assessment-answer-review article{grid-template-columns:1fr}.assessment-question-actions,.assessment-result-actions{flex-direction:column;align-items:stretch}}.admin-page{gap:var(--space-5);flex-direction:column;display:flex}.admin-toolbar,.admin-filter-row,.admin-quick-actions,.admin-section-head,.admin-table-row,.admin-drawer-head,.admin-modal-actions{align-items:center;gap:var(--space-3);display:flex}.admin-toolbar{padding:var(--space-4);justify-content:space-between}.admin-filter-row{flex-wrap:wrap}.admin-quick-actions{flex-wrap:wrap;justify-content:flex-end}.admin-kpi-grid{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.admin-kpi-card{gap:var(--space-3);min-height:126px;padding:var(--space-5);grid-template-columns:46px minmax(0,1fr);display:grid}.admin-kpi-card>span{border-radius:var(--radius-xl);width:46px;height:46px;color:var(--color-primary-hover);background:var(--color-primary-soft);place-items:center;display:grid}.admin-kpi-card p,.admin-kpi-card small,.admin-table-row small,.admin-export-message,.admin-side-panel p,.admin-drawer-card p,.admin-action-modal p,.admin-modal-preview span{color:var(--color-text-muted);font-size:var(--font-size-13);font-weight:var(--font-semibold);line-height:var(--line-body);margin:0}.admin-kpi-card strong{margin:var(--space-2) 0;color:var(--color-text);font-size:var(--font-size-30);font-weight:var(--font-extrabold);line-height:1;display:block}.admin-workspace-grid{gap:var(--space-5);align-items:start;display:grid}.admin-table-card{grid-column:1/-1}.admin-panel-grid{grid-column:1}.admin-main-stack,.admin-course-list,.admin-review-list,.admin-low-module-list{gap:var(--space-4);display:grid}.admin-section-head{margin-bottom:var(--space-4);justify-content:space-between}.admin-section-head span,.admin-drawer-metrics span{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-bold)}.admin-section-head h2,.admin-drawer-head h2,.admin-action-modal h2,.admin-drawer-card h3{color:var(--color-text);font-size:var(--font-size-20);line-height:var(--line-heading);margin:4px 0 0}.admin-table-card{overflow:hidden}.admin-table-card .tabs{width:fit-content;margin-bottom:var(--space-4)}.admin-export-message{margin:0 0 var(--space-3);color:var(--color-primary-hover)}.admin-table{border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);overflow-x:auto}.admin-table-header,.admin-table-row{gap:var(--space-3);grid-template-columns:minmax(184px,1.25fr) 96px minmax(126px,.9fr) 104px 104px minmax(112px,.8fr) 88px 72px minmax(196px,1.15fr);align-items:center;min-width:1180px;display:grid}.admin-table-header{padding:var(--space-3) var(--space-4);color:var(--color-text-muted);background:var(--color-bg-subtle);font-size:var(--font-size-12);font-weight:var(--font-bold)}.admin-table-body{display:grid}.admin-table-row{width:100%;padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border-soft);color:var(--color-text-soft);background:var(--color-surface);text-align:left;font:inherit;font-size:var(--font-size-13);font-weight:var(--font-semibold)}.admin-table-row>span,.admin-table-row>button,.admin-table-header>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.admin-table-row:hover{background:var(--color-surface-hover)}.admin-table-pagination{color:var(--color-text-muted);font-size:var(--font-size-13);margin-top:var(--space-4);justify-content:space-between;align-items:center;display:flex}.admin-table-pagination div{align-items:center;gap:var(--space-2);display:flex}.admin-learner-cell{align-items:center;gap:var(--space-3);display:flex}.admin-learner-open-button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.admin-learner-open-button:hover strong{color:var(--color-primary-hover)}.admin-learner-summary{gap:4px;display:grid}.admin-learner-cell strong{color:var(--color-text);font-size:var(--font-size-14);display:block}.admin-progress-cell{gap:var(--space-2);display:grid}.admin-progress-cell strong{color:var(--color-text)}.admin-risk-pill{border-radius:var(--radius-full);width:fit-content;color:var(--color-success);background:var(--color-success-soft);font-size:var(--font-size-12);font-weight:var(--font-bold);justify-content:center;align-items:center;padding:4px 8px;display:inline-flex}.admin-risk-pill.is-medium{color:var(--color-warning);background:var(--color-warning-soft)}.admin-risk-pill.is-high{color:var(--color-critical);background:var(--color-critical-soft)}.admin-table-actions{align-items:center;gap:var(--space-1);flex-wrap:wrap;min-width:0;display:flex}.admin-table-actions .button{gap:var(--space-1);min-height:30px;font-size:var(--font-size-12);white-space:nowrap;padding:0 6px}.admin-panel-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.admin-course-list article,.admin-review-list article,.admin-low-module-list article{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background:var(--color-bg-subtle);display:grid}.admin-course-list article{grid-template-columns:40px minmax(0,1fr)}.admin-course-list article>span,.admin-modal-icon{border-radius:var(--radius-lg);width:38px;height:38px;color:var(--color-primary-hover);background:var(--color-primary-soft);place-items:center;display:grid}.admin-course-list strong,.admin-review-list strong,.admin-low-module-list strong,.admin-modal-preview strong{color:var(--color-text);font-size:var(--font-size-14);line-height:var(--line-heading);display:block}.admin-review-list article{grid-template-columns:auto minmax(0,1fr)}.admin-side-panel{min-width:0}.admin-low-module-list article{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.admin-low-module-list article>span{color:var(--color-primary-hover);font-size:var(--font-size-13);font-weight:var(--font-extrabold)}.admin-wide-panel{grid-column:1/-1}.admin-low-module-list article{background:var(--color-surface)}.admin-drawer-backdrop,.admin-modal-backdrop{z-index:var(--z-drawer);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a57;position:fixed;inset:0}.admin-learner-drawer{gap:var(--space-4);width:min(440px,100vw);height:100vh;padding:var(--space-6);border-left:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-popover);flex-direction:column;display:flex;position:fixed;top:0;right:0;overflow-y:auto}.admin-drawer-head{align-items:flex-start}.admin-drawer-head p{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--font-size-14)}.admin-drawer-metrics{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.admin-drawer-metrics article{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background:var(--color-bg-subtle);display:grid}.admin-drawer-metrics strong{color:var(--color-text);font-size:var(--font-size-20);font-weight:var(--font-extrabold)}.admin-drawer-card{gap:var(--space-3);padding:var(--space-4);display:grid}.admin-drawer-card h3{font-size:var(--font-size-16)}.admin-drawer-badges{gap:var(--space-2);flex-wrap:wrap;display:flex}.admin-drawer-badges>span:not(.badge){color:var(--color-text-muted);font-size:var(--font-size-13)}.admin-drawer-actions{gap:var(--space-3);margin-top:auto;display:grid}.admin-action-modal{gap:var(--space-4);width:min(460px,100vw - 32px);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-2xl);background:var(--color-surface);box-shadow:var(--shadow-popover);display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.admin-action-modal h2{font-size:var(--font-size-24)}.admin-modal-preview{gap:var(--space-1);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-secondary-soft);border:1px solid #5b5bd62e;display:grid}.admin-modal-actions{justify-content:flex-end}.admin-card-actions{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.admin-crud-drawer{border-left:1px solid var(--color-border);background:var(--color-surface);width:min(720px,100vw);height:100vh;box-shadow:var(--shadow-popover);flex-direction:column;display:flex;position:fixed;top:0;right:0;overflow:hidden}.admin-crud-head,.admin-crud-actions{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-soft);display:flex}.admin-crud-head span{color:var(--color-primary-hover);font-size:var(--font-size-12);font-weight:var(--font-extrabold);text-transform:uppercase}.admin-crud-head h2,.admin-confirm-dialog h2{margin:var(--space-1) 0;color:var(--color-text);font-size:var(--font-size-24);line-height:var(--line-heading)}.admin-crud-head p,.admin-confirm-dialog p{color:var(--color-text-muted);font-size:var(--font-size-14);line-height:var(--line-body);margin:0}.admin-close-button{border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);width:38px;height:38px;color:var(--color-text-muted);background:var(--color-surface);cursor:pointer;flex:none;place-items:center;display:grid}.admin-close-button:hover{color:var(--color-text);background:var(--color-surface-hover)}.admin-crud-body{gap:var(--space-5);padding:var(--space-5) var(--space-6);background:var(--color-bg);display:grid;overflow-y:auto}.admin-crud-actions{border-top:1px solid var(--color-border-soft);background:var(--color-surface);border-bottom:0;margin-top:auto}.admin-form-section{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);background:var(--color-surface);margin:0;display:grid}.admin-form-section legend{padding:0 var(--space-2);color:var(--color-text);font-size:var(--font-size-16);font-weight:var(--font-extrabold);gap:3px;display:grid}.admin-form-section legend span{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-semibold)}.admin-form-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.admin-form-field,.admin-checkbox-field{gap:var(--space-2);min-width:0;color:var(--color-text);font-size:var(--font-size-13);font-weight:var(--font-bold);display:grid}.admin-form-field.is-wide{grid-column:1/-1}.admin-form-field input,.admin-form-field select,.admin-form-field textarea{border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;color:var(--color-text);background:var(--color-surface);font:inherit;font-size:var(--font-size-14)}.admin-form-field input,.admin-form-field select{height:42px;padding:0 var(--space-3)}.admin-form-field textarea{min-height:96px;padding:var(--space-3);line-height:var(--line-body);resize:vertical}.admin-form-field small{color:var(--color-critical);font-size:var(--font-size-12);font-weight:var(--font-semibold)}.admin-checkbox-field{min-height:42px;padding:0 var(--space-3);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background:var(--color-bg-subtle);align-self:end;align-items:center;display:flex}.admin-checkbox-field input{width:16px;height:16px;accent-color:var(--color-primary)}.admin-confirm-dialog{gap:var(--space-4);width:min(440px,100vw - 32px);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-2xl);background:var(--color-surface);box-shadow:var(--shadow-popover);display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.admin-danger-icon{border-radius:var(--radius-xl);width:42px;height:42px;color:var(--color-critical);background:var(--color-critical-soft);place-items:center;display:grid}.admin-toast{right:var(--space-6);bottom:var(--space-6);z-index:var(--z-toast);align-items:center;gap:var(--space-3);max-width:min(420px,100vw - 32px);padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);color:var(--color-success);background:var(--color-surface);box-shadow:var(--shadow-popover);font-size:var(--font-size-14);font-weight:var(--font-bold);border:1px solid #0f8b8638;display:flex;position:fixed}.admin-toast.is-error{color:var(--color-critical);border-color:#bf303038}@media (width<=1280px){.admin-kpi-grid,.admin-panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-main-stack,.admin-panel-grid{grid-column:1/-1}}@media (width<=980px){.admin-toolbar,.admin-section-head{flex-direction:column;align-items:stretch}.admin-quick-actions,.admin-quick-actions .button,.admin-filter-row,.admin-filter-row .select-field,.admin-section-head .button{width:100%}.admin-crud-drawer{width:100vw}}@media (width<=620px){.admin-kpi-grid,.admin-workspace-grid,.admin-panel-grid,.admin-drawer-metrics,.admin-kpi-card,.admin-course-list article,.admin-review-list article,.admin-low-module-list article{grid-template-columns:1fr}.admin-table-card .tabs{scrollbar-width:none;flex-wrap:nowrap;width:100%;overflow-x:auto}.admin-table-card .tabs::-webkit-scrollbar{display:none}.admin-modal-actions,.admin-modal-actions .button{width:100%}.admin-modal-actions{flex-direction:column;align-items:stretch}.admin-crud-head,.admin-crud-actions{padding:var(--space-4);flex-direction:column;align-items:stretch}.admin-crud-body{padding:var(--space-4)}.admin-form-grid{grid-template-columns:1fr}.admin-form-section{padding:var(--space-4)}}.profile-page{gap:var(--space-5);flex-direction:column;display:flex}.profile-hero{gap:var(--space-6);background:radial-gradient(circle at 94% 6%, #0f8b861f, transparent 28%), linear-gradient(135deg, var(--color-surface), #f7fbfa);grid-template-columns:minmax(0,1fr) minmax(460px,.9fr);align-items:center;display:grid;overflow:hidden}.profile-hero-main,.profile-status-row,.profile-hero-meta,.profile-section-head,.profile-xp-pill,.profile-timeline article,.profile-note-list article,.profile-settings-list h3{align-items:center;gap:var(--space-3);display:flex}.profile-hero-main{align-items:flex-start}.profile-status-row{flex-wrap:wrap}.profile-hero h1{margin:var(--space-3) 0 var(--space-1);color:var(--color-text);font-size:var(--font-size-34);line-height:var(--line-tight);letter-spacing:0}.profile-hero p,.profile-roadmap-content p,.profile-awards-grid p,.profile-timeline p,.profile-note-list p,.profile-settings-list p{color:var(--color-text-muted);font-size:var(--font-size-14);line-height:var(--line-body);margin:0}.profile-hero-meta{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.profile-hero-meta article,.profile-roadmap-meta article,.profile-overview-card,.profile-settings-list section{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background:#ffffffbd;display:grid}.profile-hero-meta span,.profile-overview-card p,.profile-overview-card small,.profile-section-head span,.profile-roadmap-meta span,.profile-stage-list small,.profile-course-row small,.profile-note-list small,.profile-settings-list span{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-bold)}.profile-hero-meta strong,.profile-roadmap-meta strong,.profile-stage-list strong,.profile-course-row strong,.profile-awards-grid strong,.profile-timeline strong,.profile-note-list strong,.profile-settings-list strong{color:var(--color-text);font-size:var(--font-size-14);line-height:var(--line-heading)}.profile-hero-meta small{color:var(--color-text-muted);font-size:var(--font-size-12);line-height:var(--line-body)}.profile-overview-grid{gap:var(--space-4);scroll-margin-top:calc(var(--layout-topbar) + var(--space-4));grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.profile-overview-card{min-height:124px;padding:var(--space-4);grid-template-columns:42px minmax(0,1fr);align-items:center}.profile-overview-card>span,.profile-timeline article>span,.profile-certificate-list svg,.profile-badge-list svg,.profile-note-list svg{border-radius:var(--radius-lg);width:38px;height:38px;color:var(--color-primary-hover);background:var(--color-primary-soft);place-items:center;display:grid}.profile-overview-card strong{margin:var(--space-1) 0;color:var(--color-text);font-size:var(--font-size-24);font-weight:var(--font-extrabold);line-height:1;display:block}.profile-main-grid{gap:var(--space-5);grid-template-columns:minmax(0,1fr) 350px;align-items:start;display:grid}.profile-main-stack,.profile-side-stack,.profile-stage-list,.profile-course-list,.profile-certificate-list,.profile-badge-list,.profile-timeline,.profile-note-list,.profile-settings-list{gap:var(--space-4);display:grid}.profile-side-stack{top:calc(var(--layout-topbar) + var(--space-5));position:sticky}.profile-section-head{margin-bottom:var(--space-4);justify-content:space-between}.profile-section-head h2,.profile-course-group h3,.profile-awards-grid h3,.profile-note-section h3{color:var(--color-text);font-size:var(--font-size-20);line-height:var(--line-heading);margin:4px 0 0}.profile-roadmap-content{gap:var(--space-5);grid-template-columns:minmax(0,.9fr) minmax(320px,1fr);align-items:start;display:grid}.profile-roadmap-meta{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.profile-stage-list article{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background:var(--color-bg-subtle);grid-template-columns:34px minmax(0,1fr);align-items:center;display:grid}.profile-stage-list article.is-active{background:var(--color-secondary-soft);border-color:#5b5bd65c}.profile-stage-list article>span:not(.badge){border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-primary-hover);background:var(--color-surface);font-weight:var(--font-extrabold);place-items:center;display:grid}.profile-stage-list article .badge{grid-column:2;justify-self:start}.profile-course-groups,.profile-awards-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.profile-awards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-course-group,.profile-awards-grid section{min-width:0}.profile-course-row{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background:var(--color-bg-subtle);grid-template-columns:44px minmax(0,1fr);text-decoration:none;display:grid}.profile-course-row:hover{background:var(--color-primary-soft);border-color:#b9e4dd}.profile-course-thumb{border-radius:var(--radius-lg);width:44px;height:44px;color:var(--color-primary-hover);background:var(--color-primary-soft);place-items:center;display:grid}.profile-course-thumb.is-indigo,.profile-course-thumb.is-purple{color:var(--color-secondary-hover);background:var(--color-secondary-soft)}.profile-course-thumb.is-blue{color:var(--color-info);background:var(--color-info-soft)}.profile-course-thumb.is-amber{color:var(--color-warning);background:var(--color-warning-soft)}.profile-action-feedback{border-radius:var(--radius-lg);width:fit-content;color:var(--color-primary-pressed);background:var(--color-primary-soft);font-size:var(--font-size-13);font-weight:var(--font-bold);border:1px solid #0f8b862e;margin:0;padding:9px 12px}.profile-course-row .progress-bar{margin-top:var(--space-2)}.profile-xp-pill{border-radius:var(--radius-full);width:fit-content;color:var(--color-primary-hover);background:var(--color-primary-soft);font-size:var(--font-size-13);font-weight:var(--font-bold);padding:8px 11px}.profile-certificate-list button,.profile-badge-list button{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);color:inherit;background:var(--color-bg-subtle);text-align:left;grid-template-columns:38px minmax(0,1fr);transition:border-color .16s,background .16s,transform .16s;display:grid}.profile-certificate-list button:hover,.profile-badge-list button:hover{background:var(--color-primary-soft);border-color:#0f8b863d;transform:translateY(-1px)}.profile-award-backdrop{z-index:var(--z-drawer);padding:var(--space-5);background:#11182761;place-items:center;display:grid;position:fixed;inset:0}.profile-award-modal{gap:var(--space-3);width:min(440px,100%);padding:var(--space-6);border:1px solid var(--color-border-soft);border-radius:var(--radius-2xl);background:var(--color-surface);box-shadow:var(--shadow-popover);display:grid}.profile-award-modal-icon{border-radius:var(--radius-xl);width:52px;height:52px;color:var(--color-primary-hover);background:var(--color-primary-soft);place-items:center;display:grid}.profile-award-modal h2,.profile-award-modal p{margin:0}.profile-award-modal h2{color:var(--color-text);font-size:var(--font-size-24);line-height:var(--line-heading)}.profile-award-modal p{color:var(--color-text-muted);line-height:var(--line-body)}.profile-award-modal>strong{color:var(--color-text)}.profile-award-modal-actions{margin-top:var(--space-2);justify-content:flex-end;display:flex}.profile-password-backdrop{z-index:var(--z-modal);padding:var(--space-5);background:#11182761;place-items:center;display:grid;position:fixed;inset:0}.profile-password-modal{gap:var(--space-4);width:min(460px,100%);padding:var(--space-5);border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-popover);display:grid}.profile-password-modal header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.profile-password-modal header span{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-bold)}.profile-password-modal h2{color:var(--color-text);font-size:var(--font-size-20);margin:3px 0 0}.profile-password-modal header button{border:1px solid var(--color-border-soft);border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-muted);background:var(--color-surface);place-items:center;font-size:20px;display:grid}.profile-password-modal label{gap:var(--space-2);color:var(--color-text-soft);font-size:var(--font-size-13);font-weight:var(--font-bold);display:grid}.profile-password-modal input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-height:42px;font:inherit;padding:10px 12px}.profile-password-actions{justify-content:flex-end;gap:var(--space-3);display:flex}.profile-timeline article{padding:var(--space-3);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background:var(--color-bg-subtle);grid-template-columns:38px minmax(0,1fr) auto;align-items:start;display:grid}.profile-timeline time{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-bold);white-space:nowrap}.profile-notes-card,.profile-settings-card{padding:var(--space-4)}.profile-note-section+.profile-note-section{margin-top:var(--space-5)}.profile-note-section h3{margin-bottom:var(--space-3);font-size:var(--font-size-16)}.profile-note-list article{padding:var(--space-3);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background:var(--color-bg-subtle);align-items:flex-start}.profile-note-list svg{flex-shrink:0}.profile-settings-list h3{margin:0 0 var(--space-2);color:var(--color-text);font-size:var(--font-size-15)}.profile-settings-list section{background:var(--color-bg-subtle)}.profile-settings-list section div{justify-content:space-between;gap:var(--space-3);display:flex}@media (width<=1280px){.profile-hero,.profile-main-grid{grid-template-columns:1fr}.profile-side-stack{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.profile-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=980px){.profile-hero-meta,.profile-roadmap-content,.profile-course-groups,.profile-awards-grid,.profile-side-stack{grid-template-columns:1fr}.profile-section-head{flex-direction:column;align-items:flex-start}}@media (width<=620px){.profile-overview-grid,.profile-roadmap-meta{grid-template-columns:1fr}.profile-hero-main,.profile-timeline article,.profile-settings-list section div{flex-direction:column;align-items:flex-start}.profile-stage-list article,.profile-course-row,.profile-certificate-list button,.profile-badge-list button{grid-template-columns:1fr}.profile-hero h1{font-size:var(--font-size-30)}}.auth-layout{background:radial-gradient(circle at 72% 14%, #0f8b8614, transparent 30%), linear-gradient(180deg, #fbfdfd 0%, var(--color-bg-app) 100%), var(--color-bg-app);grid-template-columns:minmax(360px,48fr) minmax(420px,52fr);min-height:100vh;display:grid;overflow-x:clip}.auth-brand-panel{min-width:0;color:var(--color-text-inverse);background:linear-gradient(145deg,#10212b 0%,#0b6f6b 58%,#d4f5ed 100%);display:flex;position:relative;overflow:hidden}.auth-brand-panel:before{content:"";opacity:.16;background-color:#0000;background-image:linear-gradient(90deg,#ffffff0f 1px,#0000 1px),linear-gradient(#ffffff0d 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:56px 56px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.auth-brand-inner{z-index:1;align-content:space-between;gap:clamp(28px,4vw,48px);width:100%;min-height:100vh;padding:clamp(30px,4.6vw,60px);display:grid;position:relative}.auth-logo{align-items:center;gap:var(--space-3);width:fit-content;display:inline-flex}.auth-logo-mark{width:48px;height:48px;color:var(--color-text-inverse);background:linear-gradient(135deg, var(--color-primary), #14b8a6);border:1px solid #ffffff29;border-radius:14px;place-items:center;display:grid;box-shadow:0 14px 32px #064e4b52}.auth-logo strong,.auth-logo span{display:block}.auth-logo strong{color:var(--color-text-inverse);font-size:var(--font-size-16);font-weight:var(--font-bold);line-height:var(--line-heading)}.auth-logo span{color:#f8fafcb8;font-size:var(--font-size-12);font-weight:var(--font-semibold);margin-top:2px}.auth-hero-content{gap:var(--space-4);max-width:660px;display:grid}.auth-hero-content h1{color:var(--color-text-inverse);font-size:clamp(36px,4.35vw,58px);font-weight:var(--font-extrabold);letter-spacing:0;margin:0;line-height:1.04}.auth-hero-content h1 span{display:block}.auth-hero-content p{color:#f8fafcd1;max-width:560px;font-size:var(--font-size-16);font-weight:var(--font-medium);line-height:var(--line-body);margin:0}.auth-illustration{justify-content:center;align-items:center;display:flex}.auth-illustration-desk{background:linear-gradient(#ffffff2e,#ffffff14),#ffffff14;border:1px solid #ffffff24;border-radius:26px;width:min(500px,100%);min-height:250px;position:relative;box-shadow:inset 0 1px #ffffff2e,0 26px 58px #082f313d}.auth-illustration-desk:after{border-radius:var(--radius-full);content:"";filter:blur(10px);background:#082f3129;height:14px;position:absolute;bottom:34px;left:13%;right:13%}.auth-laptop{z-index:2;width:258px;padding:var(--space-3);background:#f8fafc;border:1px solid #ffffff38;border-radius:20px;position:absolute;bottom:58px;right:13%;box-shadow:0 24px 48px #082f3142}.auth-laptop:after{content:"";background:#d7e5eb;border-radius:0 0 18px 18px;height:18px;position:absolute;bottom:-22px;left:-30px;right:-30px}.auth-laptop-toolbar{margin-bottom:var(--space-2);gap:5px;display:flex}.auth-laptop-toolbar span{border-radius:var(--radius-full);background:#cbd5e1;width:7px;height:7px}.auth-video-panel{border-radius:var(--radius-lg);background:linear-gradient(135deg,#0f8b8629,#5b5bd61a),#edf7f5;place-items:center;min-height:118px;display:grid}.auth-video-panel span{border-radius:var(--radius-full);width:48px;height:48px;color:var(--color-text-inverse);background:linear-gradient(135deg, var(--color-primary), #14b8a6);place-items:center;display:grid;box-shadow:0 12px 24px #0f8b863d}.auth-progress-row{gap:var(--space-2);margin-top:var(--space-3);grid-template-columns:1.4fr 1fr .7fr;display:grid}.auth-progress-row i{border-radius:var(--radius-full);background:var(--color-border-soft);height:8px}.auth-progress-row i:first-child{background:var(--color-primary)}.auth-book-stack,.auth-cap-badge,.auth-plant{z-index:3;color:var(--color-primary-hover);background:#ffffffeb;border:1px solid #fff3;place-items:center;display:grid;position:absolute;box-shadow:0 18px 34px #082f3133}.auth-book-stack{border-radius:20px;width:88px;height:70px;bottom:42px;left:12%}.auth-cap-badge{border-radius:var(--radius-2xl);width:72px;height:72px;color:var(--color-secondary-hover);top:40px;right:18%}.auth-plant{width:60px;height:78px;color:var(--color-success);border-radius:28px 28px 20px 20px;bottom:38px;right:9%}.auth-feature-list{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.auth-feature-list div{gap:var(--space-3);min-height:98px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);background:#ffffff1a;border:1px solid #ffffff24;align-content:center;display:grid;box-shadow:inset 0 1px #ffffff1a}.auth-feature-list span{border-radius:var(--radius-lg);width:36px;height:36px;color:var(--color-text-inverse);background:#ffffff1f;place-items:center;display:grid}.auth-feature-list strong{color:var(--color-text-inverse);font-size:var(--font-size-13);line-height:var(--line-heading)}.auth-form-panel{place-items:center;min-width:0;min-height:100vh;padding:clamp(28px,4.5vw,64px);display:grid}.auth-form-shell{gap:var(--space-4);width:min(580px,100%);display:grid}.auth-card.card{gap:var(--space-5);background:var(--color-surface);border-color:#e5eaf0;border-radius:24px;padding:clamp(26px,3.4vw,40px);display:grid;box-shadow:0 18px 45px #0f172a12}.auth-card-header{gap:6px;display:grid}.auth-card-header span{color:var(--color-primary-hover);font-size:var(--font-size-12);font-weight:var(--font-bold);letter-spacing:0}.auth-card-header h2{color:var(--color-text);font-size:28px;font-weight:var(--font-extrabold);letter-spacing:0;line-height:var(--line-tight);margin:0}.auth-card-header p{max-width:470px;color:var(--color-text-muted);font-size:var(--font-size-14);font-weight:var(--font-semibold);line-height:var(--line-body);margin:0}.auth-form{gap:14px;display:grid}.auth-card .button{border-radius:12px;min-height:50px}.auth-alert{padding:var(--space-3) var(--space-4);color:var(--color-critical);font-size:var(--font-size-13);font-weight:var(--font-bold);line-height:var(--line-body);background:#fff7f7;border:1px solid #bf4e4e33;border-radius:12px}.auth-state-message{padding:var(--space-5);color:var(--color-text-soft);background:linear-gradient(180deg, #f5fcf8 0%, var(--color-success-soft) 100%);font-size:var(--font-size-14);font-weight:var(--font-bold);text-align:center;border:1px solid #11845b29;border-radius:16px}.auth-field{color:var(--color-text);font-size:var(--font-size-13);font-weight:var(--font-bold);gap:7px;display:grid}.auth-input-wrap{min-height:50px;color:var(--color-text-subtle);background:var(--color-surface);border:1px solid #e5eaf0;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;padding:0 14px;transition:border-color .16s,box-shadow .16s,background .16s;display:grid}.auth-field-error .auth-input-wrap{background:snow;border-color:#bf4e4e61}.auth-input-wrap:hover{border-color:#cdd8e2}.auth-input-wrap:focus-within{background:#fff;border-color:#0f8b866b;box-shadow:0 0 0 3px #0f8b861a}.auth-field-error .auth-input-wrap:focus-within{border-color:#bf4e4e80;box-shadow:0 0 0 3px #bf4e4e1a}.auth-input-icon,.auth-input-trailing{color:var(--color-text-muted);justify-content:center;align-items:center;display:inline-flex}.auth-input-icon{padding-right:var(--space-3)}.auth-input-trailing{padding-left:var(--space-2)}.auth-field input{width:100%;min-width:0;height:48px;color:var(--color-text);font:inherit;font-size:var(--font-size-14);font-weight:var(--font-semibold);background:0 0;border:0;outline:0;padding:0}.auth-field input::placeholder{color:var(--color-text-subtle)}.auth-field small{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-semibold);line-height:var(--line-body)}.auth-field .auth-field-error-text{color:var(--color-critical)}.auth-password-toggle{border-radius:var(--radius-md);width:34px;height:34px;color:var(--color-text-muted);background:0 0;border:0;place-items:center;transition:background .16s,color .16s;display:grid}.auth-password-toggle:hover,.auth-password-toggle:focus-visible{color:var(--color-primary-hover);background:var(--color-primary-soft);outline:0}.auth-form-options{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.auth-checkbox{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-13);font-weight:var(--font-semibold);line-height:var(--line-heading);display:inline-flex}.auth-checkbox input{width:16px;height:16px;accent-color:var(--color-primary);flex:none}.auth-form-options a,.auth-checkbox a,.auth-secondary-action a,.auth-footer a{color:var(--color-primary-hover);font-weight:var(--font-bold);text-decoration:none}.auth-form-options a:hover,.auth-checkbox a:hover,.auth-secondary-action a:hover,.auth-footer a:hover{color:var(--color-primary-pressed)}.auth-terms{gap:var(--space-2);display:grid}.auth-terms .auth-checkbox{line-height:var(--line-body);align-items:flex-start}.auth-terms .auth-checkbox input{margin-top:3px}.auth-checkbox-error{color:var(--color-critical)}.auth-checkbox-error-text{color:var(--color-critical);font-size:var(--font-size-12);font-weight:var(--font-semibold);line-height:var(--line-body)}.auth-secondary-action{justify-content:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-14);font-weight:var(--font-semibold);flex-wrap:wrap;margin:0;display:flex}.auth-divider{align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-bold);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.auth-divider:before,.auth-divider:after{background:var(--color-border-soft);content:"";height:1px}.auth-google-button{justify-content:center;align-items:center;gap:var(--space-3);width:100%;min-height:50px;color:var(--color-text);background:var(--color-surface);font:inherit;font-size:var(--font-size-14);font-weight:var(--font-bold);border:1px solid #e5eaf0;border-radius:12px;transition:border-color .16s,box-shadow .16s,transform .16s,background .16s;display:inline-flex}.auth-google-button:hover,.auth-google-button:focus-visible{border-color:var(--color-border-strong);background:var(--color-surface-hover);box-shadow:var(--shadow-sm);outline:0;transform:translateY(-1px)}.auth-card .button:focus-visible,.auth-google-button:focus-visible{outline-offset:2px;outline:3px solid #0f8b8624}.auth-google-icon{flex-shrink:0;width:18px;height:18px}.auth-footer{gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-semibold);text-align:center;justify-items:center;display:grid}.auth-footer nav{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}@media (width<=1180px){.auth-layout{grid-template-columns:minmax(330px,44fr) minmax(390px,56fr)}.auth-brand-inner{padding:var(--space-7)}.auth-feature-list{grid-template-columns:1fr}.auth-feature-list div{grid-template-columns:36px minmax(0,1fr);align-items:center;min-height:auto}.auth-laptop{width:240px;right:10%}}@media (width<=900px){.auth-layout{min-height:100vh;display:block}.auth-brand-panel{background:linear-gradient(135deg,#10212bfa,#0f6f6bf5);min-height:auto}.auth-brand-panel:before{background-size:44px 44px}.auth-brand-inner{max-width:640px;min-height:auto;padding:var(--space-5);gap:0;margin:0 auto}.auth-hero-content,.auth-illustration,.auth-feature-list{display:none}.auth-form-panel{min-height:auto;padding:var(--space-5)}.auth-form-shell{width:min(620px,100%)}}@media (width<=620px){.auth-brand-inner,.auth-form-panel{padding:var(--space-5)}.auth-logo-mark{width:42px;height:42px}.auth-card.card{gap:var(--space-4);border-radius:var(--radius-2xl);padding:22px 20px}.auth-card-header h2{font-size:var(--font-size-24)}.auth-form-options{flex-direction:column;align-items:flex-start}.auth-card .button,.auth-google-button,.auth-input-wrap{min-height:50px}.auth-footer{font-size:var(--font-size-11)}}.app-shell{grid-template-columns:var(--layout-sidebar) minmax(0, 1fr);background:var(--color-bg-app);min-height:100vh;display:grid}.workspace{min-width:0;max-width:100vw;overflow-x:clip}.workspace-body{grid-template-columns:minmax(0, 1fr) var(--layout-right-panel);align-items:start;gap:var(--space-5);padding:var(--space-7);display:grid}.workspace-body-no-panel{grid-template-columns:minmax(0,1fr)}.main-content{overflow-wrap:break-word;min-width:0;max-width:100%}.sidebar{gap:var(--space-7);height:100vh;padding:var(--space-6) 18px;color:var(--color-text-inverse-muted);background:linear-gradient(180deg, #0f8b8621, transparent 32%), var(--color-surface-inverse);flex-direction:column;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:var(--space-3);padding:0 var(--space-2);display:flex}.brand-mark{border-radius:var(--radius-lg);width:42px;height:42px;color:var(--color-text-inverse);background:linear-gradient(135deg, var(--color-primary), #14b8a6);place-items:center;display:grid;box-shadow:0 10px 26px #0f8b8647}.brand strong,.brand span{display:block}.brand strong{color:var(--color-text-inverse);font-size:var(--font-size-16);font-weight:var(--font-bold);line-height:var(--line-heading)}.brand span{color:var(--color-text-inverse-muted);font-size:var(--font-size-12);margin-top:2px}.sidebar-nav{gap:var(--space-2);flex-direction:column;display:flex}.sidebar-help-card{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);color:var(--color-text-inverse-muted);background:linear-gradient(135deg,#0f8b8638,#5b5bd624),#ffffff0b;border:1px solid #ffffff1a;margin-top:auto;display:grid;box-shadow:inset 0 1px #ffffff0d}.sidebar-help-card>span{border-radius:var(--radius-lg);width:36px;height:36px;color:var(--color-text-inverse);background:#ffffff1a;place-items:center;display:grid}.sidebar-help-card strong,.sidebar-help-card p{margin:0}.sidebar-help-card strong{color:var(--color-text-inverse);font-size:var(--font-size-14);line-height:var(--line-heading)}.sidebar-help-card p{margin-top:var(--space-1);font-size:var(--font-size-12);line-height:var(--line-body)}.sidebar-help-card a{color:#99d7d0;width:fit-content;font-size:var(--font-size-12);font-weight:var(--font-bold);text-decoration:none}.sidebar-help-card a:hover{color:var(--color-text-inverse)}.nav-item{border-radius:var(--radius-md);min-height:42px;color:var(--color-text-inverse-muted);font-size:var(--font-size-14);font-weight:var(--font-semibold);align-items:center;gap:11px;padding:10px 12px;text-decoration:none;transition:background .16s,color .16s,transform .16s;display:flex}.nav-item:hover{color:var(--color-text-inverse);background:#ffffff12;transform:translate(2px)}.nav-item-active{color:var(--color-text-inverse);background:linear-gradient(135deg,#0f8b8670,#5b5bd633);box-shadow:inset 3px 0 #34d399e6}.nav-item small{margin-left:auto}.topbar{z-index:var(--z-sticky);min-height:var(--layout-topbar);justify-content:space-between;align-items:center;gap:var(--space-5);padding:14px var(--space-7);border-bottom:1px solid var(--color-border-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f6f7f9e6;display:flex;position:sticky;top:0}.topbar-actions{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.topbar-search{width:min(540px,100%);position:relative}.topbar-search .search-input{width:100%}.topbar-search-menu{top:calc(100% + var(--space-2));z-index:var(--z-popover);border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);background:var(--color-surface);width:min(560px,100vw - 32px);box-shadow:var(--shadow-popover);display:grid;position:absolute;left:0;overflow:hidden}.topbar-search-menu-header,.topbar-search-menu-footer{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-soft)}.topbar-search-menu-header{gap:2px;display:grid}.topbar-search-menu-header span,.topbar-search-result-meta small{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-bold)}.topbar-search-menu-header strong{color:var(--color-text);font-size:var(--font-size-14)}.topbar-search-loading,.topbar-search-result-list{gap:var(--space-2);max-height:390px;padding:var(--space-2);display:grid;overflow-y:auto}.topbar-search-result{gap:var(--space-3);width:100%;padding:var(--space-3);border-radius:var(--radius-lg);color:var(--color-text);text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid}.topbar-search-result:hover,.topbar-search-result:focus-visible{background:var(--color-primary-soft);border-color:#0f8b862e;outline:0}.topbar-search-result>span:first-child{gap:4px;min-width:0;display:grid}.topbar-search-result strong{font-size:var(--font-size-14);line-height:var(--line-tight)}.topbar-search-result small{color:var(--color-text-muted);font-size:var(--font-size-12);line-height:var(--line-tight)}.topbar-search-result-meta{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.topbar-search-result-meta small{border-radius:var(--radius-full);background:var(--color-bg-subtle);white-space:nowrap;padding:4px 7px}.topbar-search-empty{gap:var(--space-2);padding:var(--space-5);display:grid}.topbar-search-empty strong{color:var(--color-text);font-size:var(--font-size-14)}.topbar-search-empty p{color:var(--color-text-muted);font-size:var(--font-size-13);line-height:var(--line-body);margin:0}.topbar-search-menu-footer{border-top:1px solid var(--color-border-soft);background:var(--color-bg-subtle);border-bottom:0}.topbar-search-menu-footer button{color:var(--color-primary-pressed);font:inherit;font-size:var(--font-size-13);font-weight:var(--font-bold);background:0 0;border:0}.topbar-search-menu-footer button:hover,.topbar-search-menu-footer button:focus-visible{color:var(--color-primary-hover);outline:0}.search-results-page{gap:var(--space-5);display:grid}.search-results-filter-card .filter-chip-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.search-results-loading{gap:var(--space-3);display:grid}.search-results-list{gap:var(--space-2);display:grid}.search-result-row{gap:var(--space-4);width:100%;padding:var(--space-4);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);color:var(--color-text);background:var(--color-surface);text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.search-result-row:hover,.search-result-row:focus-visible{background:var(--color-primary-soft);border-color:#0f8b8642;outline:0}.search-result-row>span:first-child{gap:5px;min-width:0;display:grid}.search-result-row strong{font-size:var(--font-size-15);line-height:var(--line-tight)}.search-result-row small{color:var(--color-text-muted);font-size:var(--font-size-13);line-height:var(--line-body)}.search-result-row-meta{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.quick-create{position:relative}.quick-create-menu{top:calc(100% + var(--space-2));z-index:var(--z-popover);width:272px;padding:var(--space-2);border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-popover);display:grid;position:absolute;right:0}.quick-create-menu button{gap:var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);text-align:left;font-size:var(--font-size-13);font-weight:var(--font-semibold);background:0 0;border:0;grid-template-columns:18px minmax(0,1fr);align-items:start;padding:10px;display:grid}.quick-create-menu button svg{color:var(--color-primary);margin-top:1px}.quick-create-menu button span{gap:2px;min-width:0;display:grid}.quick-create-menu button strong{font-size:var(--font-size-13);font-weight:var(--font-bold)}.quick-create-menu button small{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-medium);line-height:var(--line-tight)}.quick-create-menu button:hover,.quick-create-menu button:focus-visible{background:var(--color-surface-hover);outline:0}.notification-popover{position:relative}.notification-popover .notification-dot{display:none}.notification-count{border:2px solid var(--color-surface);border-radius:var(--radius-full);color:#5f3900;background:var(--color-warning);min-width:19px;height:19px;font-size:10px;font-weight:var(--font-bold);place-items:center;padding:0 5px;line-height:1;display:grid;position:absolute;top:-5px;right:-5px}.notification-menu{top:calc(100% + var(--space-2));z-index:var(--z-popover);border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);background:var(--color-surface);width:min(390px,100vw - 32px);max-height:min(560px,100vh - 96px);box-shadow:var(--shadow-popover);display:grid;position:absolute;right:0;overflow:hidden}.notification-menu-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border-soft);display:flex}.notification-menu-header div{gap:2px;display:grid}.notification-menu-header span,.notification-menu-meta small,.notification-menu-meta time,.notification-menu-state{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-bold)}.notification-menu-header strong{color:var(--color-text);font-size:var(--font-size-15)}.notification-menu-list,.notification-menu-loading{gap:var(--space-2);max-height:420px;padding:var(--space-2);display:grid;overflow-y:auto}.notification-menu-item{gap:var(--space-3);width:100%;padding:var(--space-3);border-radius:var(--radius-lg);color:var(--color-text);text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:9px minmax(0,1fr) auto;align-items:start;transition:background .16s,border-color .16s,transform .16s;display:grid}.notification-menu-item:hover,.notification-menu-item:focus-visible{border-color:var(--color-border-soft);background:var(--color-surface-hover);outline:0;transform:translateY(-1px)}.notification-menu-item.is-unread{background:var(--color-primary-soft);border-color:#0f8b862e}.notification-menu-indicator{border-radius:var(--radius-full);background:var(--color-border-strong);width:9px;height:9px;margin-top:7px}.notification-menu-item.is-unread .notification-menu-indicator{background:var(--color-warning);box-shadow:0 0 0 4px #f7b50029}.notification-menu-content{gap:4px;min-width:0;display:grid}.notification-menu-content strong{color:var(--color-text);font-size:var(--font-size-14);line-height:var(--line-tight)}.notification-menu-content>span:not(.notification-menu-meta){color:var(--color-text-muted);font-size:var(--font-size-13);line-height:var(--line-body)}.notification-menu-meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.notification-menu-state{border-radius:var(--radius-full);background:var(--color-bg-subtle);white-space:nowrap;padding:4px 7px}.notification-menu-item.is-unread .notification-menu-state{color:var(--color-primary-pressed);background:#0f8b861f}.notification-menu-empty,.notification-menu-error{justify-items:start;gap:var(--space-2);padding:var(--space-5);display:grid}.notification-menu-empty strong{color:var(--color-text);font-size:var(--font-size-15)}.notification-menu-empty p,.notification-menu-error p{color:var(--color-text-muted);font-size:var(--font-size-13);line-height:var(--line-body);margin:0}.quick-create-dialog{overscroll-behavior:contain;scrollbar-gutter:stable;align-content:start;width:min(680px,100vw - 32px);max-height:calc(100dvh - 32px);position:relative;top:auto;left:auto;overflow-y:auto;transform:none}.quick-create-modal-backdrop{padding:var(--space-4);justify-content:center;align-items:center;display:flex;overflow-y:auto}.password-change-dialog{border-color:#e5eaf0;border-radius:24px;width:min(540px,100vw - 32px);box-shadow:0 20px 52px #0f172a1f}.password-change-dialog .quick-create-dialog-header p{max-width:390px;margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:var(--font-size-14);font-weight:var(--font-semibold);line-height:var(--line-body)}.quick-create-dialog-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.quick-create-dialog-header span{color:var(--color-primary-hover);font-size:var(--font-size-12);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.04em}.quick-create-dialog-header h2{margin-top:var(--space-1)}.quick-create-form{gap:var(--space-4);display:grid}.quick-create-form-grid{align-items:start}.password-change-form{gap:var(--space-4)}.password-change-fields{gap:14px;display:grid}.password-change-input-wrap{min-height:50px;color:var(--color-text-muted);background:var(--color-surface);border:1px solid #e5eaf0;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;padding:0 12px 0 14px;transition:border-color .16s,box-shadow .16s,background .16s;display:grid}.password-change-input-wrap:hover{border-color:#cdd8e2}.password-change-input-wrap:focus-within{background:#fff;border-color:#0f8b866b;box-shadow:0 0 0 3px #0f8b861a}.admin-form-field .password-change-input-wrap input{min-width:0;height:48px;padding:0 var(--space-3);background:0 0;border:0;outline:0}.password-visibility-toggle{border-radius:var(--radius-md);width:34px;height:34px;color:var(--color-text-muted);background:0 0;border:0;place-items:center;transition:background .16s,color .16s;display:grid}.password-visibility-toggle:hover,.password-visibility-toggle:focus-visible{color:var(--color-primary-hover);background:var(--color-primary-soft);outline:0}.password-visibility-toggle:disabled,.password-change-input-wrap input:disabled{cursor:not-allowed;opacity:.68}.quick-create-error{padding:var(--space-3);color:var(--color-critical);font-size:var(--font-size-13);font-weight:var(--font-semibold);background:#fff7f7;border:1px solid #bf303038;border-radius:12px;margin:0}.quick-create-actions{justify-content:flex-end}.page-stack{gap:var(--space-6);flex-direction:column;display:flex}.page-header{min-width:0;max-width:900px}.eyebrow{margin-bottom:var(--space-2);color:var(--color-primary-hover);font-size:var(--font-size-13);font-weight:var(--font-bold);display:inline-flex}.page-title-row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.page-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.page-header h1{color:var(--color-text);font-size:var(--font-size-34);font-weight:var(--font-extrabold);line-height:var(--line-tight);letter-spacing:0;overflow-wrap:anywhere;margin:0}.page-header p{max-width:760px;color:var(--color-text-muted);font-size:var(--font-size-15);line-height:var(--line-body);overflow-wrap:break-word;margin:10px 0 0}.metrics-grid,.course-grid,.scenario-grid,.content-grid{gap:var(--space-4);display:grid}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.course-grid,.scenario-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.card{border:1px solid var(--color-border-soft);border-radius:var(--radius-2xl);background:var(--color-surface);box-shadow:var(--shadow-sm)}.training-dashboard{gap:var(--space-5);flex-direction:column;display:flex}.dashboard-hero{border-radius:var(--radius-2xl);background:radial-gradient(circle at 86% 18%, #0f8b8629, transparent 30%), linear-gradient(135deg, var(--color-surface), #f7fbfa);grid-template-columns:minmax(0,1fr) 280px;min-height:214px;display:grid;position:relative;overflow:hidden}.dashboard-hero:after{border-radius:var(--radius-full);content:"";background:#5b5bd614;width:220px;height:220px;position:absolute;inset:auto -60px -92px auto}.dashboard-hero-content{z-index:1;justify-content:space-between;gap:var(--space-5);flex-direction:column;min-width:0;display:flex;position:relative}.dashboard-hero h2{margin:var(--space-3) 0 var(--space-2);color:var(--color-text);font-size:32px;font-weight:var(--font-extrabold);line-height:var(--line-tight);overflow-wrap:anywhere}.dashboard-hero p{max-width:680px;color:var(--color-text-muted);font-size:var(--font-size-15);line-height:var(--line-body);overflow-wrap:anywhere;margin:0}.dashboard-hero-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.dashboard-hero-actions .button-primary{background:linear-gradient(135deg, var(--color-primary), #12a594);box-shadow:0 12px 28px #0f8b8633}.dashboard-hero-illustration{z-index:1;min-width:0;min-height:174px;position:relative}.hero-illustration-card{gap:var(--space-2);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc7;border:1px solid #0f8b862e;display:grid;position:absolute}.hero-illustration-main{width:190px;padding:var(--space-5);color:var(--color-primary-hover);bottom:10px;right:8px}.hero-illustration-main span,.hero-illustration-float span{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-bold)}.hero-illustration-main strong{color:var(--color-text);font-size:var(--font-size-24);line-height:1}.hero-illustration-float{width:126px;padding:var(--space-3);color:var(--color-secondary-hover);top:18px;right:108px}.dashboard-layout-grid{align-items:start;gap:var(--space-5);grid-template-columns:minmax(0,1fr) 320px;display:grid}.dashboard-main-column,.dashboard-side-column{gap:var(--space-5);flex-direction:column;min-width:0;display:flex}.dashboard-side-column{top:calc(var(--layout-topbar) + var(--space-7));position:sticky}.dashboard-section{gap:var(--space-4);flex-direction:column;display:flex}.dashboard-section-heading{justify-content:space-between;align-items:flex-end;gap:var(--space-4);display:flex}.dashboard-section-heading span{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-bold)}.dashboard-section-heading h2{color:var(--color-text);font-size:var(--font-size-20);line-height:var(--line-heading);margin:4px 0 0}.dashboard-task-list,.dashboard-notification-list,.dashboard-coaching-list{gap:var(--space-3);display:grid}.dashboard-task-row{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);color:inherit;background:var(--color-bg-subtle);font:inherit;text-align:left;cursor:pointer;grid-template-columns:36px minmax(0,1fr) auto;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s;display:grid}.dashboard-task-row:hover,.dashboard-task-row:focus-visible{background:var(--color-surface);box-shadow:var(--shadow-sm);border-color:#0f8b8642;outline:0;transform:translateY(-1px)}.dashboard-task-icon{border-radius:var(--radius-lg);place-items:center;width:36px;height:36px;display:grid}.dashboard-task-done{color:var(--color-success);background:var(--color-success-soft)}.dashboard-task-active{color:var(--color-info);background:var(--color-info-soft)}.dashboard-task-upcoming,.dashboard-task-locked{color:var(--color-neutral);background:var(--color-neutral-soft)}.dashboard-task-row strong,.dashboard-notification-row strong,.dashboard-coaching-row strong{color:var(--color-text);font-size:var(--font-size-14);display:block}.dashboard-task-row p,.dashboard-notification-row p{color:var(--color-text-muted);font-size:var(--font-size-13);line-height:var(--line-body);margin:4px 0 0}.dashboard-task-detail-backdrop{z-index:var(--z-modal);padding:var(--space-5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#11182757;place-items:center;display:grid;position:fixed;inset:0}.dashboard-task-detail{gap:var(--space-4);width:min(720px,100%);max-height:min(720px,100vh - 40px);padding:var(--space-5);border:1px solid var(--color-border-soft);border-radius:var(--radius-2xl);background:var(--color-surface);box-shadow:var(--shadow-popover);display:grid;overflow-y:auto}.dashboard-task-detail-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.dashboard-task-detail-header h2{margin:var(--space-2) 0 0;color:var(--color-text);font-size:var(--font-size-24);line-height:var(--line-heading)}.dashboard-task-detail-header p,.dashboard-task-detail-section p{margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:var(--font-size-14);line-height:var(--line-body)}.dashboard-task-detail-header button{border:1px solid var(--color-border-soft);border-radius:var(--radius-md);width:38px;height:38px;color:var(--color-text-muted);background:var(--color-surface);flex:none;place-items:center;display:grid}.dashboard-task-detail-header button:hover,.dashboard-task-detail-header button:focus-visible{color:var(--color-primary-hover);background:var(--color-primary-soft);outline:0}.dashboard-task-detail-status{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.dashboard-task-detail-status>span:not(.badge){color:var(--color-text-muted);font-size:var(--font-size-13);font-weight:var(--font-bold)}.dashboard-task-detail-section{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);background:var(--color-bg-subtle);display:grid}.dashboard-task-detail-section>span{color:var(--color-text);font-size:var(--font-size-14);font-weight:var(--font-bold)}.dashboard-task-checklist{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.dashboard-task-checklist li{gap:var(--space-2);color:var(--color-text-soft);font-size:var(--font-size-13);line-height:var(--line-body);grid-template-columns:18px minmax(0,1fr);display:grid}.dashboard-task-checklist svg{color:var(--color-primary-hover);margin-top:2px}.dashboard-task-detail-actions{justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.dashboard-course-grid{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.dashboard-course-card{grid-template-rows:92px minmax(0,1fr);padding:0;display:grid;overflow:hidden}.dashboard-course-thumb{padding:var(--space-4);color:var(--color-primary-hover);background:radial-gradient(circle at 88% 8%, #5b5bd62e, transparent 34%), linear-gradient(135deg, var(--color-primary-soft), #f8fbff);justify-content:space-between;align-items:flex-end;display:flex}.dashboard-course-thumb span{color:var(--color-primary-hover);font-size:var(--font-size-12);font-weight:var(--font-bold)}.dashboard-course-body{gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}.dashboard-course-topline{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.dashboard-course-topline>span{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-bold)}.dashboard-course-card h3,.dashboard-scenario-card h3{color:var(--color-text);font-size:var(--font-size-16);line-height:var(--line-heading);margin:0}.dashboard-course-card p,.dashboard-scenario-card p{color:var(--color-text-muted);font-size:var(--font-size-13);line-height:var(--line-body);margin:0}.dashboard-scenario-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.dashboard-scenario-card{gap:var(--space-3);flex-direction:column;min-height:190px;display:flex}.dashboard-scenario-card>span:last-child{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-bold);margin-top:auto}.dashboard-notification-row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-3);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background:var(--color-bg-subtle);display:flex}.dashboard-progress-card,.dashboard-coaching-card{border-radius:var(--radius-2xl)}.dashboard-progress-donut{padding:var(--space-5) 0 var(--space-3);justify-items:center;display:grid}.dashboard-progress-card>p{color:var(--color-text-muted);font-size:var(--font-size-13);line-height:var(--line-body);margin:0}.dashboard-progress-breakdown{gap:var(--space-2);margin-top:var(--space-4);display:grid}.dashboard-progress-breakdown div{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-top:1px solid var(--color-border-soft);display:flex}.dashboard-progress-breakdown span{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-bold)}.dashboard-progress-breakdown strong{color:var(--color-text);font-size:var(--font-size-14)}.dashboard-coaching-row{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-bg-subtle);grid-template-columns:34px minmax(0,1fr);display:grid}.dashboard-coaching-icon{border-radius:var(--radius-md);width:34px;height:34px;color:var(--color-secondary-hover);background:var(--color-secondary-soft);place-items:center;display:grid}.dashboard-coaching-row span{color:var(--color-text-muted);font-size:var(--font-size-12);margin-top:3px;display:block}.roadmap-page{gap:var(--space-5);flex-direction:column;display:flex}.roadmap-action-feedback{border-radius:var(--radius-lg);width:fit-content;color:var(--color-secondary-pressed);background:var(--color-secondary-soft);font-size:var(--font-size-13);font-weight:var(--font-bold);border:1px solid #4f46e52e;padding:9px 12px}.breadcrumb{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-13);font-weight:var(--font-bold);flex-wrap:wrap;display:flex}.breadcrumb a,.breadcrumb span{align-items:center;gap:var(--space-2);display:inline-flex}.breadcrumb a{color:var(--color-primary-hover);text-decoration:none}.roadmap-summary-banner{align-items:center;gap:var(--space-6);border-radius:var(--radius-2xl);background:radial-gradient(circle at 10% 0, #0f8b8621, transparent 30%), radial-gradient(circle at 92% 12%, #5b5bd61f, transparent 28%), var(--color-surface);grid-template-columns:minmax(0,1fr) auto;display:grid;overflow:hidden}.roadmap-summary-progress{align-items:center;gap:var(--space-5);grid-template-columns:118px minmax(0,1fr);min-width:0;display:grid}.roadmap-summary-progress h2{margin:var(--space-3) 0 var(--space-2);color:var(--color-text);font-size:var(--font-size-24);line-height:var(--line-heading)}.roadmap-summary-progress p{max-width:680px;color:var(--color-text-muted);font-size:var(--font-size-14);line-height:var(--line-body);margin:0}.roadmap-summary-meta{gap:var(--space-3);min-width:178px;padding:var(--space-4);border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);background:#ffffffb3;display:grid}.roadmap-summary-meta div{gap:3px;display:grid}.roadmap-summary-meta span,.roadmap-stage-kicker,.roadmap-resource-row span,.roadmap-coaching-row span,.roadmap-achievement-grid small{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-bold)}.roadmap-summary-meta strong{color:var(--color-text);font-size:var(--font-size-16)}.roadmap-milestone-grid{gap:var(--space-3);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.roadmap-milestone-card{gap:var(--space-3);min-width:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-xs);text-align:left;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.roadmap-milestone-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.roadmap-milestone-card.is-selected{border-color:#5b5bd670;box-shadow:0 12px 32px #5b5bd61a}.roadmap-milestone-card.is-active{background:radial-gradient(circle at 100% 0, #5b5bd61f, transparent 34%), var(--color-surface)}.roadmap-milestone-card.is-locked{background:var(--color-bg-subtle)}.roadmap-milestone-card>span{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-bold)}.roadmap-milestone-card strong{color:var(--color-text);font-size:var(--font-size-15);line-height:var(--line-heading)}.roadmap-milestone-card div{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.roadmap-milestone-card small{color:var(--color-text);font-size:var(--font-size-18);font-weight:var(--font-extrabold)}.roadmap-workspace-grid{align-items:start;gap:var(--space-5);grid-template-columns:minmax(0,1fr) 388px;display:grid}.roadmap-timeline-card,.roadmap-detail-panel,.roadmap-widget-card{border-radius:var(--radius-2xl)}.roadmap-stage-list,.roadmap-resource-list,.roadmap-detail-stack{gap:var(--space-3);display:grid}.roadmap-detail-stack{top:calc(var(--layout-topbar) + var(--space-7));min-width:0;position:sticky}.roadmap-stage-row{gap:var(--space-4);width:100%;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text);background:var(--color-surface);text-align:left;grid-template-columns:58px minmax(0,1fr) 180px;transition:border-color .16s,box-shadow .16s,background .16s;display:grid}.roadmap-stage-row:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.roadmap-stage-row.is-selected{background:linear-gradient(90deg, #eeeeffe6, #fffffff5 44%), var(--color-surface);border-color:#5b5bd673;box-shadow:0 14px 36px #5b5bd61a}.roadmap-stage-row.is-locked{color:var(--color-text-muted);background:var(--color-bg-subtle)}.roadmap-stage-rail{justify-items:center;display:grid;position:relative}.roadmap-stage-rail:after{border-radius:var(--radius-full);background:var(--color-border-soft);content:"";width:2px;position:absolute;top:44px;bottom:-22px}.roadmap-stage-row:last-child .roadmap-stage-rail:after{content:none}.roadmap-stage-icon,.roadmap-resource-icon,.roadmap-widget-icon{border-radius:var(--radius-lg);place-items:center;display:grid}.roadmap-stage-icon{z-index:1;width:44px;height:44px;color:var(--color-primary-hover);background:var(--color-primary-soft)}.roadmap-stage-row.is-active .roadmap-stage-icon,.roadmap-stage-row.is-selected .roadmap-stage-icon{color:var(--color-secondary-hover);background:var(--color-secondary-soft)}.roadmap-stage-row.is-locked .roadmap-stage-icon{color:var(--color-neutral);background:var(--color-neutral-soft)}.roadmap-stage-content{gap:var(--space-2);min-width:0;display:grid}.roadmap-stage-content strong{color:var(--color-text);font-size:var(--font-size-18);line-height:var(--line-heading)}.roadmap-stage-content>span:not(.roadmap-stage-kicker){color:var(--color-text-muted);font-size:var(--font-size-14);line-height:var(--line-body)}.roadmap-stage-meta{align-content:start;justify-items:end;gap:var(--space-2);display:grid}.roadmap-stage-meta>span:not(.badge){color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-bold);align-items:center;gap:6px;display:inline-flex}.roadmap-stage-meta .progress-bar{width:100%}.roadmap-stage-meta strong{color:var(--color-text);font-size:var(--font-size-14)}.roadmap-detail-panel .tabs{margin-bottom:var(--space-4)}.roadmap-resource-row{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background:var(--color-bg-subtle);grid-template-columns:36px minmax(0,1fr) auto;display:grid}.roadmap-resource-icon{width:36px;height:36px;color:var(--color-primary-hover);background:var(--color-primary-soft)}.roadmap-resource-row.is-active .roadmap-resource-icon{color:var(--color-secondary-hover);background:var(--color-secondary-soft)}.roadmap-resource-row.is-locked .roadmap-resource-icon{color:var(--color-neutral);background:var(--color-neutral-soft)}.roadmap-resource-row strong{color:var(--color-text);font-size:var(--font-size-14);line-height:var(--line-heading);display:block}.roadmap-resource-row p{color:var(--color-text-muted);font-size:var(--font-size-12);line-height:var(--line-body);margin:4px 0 0}.roadmap-detail-actions{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.roadmap-coaching-row{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-bg-subtle);grid-template-columns:40px minmax(0,1fr);display:grid}.roadmap-widget-icon{width:40px;height:40px;color:var(--color-secondary-hover);background:var(--color-secondary-soft)}.roadmap-coaching-row strong,.roadmap-coaching-row span,.roadmap-coaching-row small{display:block}.roadmap-coaching-row strong,.roadmap-achievement-grid strong{color:var(--color-text);font-size:var(--font-size-14);line-height:var(--line-heading)}.roadmap-coaching-row small{color:var(--color-text-muted);font-size:var(--font-size-12);margin-top:3px}.roadmap-achievement-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.roadmap-achievement-grid>div{gap:var(--space-2);min-width:0;padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-bg-subtle);display:grid}.course-library-page{gap:var(--space-5);flex-direction:column;display:flex}.course-library-page>.tabs{scrollbar-width:none;flex-wrap:nowrap;width:fit-content;max-width:100%;overflow-x:auto}.course-library-page>.tabs::-webkit-scrollbar{display:none}.course-library-page>.tabs .tab-item{white-space:nowrap}.course-filter-bar{align-items:center;gap:var(--space-3);border-radius:var(--radius-2xl);flex-wrap:wrap;display:flex}.course-library-search{align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:220px;min-height:40px;color:var(--color-text-subtle);background:var(--color-bg-subtle);flex:260px;padding:0 12px;display:flex}.course-library-search input{width:100%;min-width:0;color:var(--color-text);font:inherit;font-size:var(--font-size-14);background:0 0;border:0;outline:0}.course-checkbox{align-items:center;gap:var(--space-2);min-height:40px;color:var(--color-text-soft);font-size:var(--font-size-13);font-weight:var(--font-bold);padding:0 10px;display:inline-flex}.course-checkbox input{width:16px;height:16px;accent-color:var(--color-primary)}.course-view-toggle{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-xs);display:inline-flex}.course-view-toggle button{border-radius:var(--radius-sm);width:32px;height:30px;color:var(--color-text-muted);background:0 0;border:0;place-items:center;transition:background .16s,color .16s;display:grid}.course-view-toggle button:hover{color:var(--color-text);background:var(--color-surface-hover)}.course-view-toggle button.is-active{color:var(--color-primary-hover);background:var(--color-primary-soft)}.course-library-grid{align-items:start;gap:var(--space-5);grid-template-columns:minmax(0,1fr) 320px;display:grid}.course-library-main,.course-library-sidebar,.course-library-section{gap:var(--space-5);flex-direction:column;min-width:0;display:flex}.course-library-sidebar{top:calc(var(--layout-topbar) + var(--space-7));position:sticky}.course-library-cards{gap:var(--space-4);display:grid}.course-library-cards.is-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.course-library-cards.is-list{grid-template-columns:1fr}.course-library-card{border:1px solid var(--color-border);border-radius:var(--radius-2xl);color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-xs);text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;overflow:hidden}.course-library-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.course-library-card.is-grid{grid-template-rows:128px minmax(0,1fr);min-height:344px}.course-library-card.is-list{grid-template-columns:220px minmax(0,1fr);min-height:196px}.course-thumbnail{min-width:0;padding:var(--space-4);justify-content:space-between;align-items:flex-end;display:flex;position:relative;overflow:hidden}.course-thumbnail:after{border-radius:var(--radius-full);content:"";background:#ffffff61;width:126px;height:126px;position:absolute;inset:auto -34px -48px auto}.course-thumbnail-teal{background:linear-gradient(135deg,#dff7f2,#f8fffd)}.course-thumbnail-indigo{background:linear-gradient(135deg,#eef,#fbfbff)}.course-thumbnail-emerald{background:linear-gradient(135deg,#e5f8ed,#fbfffd)}.course-thumbnail-purple{background:linear-gradient(135deg,#f3edff,#fffafe)}.course-thumbnail-blue{background:linear-gradient(135deg,#ebf2ff,#fbfdff)}.course-thumbnail-amber{background:linear-gradient(135deg,#fff4df,#fffdf8)}.course-play-icon{z-index:1;border-radius:var(--radius-full);width:44px;height:44px;color:var(--color-text-inverse);background:linear-gradient(135deg, var(--color-primary), #14b8a6);place-items:center;display:grid;box-shadow:0 12px 28px #0f8b8638}.course-thumbnail>div{z-index:1;justify-items:end;gap:var(--space-2);display:grid;position:relative}.course-thumbnail strong{color:var(--color-text-soft);font-size:var(--font-size-12)}.course-library-card-body{gap:var(--space-3);min-width:0;padding:var(--space-4);flex-direction:column;display:flex}.course-library-card-meta,.course-library-progress>div{align-items:center;gap:var(--space-2);display:flex}.course-library-card-meta{justify-content:space-between}.course-library-card-meta>span,.course-library-progress span,.suggested-roadmap-steps small{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-bold)}.course-library-card-meta>span{align-items:center;display:inline-flex}.course-library-card h3{color:var(--color-text);font-size:var(--font-size-18);line-height:var(--line-heading);overflow-wrap:break-word;margin:0}.course-library-card p{color:var(--color-text-muted);font-size:var(--font-size-13);line-height:var(--line-body);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.course-library-progress{gap:var(--space-2);margin-top:auto;display:grid}.course-library-progress>div{justify-content:space-between}.course-library-progress strong{color:var(--color-text);font-size:var(--font-size-13)}.suggested-roadmap-card{gap:var(--space-4);border-radius:var(--radius-2xl);background:radial-gradient(circle at 88% 0, #5b5bd61c, transparent 28%), radial-gradient(circle at 0 0, #0f8b861a, transparent 24%), var(--color-surface);display:grid;overflow:hidden}.suggested-roadmap-header{justify-content:space-between;align-items:flex-start;gap:var(--space-5);display:flex}.suggested-roadmap-header h2{margin:var(--space-3) 0 var(--space-2);color:var(--color-text);font-size:var(--font-size-24);line-height:var(--line-heading)}.suggested-roadmap-header p{max-width:640px;color:var(--color-text-muted);font-size:var(--font-size-14);line-height:var(--line-body);margin:0}.suggested-roadmap-progress{justify-items:center;gap:var(--space-1);min-width:92px;padding:var(--space-3);border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);background:#ffffffbf;display:grid}.suggested-roadmap-progress strong{color:var(--color-primary-hover);font-size:var(--font-size-24);line-height:1}.suggested-roadmap-progress span{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-bold)}.suggested-roadmap-steps{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.suggested-roadmap-steps a{align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-3);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);color:var(--color-text);background:#ffffffb8;grid-template-columns:30px minmax(0,1fr) auto;text-decoration:none;display:grid}.suggested-roadmap-steps a>span{border-radius:var(--radius-full);width:30px;height:30px;color:var(--color-primary-hover);background:var(--color-primary-soft);font-size:var(--font-size-13);font-weight:var(--font-extrabold);place-items:center;display:grid}.suggested-roadmap-steps strong,.saved-course-list span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.suggested-roadmap-steps strong{color:var(--color-text);font-size:var(--font-size-13);line-height:var(--line-heading)}.course-sidebar-card{border-radius:var(--radius-2xl)}.popular-topic-list,.saved-course-list{gap:var(--space-2);display:grid}.popular-topic-list div{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-soft);display:flex}.popular-topic-list div:last-child{border-bottom:0}.popular-topic-list span{color:var(--color-text-soft);font-size:var(--font-size-13);font-weight:var(--font-semibold)}.popular-topic-list strong{color:var(--color-primary-hover);font-size:var(--font-size-13)}.saved-course-list a{align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-bg-subtle);font-size:var(--font-size-13);font-weight:var(--font-bold);grid-template-columns:28px minmax(0,1fr);text-decoration:none;display:grid}.saved-course-list svg{color:var(--color-primary-hover)}.learning-stat-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.learning-stat-grid div{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);color:var(--color-primary-hover);background:var(--color-primary-soft);display:grid}.learning-stat-grid span,.course-xp-heading span,.course-xp-card p{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-bold)}.learning-stat-grid strong{color:var(--color-text);font-size:var(--font-size-20)}.course-xp-card{gap:var(--space-4);display:grid}.course-xp-heading{align-items:center;gap:var(--space-3);grid-template-columns:44px minmax(0,1fr);display:grid}.course-xp-icon{border-radius:var(--radius-lg);width:44px;height:44px;color:var(--color-secondary-hover);background:var(--color-secondary-soft);place-items:center;display:grid}.course-xp-heading strong,.course-xp-heading span{display:block}.course-xp-heading strong{color:var(--color-text);font-size:var(--font-size-15)}.course-xp-card p{line-height:var(--line-body);margin:0}.lesson-player-page{gap:var(--space-5);flex-direction:column;display:flex}.lesson-breadcrumb{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-13);font-weight:var(--font-bold);flex-wrap:wrap;display:flex}.lesson-breadcrumb a{color:var(--color-primary-hover);text-decoration:none}.lesson-breadcrumb strong{color:var(--color-text)}.lesson-course-header{align-items:center;gap:var(--space-5);border-radius:var(--radius-2xl);grid-template-columns:190px minmax(0,1fr) 360px;display:grid}.lesson-course-thumbnail{border-radius:var(--radius-xl);min-height:156px;color:var(--color-primary-hover);place-items:center;display:grid}.lesson-course-heading{gap:var(--space-3);min-width:0;display:grid}.lesson-course-heading h1{color:var(--color-text);font-size:var(--font-size-30);line-height:var(--line-tight);margin:0}.lesson-course-heading p{color:var(--color-text-muted);font-size:var(--font-size-14);line-height:var(--line-body);margin:0}.lesson-course-progress{gap:var(--space-2);display:grid}.lesson-course-progress div,.lesson-course-actions{align-items:center;gap:var(--space-3);display:flex}.lesson-course-progress div{justify-content:space-between}.lesson-course-progress span,.lesson-outline-heading span,.lesson-module>div:first-child span,.lesson-outline-row small,.lesson-next-card span{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-bold)}.lesson-course-progress strong{color:var(--color-primary-hover);font-size:var(--font-size-14)}.lesson-course-meta{gap:var(--space-4);min-width:0;display:grid}.lesson-course-actions{flex-wrap:wrap}.lesson-action-feedback{border-radius:var(--radius-lg);width:fit-content;color:var(--color-primary-pressed);background:var(--color-primary-soft);font-size:var(--font-size-13);font-weight:var(--font-bold);border:1px solid #0f8b862e;padding:9px 12px}.lesson-menu-popover{position:relative}.lesson-menu-button{border:1px solid var(--color-border-soft);border-radius:var(--radius-md);width:34px;height:34px;color:var(--color-text-muted);background:var(--color-surface);place-items:center;transition:border-color .16s,background .16s,color .16s,transform .16s;display:grid}.lesson-menu-button:hover{color:var(--color-primary-hover);background:var(--color-primary-soft);border-color:#0f8b863d;transform:translateY(-1px)}.lesson-course-menu{top:calc(100% + var(--space-2));z-index:var(--z-popover);min-width:190px;padding:var(--space-2);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-popover);display:grid;position:absolute;right:0}.lesson-course-menu button{border-radius:var(--radius-sm);min-height:34px;color:var(--color-text);font:inherit;font-size:var(--font-size-13);font-weight:var(--font-bold);text-align:left;background:0 0;border:0;padding:8px 10px}.lesson-course-menu button:hover,.lesson-course-menu button:focus-visible{background:var(--color-surface-hover);outline:0}.lesson-review-backdrop{z-index:var(--z-modal);padding:var(--space-5);background:#0f172a5c;place-items:center;display:grid;position:fixed;inset:0}.lesson-review-modal{gap:var(--space-4);width:min(480px,100%);padding:var(--space-5);border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-popover);display:grid}.lesson-review-modal header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.lesson-review-modal header span{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-bold)}.lesson-review-modal h2{font-size:var(--font-size-20);margin:3px 0 0}.lesson-review-modal header button{border:1px solid var(--color-border-soft);border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-muted);background:var(--color-surface);place-items:center;font-size:20px;display:grid}.lesson-review-modal label{gap:var(--space-2);color:var(--color-text-soft);font-size:var(--font-size-13);font-weight:var(--font-bold);display:grid}.lesson-review-modal select,.lesson-review-modal textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%;font:inherit}.lesson-review-modal select{min-height:40px;padding:0 12px}.lesson-review-modal textarea{resize:vertical;min-height:112px;padding:10px 12px}.lesson-review-actions{justify-content:flex-end;gap:var(--space-3);display:flex}.lesson-player-grid{align-items:start;gap:var(--space-5);grid-template-columns:300px minmax(0,1fr) 330px;display:grid}.lesson-outline-panel,.lesson-right-panel{top:calc(var(--layout-topbar) + var(--space-7));min-width:0;position:sticky}.lesson-outline-panel,.lesson-right-panel,.lesson-content-stack,.lesson-module-list,.lesson-outline-list,.lesson-related-list,.lesson-comment-list,.lesson-quiz-list{gap:var(--space-4);display:grid}.lesson-outline-panel{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-2xl);background:var(--color-surface);box-shadow:var(--shadow-xs)}.lesson-outline-heading h2,.lesson-module>div:first-child strong,.lesson-detail-card h3,.lesson-discussion-card h3,.lesson-quiz-question h3{color:var(--color-text);line-height:var(--line-heading);margin:0}.lesson-outline-heading h2{font-size:var(--font-size-20);margin-top:3px}.lesson-module{gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border-soft);display:grid}.lesson-module:first-child{border-top:0;padding-top:0}.lesson-module>div:first-child strong,.lesson-module>div:first-child span{display:block}.lesson-module>div:first-child strong{font-size:var(--font-size-14)}.lesson-outline-row{gap:var(--space-2);width:100%;padding:var(--space-3);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);color:var(--color-text);background:var(--color-bg-subtle);text-align:left;grid-template-columns:32px minmax(0,1fr);display:grid}.lesson-outline-row.is-active{background:var(--color-secondary-soft);border-color:#5b5bd66b}.lesson-outline-row:disabled{cursor:not-allowed;opacity:.72}.lesson-outline-icon{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-primary-hover);background:var(--color-primary-soft);place-items:center;display:grid}.lesson-outline-row.is-locked .lesson-outline-icon{color:var(--color-neutral);background:var(--color-neutral-soft)}.lesson-outline-row strong,.lesson-outline-row small{display:block}.lesson-outline-row strong{color:var(--color-text);font-size:var(--font-size-13);line-height:var(--line-heading)}.lesson-video-card,.lesson-detail-card,.lesson-discussion-card,.lesson-quiz-card,.lesson-note-card,.lesson-practice-card,.lesson-related-card,.lesson-next-card{border-radius:var(--radius-2xl)}.lesson-video-frame{border-radius:var(--radius-xl);min-height:470px;color:var(--color-text-inverse);background:radial-gradient(circle at 15% 10%,#14b8a659,#0000 24%),radial-gradient(circle at 86% 16%,#5b5bd652,#0000 30%),linear-gradient(135deg,#132532,#0c1a23 58%,#13283a);position:relative;overflow:hidden}.lesson-video-overlay{align-content:center;justify-items:center;gap:var(--space-4);padding:var(--space-8);text-align:center;display:grid;position:absolute;inset:0}.lesson-video-overlay h2{max-width:720px;color:var(--color-text-inverse);font-size:36px;line-height:var(--line-tight);margin:0}.lesson-video-overlay p{max-width:620px;color:var(--color-text-inverse-muted);line-height:var(--line-body);margin:0}.lesson-video-overlay button{border-radius:var(--radius-full);width:68px;height:68px;color:var(--color-text-inverse);background:linear-gradient(135deg, var(--color-primary), #14b8a6);border:1px solid #ffffff38;place-items:center;display:grid;box-shadow:0 18px 44px #00000047}.lesson-player-controls{right:var(--space-5);bottom:var(--space-5);left:var(--space-5);align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08131bad;border:1px solid #ffffff24;grid-template-columns:auto minmax(0,1fr) auto auto auto;display:grid;position:absolute}.lesson-player-controls span{color:var(--color-text-inverse-muted);font-size:var(--font-size-12);font-weight:var(--font-bold)}.lesson-player-control-bar{border-radius:var(--radius-full);background:#ffffff2e;height:6px;overflow:hidden}.lesson-player-control-bar span{background:#14b8a6;width:42%;height:100%;display:block}.lesson-detail-card .tabs{margin-bottom:var(--space-4)}.lesson-tab-content{gap:var(--space-5);display:grid}.lesson-tab-content p{margin:var(--space-2) 0 0;color:var(--color-text-muted);line-height:var(--line-body)}.lesson-keypoint-list{gap:var(--space-3);margin:var(--space-3) 0 0;padding:0;list-style:none;display:grid}.lesson-keypoint-list li{gap:var(--space-2);color:var(--color-text-soft);font-size:var(--font-size-14);line-height:var(--line-body);grid-template-columns:24px minmax(0,1fr);display:grid}.lesson-keypoint-list svg{color:var(--color-primary-hover)}.lesson-materials{gap:var(--space-3);display:grid}.lesson-material-list{gap:var(--space-2);display:grid}.lesson-material-list button{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);color:var(--color-text);background:var(--color-bg-subtle);font:inherit;text-align:left;grid-template-columns:34px minmax(0,1fr) auto;text-decoration:none;display:grid}.lesson-material-list button:hover,.lesson-material-list button:focus-visible{background:var(--color-primary-soft);border-color:#0f8b863d;outline:0}.lesson-material-list strong,.lesson-material-list small{display:block}.lesson-material-list strong{font-size:var(--font-size-14)}.lesson-material-list small{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-bold)}.lesson-right-panel{gap:var(--space-4);display:grid}.lesson-note-card textarea{resize:vertical;width:100%;min-height:132px;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);background:var(--color-bg-subtle);font:inherit;font-size:var(--font-size-14);line-height:var(--line-body);outline:0}.lesson-note-card small{margin-top:var(--space-2);color:var(--color-success);font-size:var(--font-size-12);font-weight:var(--font-bold);display:block}.lesson-practice-card,.lesson-related-card,.lesson-next-card{gap:var(--space-3);display:grid}.lesson-practice-card>strong,.lesson-next-card strong,.lesson-related-list strong{color:var(--color-text);font-size:var(--font-size-14);line-height:var(--line-heading)}.lesson-practice-card p,.lesson-related-list p{color:var(--color-text-muted);font-size:var(--font-size-13);line-height:var(--line-body);margin:0}.lesson-related-list article{gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-bg-subtle);grid-template-columns:32px minmax(0,1fr);display:grid}.lesson-related-list svg{color:var(--color-secondary-hover)}.lesson-next-card>div{gap:var(--space-2);display:grid}.lesson-discussion-card,.lesson-quiz-card{gap:var(--space-4);display:grid}.lesson-comment-list article{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background:var(--color-bg-subtle);grid-template-columns:auto minmax(0,1fr);display:grid}.lesson-comment-list strong,.lesson-comment-list span{display:block}.lesson-comment-list strong{color:var(--color-text);font-size:var(--font-size-14)}.lesson-comment-list span{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-bold)}.lesson-comment-list p{margin:var(--space-2) 0 0;color:var(--color-text-soft);font-size:var(--font-size-14);line-height:var(--line-body)}.lesson-comment-box{gap:var(--space-2);grid-template-columns:minmax(0,1fr) 40px;display:grid}.lesson-comment-box input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-height:40px;font:inherit;outline:0;padding:0 12px}.lesson-comment-box button{border-radius:var(--radius-md);color:var(--color-text-inverse);background:var(--color-primary);border:0;place-items:center;display:grid}.lesson-comment-box button:disabled{cursor:not-allowed;opacity:.48}.lesson-quiz-question{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background:var(--color-bg-subtle);display:grid}.lesson-quiz-question h3{font-size:var(--font-size-15)}.lesson-quiz-options{gap:var(--space-2);display:grid}.lesson-quiz-options button{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-soft);background:var(--color-surface);text-align:left;font-size:var(--font-size-13);font-weight:var(--font-semibold);padding:10px 12px}.lesson-quiz-options button.is-selected{color:var(--color-primary-hover);background:var(--color-primary-soft);border-color:#0f8b8661}.lesson-quiz-question p{font-size:var(--font-size-13);font-weight:var(--font-semibold);line-height:var(--line-body);margin:0}.lesson-quiz-question p.is-correct{color:var(--color-success)}.lesson-quiz-question p.is-incorrect{color:var(--color-critical)}.marketing-page{gap:var(--space-5);flex-direction:column;display:flex}.marketing-page>.tabs{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.marketing-page>.tabs::-webkit-scrollbar{display:none}.marketing-workspace-grid{align-items:start;gap:var(--space-5);grid-template-columns:minmax(0,1fr) 340px;display:grid}.marketing-main-stack,.marketing-sidebar,.marketing-card-grid,.marketing-step-list,.marketing-checklist,.marketing-idea-list,.marketing-tool-list,.marketing-planner-list,.marketing-featured-template-list{gap:var(--space-4);display:grid}.marketing-sidebar{top:calc(var(--layout-topbar) + var(--space-7));position:sticky}.marketing-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.marketing-priority-card,.marketing-list-card,.marketing-checklist-card,.marketing-template-card,.marketing-planner-card,.marketing-side-card{border-radius:var(--radius-2xl)}.marketing-priority-card{align-content:start;gap:var(--space-3);background:linear-gradient(135deg, #e4f6f3eb, #eeeeffc7), var(--color-surface);display:grid}.marketing-priority-score{align-items:center;gap:var(--space-2);display:flex}.marketing-priority-score svg{color:var(--color-warning)}.marketing-priority-score strong{color:var(--color-text);font-size:var(--font-size-30);line-height:var(--line-heading)}.marketing-priority-score span,.marketing-template-card>span{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-bold)}.marketing-priority-card h3{color:var(--color-text);font-size:var(--font-size-24);line-height:var(--line-heading);margin:0}.marketing-priority-card p,.marketing-template-card p,.marketing-list-card small,.marketing-idea-list p,.marketing-planner-list p,.marketing-featured-template-list p{color:var(--color-text-muted);font-size:var(--font-size-13);line-height:var(--line-body);margin:0}.marketing-step-list article{gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-bg-subtle);grid-template-columns:32px minmax(0,1fr);display:grid}.marketing-step-list article>span{border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-secondary-hover);background:var(--color-secondary-soft);font-size:var(--font-size-13);font-weight:var(--font-extrabold);place-items:center;display:grid}.marketing-step-list p,.marketing-checklist span,.marketing-tool-list span{color:var(--color-text-soft);font-size:var(--font-size-13);line-height:var(--line-body);margin:0}.marketing-checklist label{align-items:start;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background:var(--color-surface);grid-template-columns:18px minmax(0,1fr);display:grid}.marketing-checklist label.is-checked{background:var(--color-primary-soft);border-color:#0f8b863d}.marketing-checklist input{width:16px;height:16px;accent-color:var(--color-primary);margin-top:2px}.marketing-template-card{gap:var(--space-3);display:grid}.marketing-template-card p{padding:var(--space-4);border-radius:var(--radius-xl);color:var(--color-text-soft);background:var(--color-bg-subtle)}.marketing-idea-list article,.marketing-tool-list article,.marketing-featured-template-list article{gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-bg-subtle);grid-template-columns:28px minmax(0,1fr);display:grid}.marketing-idea-list svg,.marketing-tool-list svg,.marketing-featured-template-list svg{color:var(--color-primary-hover)}.marketing-list-card small{padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-secondary-soft);color:var(--color-secondary-hover);font-weight:var(--font-bold);display:block}.marketing-planner-card{gap:var(--space-4);display:grid}.marketing-planner-list article{align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);background:var(--color-surface);grid-template-columns:96px minmax(0,1fr) auto;display:grid}.marketing-planner-day{padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-primary-soft);color:var(--color-primary-hover);gap:4px;display:grid}.marketing-planner-day strong{font-size:var(--font-size-14)}.marketing-planner-day span{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-bold)}.marketing-planner-list h3{margin:var(--space-2) 0 var(--space-1);color:var(--color-text);font-size:var(--font-size-16)}.marketing-side-card{gap:var(--space-4);display:grid}.marketing-featured-template-list strong{color:var(--color-text);font-size:var(--font-size-14);line-height:var(--line-heading);display:block}.marketing-featured-template-list .button{margin-top:var(--space-2)}.tools-page{gap:var(--space-5);flex-direction:column;display:flex}.tools-hero{align-items:center;gap:var(--space-6);min-height:216px;padding:var(--space-7);border:1px solid var(--color-border);border-radius:var(--radius-2xl);background:radial-gradient(circle at 86% 14%, #5b5bd61f, transparent 34%), linear-gradient(135deg, var(--color-surface), #f3fbf9 82%);box-shadow:var(--shadow-xs);grid-template-columns:minmax(0,1fr) 360px;display:grid}.tools-hero .page-header p{max-width:560px}.tools-hero-illustration{min-height:178px;position:relative}.tools-laptop{width:min(100%,320px);min-height:178px;padding:var(--space-4);border-radius:var(--radius-2xl);background:var(--color-surface);box-shadow:var(--shadow-md);border:1px solid #5b5bd633;position:absolute;bottom:0;right:0}.tools-laptop:after{border-radius:0 0 var(--radius-xl) var(--radius-xl);content:"";background:linear-gradient(90deg,#dce7ee,#f8fafc,#dce7ee);height:12px;position:absolute;bottom:-12px;left:24px;right:24px}.tools-laptop-top,.tools-video-topbar{gap:6px;display:flex}.tools-laptop-top span,.tools-video-topbar span{border-radius:var(--radius-full);background:var(--color-border-strong);width:8px;height:8px}.tools-laptop-chart{align-items:end;gap:var(--space-2);height:72px;margin-top:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.tools-laptop-chart i{border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:linear-gradient(180deg, var(--color-primary), #42c6a2);display:block}.tools-laptop-chart i:first-child{height:48%}.tools-laptop-chart i:nth-child(2){height:78%}.tools-laptop-chart i:nth-child(3){height:58%}.tools-laptop-chart i:nth-child(4){height:88%}.tools-laptop-list{gap:var(--space-2);margin-top:var(--space-4);display:grid}.tools-laptop-list span{border-radius:var(--radius-full);background:var(--color-bg-subtle);height:10px}.tools-laptop-list span:nth-child(2){width:76%}.tools-laptop-list span:nth-child(3){width:58%}.tools-floating-card{align-items:center;gap:var(--space-2);border-radius:var(--radius-xl);color:var(--color-primary-hover);box-shadow:var(--shadow-sm);font-size:var(--font-size-13);font-weight:var(--font-extrabold);background:#ffffffeb;border:1px solid #0f8b8633;padding:10px 12px;display:inline-flex;position:absolute;top:12px;left:4px}.tools-kpi-grid{gap:var(--space-4);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.tools-kpi-card{gap:var(--space-3);border-radius:var(--radius-2xl);min-height:112px;display:grid}.tools-kpi-card div{align-items:center;gap:var(--space-2);display:flex}.tools-kpi-card div span{border-radius:var(--radius-lg);width:34px;height:34px;color:var(--color-primary-hover);background:var(--color-primary-soft);place-items:center;display:grid}.tools-kpi-card p{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-extrabold);margin:0}.tools-kpi-card strong{color:var(--color-text);font-size:var(--font-size-24);line-height:var(--line-heading)}.tools-quick-grid{gap:var(--space-4);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.tools-quick-grid button{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-2xl);color:var(--color-text);background:var(--color-surface);text-align:left;box-shadow:var(--shadow-xs);transition:transform .16s,border-color .16s,box-shadow .16s;display:grid}.tools-quick-grid button:hover,.tools-quick-grid button.is-active{box-shadow:var(--shadow-sm);border-color:#5b5bd666;transform:translateY(-1px)}.tools-quick-grid button.is-active{background:linear-gradient(180deg, #eeeeffeb, #fffffffa), var(--color-surface)}.tools-quick-grid button>span{border-radius:var(--radius-lg);width:40px;height:40px;color:var(--color-primary-hover);background:var(--color-primary-soft);place-items:center;display:grid}.tools-quick-grid strong{color:var(--color-text);font-size:var(--font-size-15);line-height:var(--line-heading)}.tools-quick-grid small{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-bold)}.tools-workspace-grid{align-items:start;gap:var(--space-5);grid-template-columns:minmax(0,1fr) 336px;display:grid}.tools-main-stack,.tool-right-sidebar,.tool-learning-grid,.tool-lesson-list,.tool-detail-grid,.tool-faq-list,.tool-video-list{gap:var(--space-4);display:grid}.tool-right-sidebar{top:calc(var(--layout-topbar) + var(--space-7));position:sticky}.tool-overview-card,.tool-roadmap-card,.tool-lesson-detail,.tool-side-card,.tool-assessment-card{border-radius:var(--radius-2xl)}.tool-overview-card{gap:var(--space-5);display:grid}.tool-overview-header,.tool-overview-title,.tool-overview-actions,.tool-lesson-head{align-items:flex-start;gap:var(--space-4);display:flex}.tool-overview-header,.tool-lesson-head{justify-content:space-between}.tool-overview-title>span{border-radius:var(--radius-xl);width:58px;height:58px;color:var(--color-primary-hover);background:var(--color-primary-soft);flex:none;place-items:center;display:grid}.tool-overview-title h2,.tool-lesson-head h2{margin:var(--space-2) 0 0;color:var(--color-text);line-height:var(--line-heading)}.tool-overview-title h2{font-size:var(--font-size-30)}.tool-overview-title p,.tool-lesson-head p,.tool-current-lesson p,.tool-faq-list p,.tool-assessment-card p{margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:var(--font-size-14);line-height:var(--line-body)}.tool-overview-actions{flex-wrap:wrap;justify-content:flex-end}.tool-overview-metrics{gap:var(--space-3);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.tool-metric-pill{padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-bg-subtle);gap:4px;display:grid}.tool-metric-pill span,.tool-current-lesson span,.tool-lesson-head span,.tool-assessment-card span,.tool-video-list span,.tool-document-list span{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-extrabold)}.tool-metric-pill strong,.tool-current-lesson strong,.tool-faq-list strong,.tool-video-list strong,.tool-document-list strong{color:var(--color-text);font-size:var(--font-size-14);line-height:var(--line-heading);display:block}.tool-current-lesson strong{margin-top:var(--space-1)}.tool-current-lesson{padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-primary-soft);border:1px solid #0f8b862e}.tool-learning-grid{grid-template-columns:340px minmax(0,1fr)}.tool-lesson-list button{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border-radius:var(--radius-lg);color:var(--color-text);text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:34px minmax(0,1fr);display:grid}.tool-lesson-list button:hover,.tool-lesson-list button.is-active{background:var(--color-secondary-soft);border-color:#5b5bd652}.tool-lesson-list button>span:not(.badge){border-radius:var(--radius-full);width:34px;height:34px;color:var(--color-secondary-hover);background:var(--color-secondary-soft);font-size:var(--font-size-13);font-weight:var(--font-extrabold);place-items:center;display:grid}.tool-lesson-list button .badge{grid-column:2;justify-self:start}.tool-lesson-list strong{color:var(--color-text);font-size:var(--font-size-14);line-height:var(--line-heading);display:block}.tool-lesson-list small{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-bold)}.tool-lesson-detail{gap:var(--space-5);display:grid}.tool-lesson-head h2{font-size:var(--font-size-24)}.tool-video-frame{padding:var(--space-4);border-radius:var(--radius-2xl);background:linear-gradient(135deg, #0f8b861f, #5b5bd61f), var(--color-bg-subtle)}.tool-video-screen{min-height:252px;padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-sm);border:1px solid #5b5bd62e;position:relative;overflow:hidden}.tool-video-grid{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:1.2fr .8fr;display:grid}.tool-video-grid i{border-radius:var(--radius-lg);background:var(--color-bg-subtle);min-height:76px}.tool-video-grid i:first-child{background:linear-gradient(180deg, var(--color-primary-soft), var(--color-bg-subtle));grid-row:span 2;min-height:168px}.tool-video-play{inset:auto var(--space-4) var(--space-4) var(--space-4);align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);color:var(--color-text);box-shadow:var(--shadow-sm);background:#ffffffe6;display:flex;position:absolute}.tool-video-play svg{color:var(--color-primary-hover)}.tool-video-play strong{font-size:var(--font-size-14)}.tool-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-detail-block{align-content:start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-bg-subtle);display:grid}.tool-detail-block h3{align-items:center;gap:var(--space-2);color:var(--color-text);font-size:var(--font-size-15);margin:0;display:flex}.tool-detail-block h3 svg{color:var(--color-secondary-hover)}.tool-detail-block ul{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.tool-detail-block li{gap:var(--space-2);color:var(--color-text-soft);font-size:var(--font-size-13);line-height:var(--line-body);grid-template-columns:20px minmax(0,1fr);display:grid}.tool-detail-block li svg,.tool-faq-list svg,.tool-video-list svg,.tool-document-list svg{color:var(--color-primary-hover)}.tool-document-list,.tool-faq-list article,.tool-video-list article{gap:var(--space-2);display:grid}.tool-document-list article,.tool-faq-list article,.tool-video-list article{padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-bg-subtle);grid-template-columns:28px minmax(0,1fr)}.tool-side-card,.tool-assessment-card{gap:var(--space-4);display:grid}.tool-assessment-card{text-align:center;justify-items:center}.tool-assessment-card>div:last-child{gap:var(--space-3);display:grid}.tool-assessment-card strong{color:var(--color-text);font-size:var(--font-size-16)}.scenario-page{gap:var(--space-5);flex-direction:column;display:flex}.scenario-filter-card{align-items:start;gap:var(--space-4);border-radius:var(--radius-2xl);grid-template-columns:minmax(0,.82fr) minmax(0,1.38fr) auto;display:grid}.scenario-filter-group{gap:var(--space-2);display:grid}.scenario-filter-group>span{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-extrabold)}.scenario-filter-group>div{gap:var(--space-2);flex-wrap:wrap;display:flex}.scenario-filter-card .select-field{justify-self:end}.scenario-rail{gap:var(--space-3);max-width:100%;padding-bottom:var(--space-1);scrollbar-width:thin;grid-auto-columns:minmax(228px,1fr);grid-auto-flow:column;display:grid;overflow-x:auto}.scenario-rail button{gap:var(--space-3);min-height:148px;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-2xl);color:var(--color-text);background:var(--color-surface);text-align:left;box-shadow:var(--shadow-xs);transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.scenario-rail button:hover,.scenario-rail button.is-selected{box-shadow:var(--shadow-sm);border-color:#5b5bd661;transform:translateY(-1px)}.scenario-rail button.is-selected{background:linear-gradient(180deg, #eeeefff5, #fffffffa), var(--color-surface)}.scenario-card-icon{border-radius:var(--radius-lg);width:40px;height:40px;color:var(--color-primary-hover);background:var(--color-primary-soft);place-items:center;display:grid}.scenario-card-title{color:var(--color-text);font-size:var(--font-size-15);font-weight:var(--font-extrabold);line-height:var(--line-heading)}.scenario-card-meta{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.scenario-card-meta small{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-extrabold)}.scenario-workspace-grid{align-items:start;gap:var(--space-5);grid-template-columns:minmax(0,1fr) 336px;display:grid}.scenario-main-stack,.scenario-sidebar,.scenario-panel-grid,.scenario-step-list,.scenario-answer-options,.scenario-achievement-list,.scenario-reference-list{gap:var(--space-4);display:grid}.scenario-sidebar{top:calc(var(--layout-topbar) + var(--space-7));position:sticky}.scenario-practice-panel,.scenario-customer-panel,.scenario-handling-panel,.scenario-answer-module{border:1px solid var(--color-border);border-radius:var(--radius-2xl);background:var(--color-surface);box-shadow:var(--shadow-xs)}.scenario-practice-panel{gap:var(--space-5);padding:var(--space-5);display:grid}.scenario-panel-header,.scenario-answer-heading,.scenario-score-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.scenario-panel-header p{max-width:760px;margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:var(--font-size-14);line-height:var(--line-body)}.scenario-title-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.scenario-title-row h2{color:var(--color-text);font-size:var(--font-size-28);line-height:var(--line-heading);margin:0}.scenario-progress-strip{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-xl);background:var(--color-bg-subtle);display:grid}.scenario-progress-strip span{color:var(--color-text-soft);font-size:var(--font-size-13);font-weight:var(--font-extrabold)}.scenario-panel-grid{grid-template-columns:310px minmax(0,1fr)}.scenario-customer-panel,.scenario-handling-panel,.scenario-answer-module{padding:var(--space-4)}.scenario-customer-head{align-items:center;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-soft);grid-template-columns:56px minmax(0,1fr);display:grid}.scenario-customer-head h3,.scenario-value-box h4,.scenario-answer-heading h3{color:var(--color-text);line-height:var(--line-heading);margin:0}.scenario-customer-head h3{font-size:var(--font-size-16)}.scenario-customer-head strong{color:var(--color-text);font-size:var(--font-size-14);margin-top:2px;display:block}.scenario-customer-head span{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-bold);line-height:var(--line-body);margin-top:2px;display:block}.scenario-profile-list{gap:var(--space-3);margin:var(--space-4) 0;display:grid}.scenario-profile-list div{gap:4px;display:grid}.scenario-profile-list dt,.scenario-answer-heading span,.scenario-reference-list span{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-extrabold)}.scenario-profile-list dd{color:var(--color-text-soft);font-size:var(--font-size-13);line-height:var(--line-body);margin:0}.scenario-goal-box,.scenario-memory-box,.scenario-feedback,.scenario-mentor-box,.scenario-achievement-list article,.scenario-reference-list article{gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-bg-subtle);grid-template-columns:28px minmax(0,1fr);display:grid}.scenario-goal-box svg,.scenario-memory-box svg,.scenario-mentor-box svg{color:var(--color-secondary-hover)}.scenario-goal-box strong,.scenario-memory-box strong,.scenario-feedback strong,.scenario-reference-list strong{color:var(--color-text);font-size:var(--font-size-14);line-height:var(--line-heading);display:block}.scenario-goal-box p,.scenario-memory-box p,.scenario-feedback p,.scenario-feedback span,.scenario-mentor-box p{color:var(--color-text-muted);font-size:var(--font-size-13);line-height:var(--line-body);margin:0}.scenario-value-box{gap:var(--space-3);margin-top:var(--space-4);display:grid}.scenario-value-box h4,.scenario-answer-heading h3{font-size:var(--font-size-16)}.scenario-value-box ul{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.scenario-value-box li{gap:var(--space-2);color:var(--color-text-soft);font-size:var(--font-size-13);line-height:var(--line-body);grid-template-columns:20px minmax(0,1fr);display:grid}.scenario-value-box svg,.scenario-step-list article.is-done>span,.scenario-feedback.is-correct svg{color:var(--color-primary-hover)}.scenario-handling-panel{align-content:start;gap:var(--space-4);display:grid}.scenario-handling-panel .tabs{flex-wrap:nowrap;overflow-x:auto}.scenario-step-list article{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background:var(--color-surface);grid-template-columns:34px minmax(0,1fr);display:grid}.scenario-step-list article>span{border-radius:var(--radius-full);width:34px;height:34px;color:var(--color-text-muted);background:var(--color-bg-subtle);font-size:var(--font-size-13);font-weight:var(--font-extrabold);place-items:center;display:grid}.scenario-step-list article.is-done{background:linear-gradient(90deg,#e5f7f48f,#fffffff5);border-color:#0f8b863d}.scenario-step-list article.is-done>span{background:var(--color-primary-soft)}.scenario-step-list h3{color:var(--color-text);font-size:var(--font-size-14);margin:0}.scenario-step-list p,.scenario-step-list small,.scenario-dos-grid p,.scenario-script-list p{color:var(--color-text-muted);font-size:var(--font-size-13);line-height:var(--line-body);margin:0}.scenario-step-list small{margin-top:var(--space-1);color:var(--color-secondary-hover);font-weight:var(--font-bold);display:block}.scenario-dos-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.scenario-dos-grid>div{gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-bg-subtle);display:grid}.scenario-dos-grid h3{align-items:center;gap:var(--space-2);color:var(--color-text);font-size:var(--font-size-14);margin:0;display:flex}.scenario-dos-grid svg{color:var(--color-primary-hover)}.scenario-script-list{gap:var(--space-2);display:grid}.scenario-script-list article{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-bg-subtle);grid-template-columns:28px minmax(0,1fr);display:grid}.scenario-script-list span{color:var(--color-secondary-hover);font-weight:var(--font-extrabold)}.scenario-answer-module{gap:var(--space-4);display:grid}.scenario-answer-options label{align-items:start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);grid-template-columns:20px 38px minmax(0,1fr);display:grid}.scenario-answer-options label.is-selected{background:var(--color-secondary-soft);border-color:#5b5bd66b}.scenario-answer-options label.is-correct{background:var(--color-primary-soft);border-color:#0f8b8657}.scenario-answer-options label.is-wrong{background:var(--color-critical-soft);border-color:#d34b4b4d}.scenario-answer-options input{width:17px;height:17px;accent-color:var(--color-primary);margin-top:2px}.scenario-answer-options label>span{border-radius:var(--radius-full);width:34px;height:34px;color:var(--color-secondary-hover);background:var(--color-secondary-soft);font-weight:var(--font-extrabold);place-items:center;display:grid}.scenario-answer-options p{color:var(--color-text-soft);font-size:var(--font-size-14);line-height:var(--line-body);margin:0}.scenario-answer-actions{justify-content:flex-end;display:flex}.scenario-feedback.is-correct{background:var(--color-primary-soft);border:1px solid #0f8b8633}.scenario-feedback.is-wrong{background:var(--color-critical-soft);border:1px solid #d34b4b33}.scenario-feedback.is-wrong svg{color:var(--color-critical)}.scenario-score-card,.scenario-side-card{border-radius:var(--radius-2xl)}.scenario-score-head strong{color:var(--color-text);font-size:var(--font-size-24);line-height:var(--line-heading);display:block}.scenario-score-head span,.scenario-achievement-list span{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-bold)}.scenario-mini-chart{gap:var(--space-2);margin-top:var(--space-4);display:grid}.scenario-mini-chart svg{width:100%;height:92px}.scenario-mini-chart path{fill:none;stroke:var(--color-border-soft);stroke-width:1px}.scenario-mini-chart polyline{fill:none;stroke:var(--color-secondary-hover);stroke-linecap:round;stroke-linejoin:round;stroke-width:4px}.scenario-mini-chart div{color:var(--color-text-muted);font-size:var(--font-size-11);font-weight:var(--font-bold);justify-content:space-between;display:flex}.scenario-achievement-list article svg{color:var(--color-warning)}.scenario-reference-list article{background:var(--color-bg-subtle)}.scenario-reference-list svg{color:var(--color-primary-hover)}.scenario-reference-list strong{font-size:var(--font-size-13)}.sop-page{gap:var(--space-5);flex-direction:column;display:flex}.sop-action-feedback{border-radius:var(--radius-lg);width:fit-content;color:var(--color-primary-pressed);background:var(--color-primary-soft);font-size:var(--font-size-13);font-weight:var(--font-bold);border:1px solid #0f8b862e;padding:9px 12px}.sop-suggestion-backdrop{z-index:var(--z-modal);padding:var(--space-5);background:#0f172a5c;place-items:center;display:grid;position:fixed;inset:0}.sop-suggestion-modal{gap:var(--space-4);width:min(520px,100%);padding:var(--space-5);border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-popover);display:grid}.sop-suggestion-modal header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.sop-suggestion-modal header span{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-bold)}.sop-suggestion-modal h2{font-size:var(--font-size-20);margin:3px 0 0}.sop-suggestion-modal header button{border:1px solid var(--color-border-soft);border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-muted);background:var(--color-surface);place-items:center;font-size:20px;display:grid}.sop-suggestion-modal label{gap:var(--space-2);color:var(--color-text-soft);font-size:var(--font-size-13);font-weight:var(--font-bold);display:grid}.sop-suggestion-modal textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-height:132px;font:inherit;resize:vertical;padding:10px 12px}.sop-suggestion-actions{justify-content:flex-end;gap:var(--space-3);display:flex}.sop-category-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.sop-filter-bar{align-items:center;gap:var(--space-3);border-radius:var(--radius-2xl);flex-wrap:wrap;display:flex}.sop-switch{align-items:center;gap:var(--space-2);min-height:40px;color:var(--color-text-soft);font-size:var(--font-size-13);font-weight:var(--font-bold);padding:0 10px;display:inline-flex}.sop-switch input{width:16px;height:16px;accent-color:var(--color-primary)}.sop-view-toggle{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-xs);display:inline-flex}.sop-view-toggle button{border-radius:var(--radius-sm);width:32px;height:30px;color:var(--color-text-muted);background:0 0;border:0;place-items:center;transition:background .16s,color .16s;display:grid}.sop-view-toggle button:hover{color:var(--color-text);background:var(--color-surface-hover)}.sop-view-toggle button.is-active{color:var(--color-primary-hover);background:var(--color-primary-soft)}.sop-workspace-grid{align-items:start;gap:var(--space-5);grid-template-columns:minmax(0,1fr) 360px;display:grid}.sop-preview-panel{top:calc(var(--layout-topbar) + var(--space-7));min-width:0;position:sticky}.sop-center-panel,.sop-preview-panel,.sop-table-body,.sop-card-list,.sop-preview-content,.sop-version-list,.sop-permission-list{gap:var(--space-4);display:grid}.sop-table-card,.sop-preview-card{border-radius:var(--radius-2xl)}.sop-document-title-cell strong,.sop-related-list strong,.sop-version-list strong,.sop-permission-list strong{color:var(--color-text);font-size:var(--font-size-14);line-height:var(--line-heading);display:block}.sop-preview-content p,.sop-version-list p,.sop-permission-list p{color:var(--color-text-muted);font-size:var(--font-size-13);line-height:var(--line-body);margin:0}.sop-table-card{overflow:hidden}.sop-table-header,.sop-table-row{align-items:center;gap:var(--space-3);grid-template-columns:minmax(260px,1.55fr) 92px 130px 110px 116px 150px;display:grid}.sop-table-header{padding:0 var(--space-3) var(--space-3);border-bottom:1px solid var(--color-border-soft)}.sop-table-header span{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-extrabold)}.sop-table-row{width:100%;padding:var(--space-3);border-radius:var(--radius-lg);color:var(--color-text);text-align:left;background:0 0;border:1px solid #0000}.sop-table-row:hover{background:var(--color-bg-subtle)}.sop-table-row.is-selected{background:linear-gradient(90deg, #eeeeffeb, #fffffffa 58%), var(--color-surface);box-shadow:var(--shadow-sm);border-color:#5b5bd66b}.sop-table-row>span:not(.sop-document-title-cell):not(.badge):not(.sop-completion-cell){color:var(--color-text-soft);font-size:var(--font-size-13);font-weight:var(--font-semibold)}.sop-document-title-cell{align-items:center;gap:var(--space-3);grid-template-columns:36px minmax(0,1fr);min-width:0;display:grid}.sop-document-icon,.sop-preview-document-icon{color:var(--color-primary-hover);background:var(--color-primary-soft);place-items:center;display:grid}.sop-document-icon{border-radius:var(--radius-md);width:36px;height:36px}.sop-document-title-cell small{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-bold);margin-top:2px;display:block}.sop-row-badges{margin-top:var(--space-2);flex-wrap:wrap;gap:5px;display:flex}.sop-completion-cell{align-items:center;gap:var(--space-2);grid-template-columns:minmax(0,1fr) 42px;display:grid}.sop-completion-cell strong{color:var(--color-text);font-size:var(--font-size-12)}.sop-card-list{grid-template-columns:repeat(2,minmax(0,1fr))}.sop-card-list button{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-2xl);background:var(--color-surface);text-align:left;box-shadow:var(--shadow-xs);display:grid}.sop-card-list button.is-selected{background:var(--color-secondary-soft);border-color:#5b5bd66b}.sop-pagination{justify-content:space-between;align-items:center;gap:var(--space-3);padding:0 var(--space-1);display:flex}.sop-pagination span{color:var(--color-text-muted);font-size:var(--font-size-13);font-weight:var(--font-bold)}.sop-pagination div{gap:var(--space-2);display:flex}.sop-preview-back{align-items:center;gap:var(--space-2);width:fit-content;color:var(--color-primary-hover);font-size:var(--font-size-13);font-weight:var(--font-bold);background:0 0;border:0;display:inline-flex}.sop-preview-card{gap:var(--space-4);display:grid}.sop-preview-document-icon{border-radius:var(--radius-xl);width:56px;height:56px}.sop-preview-card h2{color:var(--color-text);font-size:var(--font-size-24);line-height:var(--line-heading);margin:0}.sop-preview-meta{gap:var(--space-2);flex-wrap:wrap;display:flex}.sop-preview-meta span{border-radius:var(--radius-full);color:var(--color-text-soft);background:var(--color-bg-subtle);font-size:var(--font-size-12);font-weight:var(--font-bold);padding:6px 9px}.sop-preview-card .tabs{flex-wrap:nowrap;overflow-x:auto}.sop-preview-content section{gap:var(--space-3);display:grid}.sop-preview-content h3,.sop-version-list h3{color:var(--color-text);font-size:var(--font-size-16);margin:0}.sop-checklist{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.sop-checklist li{gap:var(--space-2);color:var(--color-text-soft);font-size:var(--font-size-13);line-height:var(--line-body);grid-template-columns:22px minmax(0,1fr);display:grid}.sop-checklist svg{color:var(--color-primary-hover)}.sop-related-list,.sop-permission-list{gap:var(--space-2);display:grid}.sop-related-list article,.sop-permission-list article,.sop-version-list article{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-bg-subtle);display:grid}.sop-related-list article,.sop-permission-list article{grid-template-columns:28px minmax(0,1fr)}.sop-related-list svg,.sop-permission-list svg{color:var(--color-secondary-hover)}.sop-related-list span,.sop-version-list span{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-bold)}.card-padded{padding:var(--space-5)}.card-compact{padding:var(--space-4)}.card-hover{transition:border-color .16s,box-shadow .16s,transform .16s}.card-hover:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.section-heading,.course-card-top,.panel-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.section-heading h2,.course-card h2,.scenario-card h2,.mini-panel h2,.lesson-stage h2,.lesson-sidebar h2,.card-title{color:var(--color-text);font-size:var(--font-size-20);line-height:var(--line-heading);letter-spacing:0;margin:4px 0 0}.label,.section-heading span,.course-card-top span,.mini-panel span,.lesson-stage span,.profile-panel span,.panel-heading span,.stat-card-label{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-bold)}.body-copy,.card p,.mini-panel p,.lesson-stage p,.notification-item p,.tool-row p,.roadmap-item p,.course-card p,.scenario-card p{color:var(--color-text-muted);line-height:var(--line-body)}.text-link{align-items:center;gap:var(--space-2);color:var(--color-primary-hover);font-size:var(--font-size-14);font-weight:var(--font-bold);white-space:nowrap;text-decoration:none;display:inline-flex}.text-link:hover{color:var(--color-primary-pressed)}.button,.icon-button{border-radius:var(--radius-md);font-size:var(--font-size-14);font-weight:var(--font-bold);justify-content:center;align-items:center;text-decoration:none;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s,color .16s;display:inline-flex}.button{gap:var(--space-2);border:1px solid #0000;min-height:40px;padding:0 14px}.button:hover,.icon-button:hover{transform:translateY(-1px)}.button:disabled,.button[aria-disabled=true]{cursor:not-allowed;opacity:.58;transform:none}.button-primary{color:var(--color-text-inverse);background:linear-gradient(135deg, var(--color-primary), #12a594);box-shadow:0 10px 24px #0f8b862b}.button-primary:hover{background:linear-gradient(135deg, var(--color-primary-hover), var(--color-primary));box-shadow:0 12px 28px #0f8b8638}.button-secondary{border-color:var(--color-border-soft);color:var(--color-text);background:var(--color-surface)}.button-secondary:hover{border-color:var(--color-border-strong);background:var(--color-surface-hover)}.button-tertiary{color:var(--color-primary-hover);background:0 0}.button-tertiary:hover{background:var(--color-primary-soft)}.button-small{min-height:32px;font-size:var(--font-size-13);padding:0 10px}.button-full{width:100%}.icon-button{border:1px solid var(--color-border-soft);width:42px;height:42px;color:var(--color-text);background:var(--color-surface);position:relative}.icon-button:hover{color:var(--color-primary-hover);background:var(--color-primary-soft);border-color:#0f8b863d}.notification-dot{border:2px solid var(--color-surface);border-radius:var(--radius-full);background:var(--color-warning);width:8px;height:8px;position:absolute;top:9px;right:10px}.search-input{align-items:center;gap:var(--space-3);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);width:min(540px,100%);color:var(--color-text-subtle);background:var(--color-surface);padding:0 14px;display:flex}.search-input:focus-within,.select-field:focus-within{border-color:#0f8b8666;box-shadow:0 0 0 3px #0f8b861a}.search-input input{width:100%;height:42px;color:var(--color-text);font-size:var(--font-size-14);background:0 0;border:0;outline:0}.select-field{align-items:center;gap:var(--space-2);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);min-height:40px;color:var(--color-text-soft);background:var(--color-surface);padding:0 12px;display:inline-flex}.select-field select{appearance:none;min-width:0;color:inherit;font:inherit;font-size:var(--font-size-14);font-weight:var(--font-semibold);background:0 0;border:0;outline:0}.tabs,.filter-chip-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.tabs{padding:var(--space-1);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-xs)}.tab-item,.filter-chip{border-radius:var(--radius-md);min-height:34px;color:var(--color-text-muted);font-size:var(--font-size-13);font-weight:var(--font-bold);background:0 0;border:1px solid #0000;transition:border-color .16s,background .16s,color .16s,transform .16s}.tab-item{padding:0 12px}.filter-chip{background:var(--color-surface);border-color:var(--color-border-soft);padding:0 11px}.tab-item:hover,.filter-chip:hover{color:var(--color-text);background:var(--color-surface-hover)}.tab-active,.filter-chip-active{color:var(--color-primary-hover);background:var(--color-primary-soft);border-color:#b9e4dd}.badge{border-radius:var(--radius-full);width:fit-content;font-size:var(--font-size-12);font-weight:var(--font-bold);white-space:nowrap;border:1px solid #0000;align-items:center;gap:5px;padding:4px 8px;line-height:1.2;display:inline-flex}.badge-neutral{color:var(--color-neutral);background:var(--color-neutral-soft);border-color:#51606d1f}.badge-success{color:var(--color-success);background:var(--color-success-soft);border-color:#11845b24}.badge-warning{color:var(--color-warning);background:var(--color-warning-soft);border-color:#b7791f29}.badge-critical{color:var(--color-critical);background:var(--color-critical-soft);border-color:#bf4e4e26}.badge-info{color:var(--color-info);background:var(--color-info-soft);border-color:#3167b724}.badge-primary{color:var(--color-primary-hover);background:var(--color-primary-soft);border-color:#0f8b8624}.badge-secondary{color:var(--color-secondary-hover);background:var(--color-secondary-soft);border-color:#5b5bd624}.progress-bar{border-radius:var(--radius-full);background:var(--color-border-soft);width:100%;height:9px;overflow:hidden}.progress-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--color-primary), #34d399);height:100%;display:block}.circular-progress{width:var(--circle-size,92px);height:var(--circle-size,92px);place-items:center;display:inline-grid;position:relative}.circular-progress svg{width:100%;height:100%;transform:rotate(-90deg)}.circular-progress circle{fill:none;stroke-width:10px}.circular-progress-track{stroke:var(--color-border-soft)}.circular-progress-value{stroke:var(--color-primary);stroke-linecap:round}.circular-progress-label{color:var(--color-text);font-weight:var(--font-extrabold);place-items:center;display:grid;position:absolute}.stat-card{min-height:136px;padding:var(--space-5);border-left:4px solid var(--color-primary)}.stat-card strong{margin-top:var(--space-3);color:var(--color-text);font-size:var(--font-size-30);font-weight:var(--font-extrabold);letter-spacing:0;line-height:1;display:block}.stat-card p{margin:var(--space-3) 0 0;color:var(--color-text-muted);font-size:var(--font-size-13);line-height:var(--line-body)}.stat-card-teal{border-left-color:var(--color-primary)}.stat-card-blue{border-left-color:var(--color-info);background:linear-gradient(180deg, var(--color-surface), var(--color-info-soft))}.stat-card-amber{border-left-color:var(--color-warning);background:linear-gradient(180deg, var(--color-surface), var(--color-warning-soft))}.stat-card-red{border-left-color:var(--color-critical);background:linear-gradient(180deg, var(--color-surface), var(--color-critical-soft))}.course-card,.scenario-card{flex-direction:column;display:flex}.course-card{gap:var(--space-3);min-height:312px}.course-card p,.scenario-card p{margin:var(--space-3) 0;font-size:var(--font-size-14)}.course-card .button,.scenario-card .button{align-self:flex-start;margin-top:auto}.course-card-top small{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-bold)}.lesson-list,.roadmap-list,.tool-list,.table-like,.notification-list,.timeline-mini{gap:var(--space-3);display:grid}.lesson-list{margin-top:var(--space-4)}.lesson-row,.data-table-row,.tool-row,.notification-item{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);display:flex}.lesson-row,.tool-row,.notification-item{transition:background .16s,transform .16s}.lesson-row:hover,.tool-row:hover,.notification-item:hover{background:var(--color-surface-selected)}.lesson-row{min-height:42px;color:var(--color-text);background:var(--color-surface-hover);font-size:var(--font-size-13);font-weight:var(--font-bold);padding:9px 11px}.lesson-row small{color:var(--color-text-muted);font-weight:var(--font-bold);margin-left:auto}.lesson-locked{color:var(--color-text-subtle)}.timeline-step{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);grid-template-columns:78px minmax(0,1fr);display:grid}.roadmap-list.compact .timeline-step{grid-template-columns:64px minmax(0,1fr);padding:13px}.timeline-step-marker{color:var(--color-primary-hover);font-size:var(--font-size-14);font-weight:var(--font-bold)}.timeline-step-title{color:var(--color-text);font-weight:var(--font-bold);display:block}.timeline-step p{color:var(--color-text-muted);font-size:var(--font-size-13);line-height:var(--line-body);margin:5px 0 0}.timeline-done{background:var(--color-primary-soft);border-color:#bae4dc}.timeline-active{background:var(--color-warning-soft);border-color:#e8c786}.timeline-upcoming{background:var(--color-surface)}.data-table{overflow:hidden}.data-table-row{border:1px solid var(--color-border-soft);background:var(--color-surface);justify-content:space-between;padding:14px;transition:border-color .16s,box-shadow .16s,transform .16s}.data-table-row:hover{box-shadow:var(--shadow-sm);border-color:#0f8b863d;transform:translateY(-1px)}.data-table-row+.data-table-row{margin-top:var(--space-3)}.data-table-cell-main strong,.data-table-cell-main span{display:block}.data-table-cell-main span{color:var(--color-text-muted);font-size:var(--font-size-13);margin-top:4px}.lesson-player{gap:var(--space-5);grid-template-columns:minmax(0,1fr) 340px;display:grid}.lesson-stage{min-height:440px;padding:var(--space-7);border-radius:var(--radius-xl);color:#dce9ef;background:linear-gradient(135deg, #0f8b8638, transparent), var(--color-surface-inverse);border:1px solid #ffffff14}.lesson-stage span{color:#99d7d0}.lesson-stage h2{max-width:680px;color:var(--color-text-inverse);overflow-wrap:anywhere;margin-top:70px;font-size:32px}.lesson-stage p{color:#bad0d9;max-width:620px}.lesson-sidebar{padding:var(--space-5)}.mini-panel{min-height:164px}.mini-panel p{margin:var(--space-3) 0 0;font-size:var(--font-size-14)}.right-panel{top:calc(var(--layout-topbar) + var(--space-7));gap:var(--space-4);padding:var(--space-4);flex-direction:column;display:flex;position:sticky}.panel-section{gap:var(--space-3);display:grid}.panel-heading strong{color:var(--color-primary-hover);font-size:var(--font-size-13)}.notification-item{padding:var(--space-3);background:var(--color-surface-hover);align-items:flex-start}.notification-icon{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-primary-hover);background:var(--color-primary-soft);flex:none;place-items:center;display:grid}.notification-item strong{color:var(--color-text);font-size:var(--font-size-13);display:block}.notification-item p{font-size:var(--font-size-12);margin:4px 0 0}.timeline-mini{padding-left:var(--space-3);border-left:2px solid var(--color-border)}.timeline-mini div{padding:0 0 14px var(--space-3);gap:3px;display:grid;position:relative}.timeline-mini div:before{border:2px solid var(--color-surface);border-radius:var(--radius-full);background:var(--color-primary);content:"";width:8px;height:8px;position:absolute;top:4px;left:-17px}.timeline-mini strong{color:var(--color-text);font-size:var(--font-size-13)}.timeline-mini span{color:var(--color-text-muted);font-size:var(--font-size-12);line-height:1.45}.avatar{border-radius:var(--radius-full);color:var(--color-text-inverse);font-weight:var(--font-extrabold);background:#274251;place-items:center;display:grid}.avatar-sm{width:32px;height:32px;font-size:var(--font-size-12)}.avatar-md{width:36px;height:36px;font-size:var(--font-size-13)}.avatar-lg{width:72px;height:72px;font-size:22px}.user-chip{align-items:center;gap:var(--space-3);border:1px solid var(--color-border-soft);border-radius:var(--radius-full);color:inherit;background:var(--color-surface);box-shadow:var(--shadow-xs);cursor:pointer;font:inherit;text-align:left;padding:4px 12px 4px 4px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex}.user-chip:hover,.user-chip:focus-visible{box-shadow:var(--shadow-sm);border-color:#0f8b863d;outline:0;transform:translateY(-1px)}.user-chip strong,.user-chip span{white-space:nowrap;display:block}.user-chip strong{color:var(--color-text);font-size:var(--font-size-13);line-height:1.2}.user-chip span{color:var(--color-text-muted);font-size:var(--font-size-12);margin-top:2px}.user-menu-popover{position:relative}.user-menu{top:calc(100% + var(--space-2));z-index:var(--z-popover);border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);background:var(--color-surface);width:min(286px,100vw - 32px);box-shadow:var(--shadow-popover);display:grid;position:absolute;right:0;overflow:hidden}.user-menu-header{align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border-soft);grid-template-columns:36px minmax(0,1fr);display:grid}.user-menu-header strong,.user-menu-header span{display:block}.user-menu-header strong{color:var(--color-text);font-size:var(--font-size-14)}.user-menu-header span{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-semibold);margin-top:2px}.user-menu-list{padding:var(--space-2);gap:2px;display:grid}.user-menu-list+.user-menu-list{border-top:1px solid var(--color-border-soft)}.user-menu-list button{align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);width:100%;min-height:38px;color:var(--color-text);font:inherit;font-size:var(--font-size-13);font-weight:var(--font-bold);text-align:left;background:0 0;border:0;grid-template-columns:18px minmax(0,1fr);padding:9px 10px;display:grid}.user-menu-list button svg{color:var(--color-primary-hover)}.user-menu-list button:hover,.user-menu-list button:focus-visible{background:var(--color-surface-hover);outline:0}.user-menu-list .user-menu-logout,.user-menu-list .user-menu-logout svg{color:var(--color-critical)}.user-menu-list .user-menu-logout:hover,.user-menu-list .user-menu-logout:focus-visible{background:var(--color-critical-soft)}.logout-confirm-dialog{border-color:#e5eaf0;border-radius:24px;width:min(452px,100vw - 32px);box-shadow:0 20px 52px #0f172a1f}.logout-confirm-dialog header{gap:var(--space-3);grid-template-columns:44px minmax(0,1fr);align-items:flex-start;display:grid}.logout-confirm-dialog h2{color:var(--color-text);font-size:var(--font-size-22);font-weight:var(--font-extrabold);line-height:var(--line-tight);margin:0}.logout-confirm-dialog p{margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:var(--font-size-14);font-weight:var(--font-semibold);line-height:var(--line-body)}.logout-confirm-icon{width:44px;height:44px;color:var(--color-critical);background:var(--color-critical-soft);border:1px solid #bf4e4e1f;border-radius:14px;place-items:center;display:grid}.logout-confirm-actions{justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.logout-confirm-button.button-primary{background:var(--color-critical);box-shadow:0 12px 24px #bf4e4e29}.logout-confirm-button.button-primary:hover,.logout-confirm-button.button-primary:focus-visible{background:#a83f3f;box-shadow:0 14px 28px #bf4e4e38}.profile-panel{align-items:center;gap:var(--space-5);grid-template-columns:92px repeat(3,minmax(0,1fr));display:grid}.profile-panel span,.profile-panel strong{display:block}.profile-panel span{color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:var(--font-bold)}.profile-panel strong{margin-top:5px}.empty-state{justify-items:center;gap:var(--space-3);padding:var(--space-8);text-align:center;display:grid}.empty-state-icon{border-radius:var(--radius-lg);width:48px;height:48px;color:var(--color-secondary-hover);background:var(--color-secondary-soft);place-items:center;display:grid}.empty-state h2{font-size:var(--font-size-20);margin:0}.empty-state p{max-width:480px;color:var(--color-text-muted);line-height:var(--line-body);margin:0}.form-error{margin:var(--space-2) 0 0;color:var(--color-critical);font-size:var(--font-size-13);font-weight:var(--font-semibold);line-height:var(--line-body)}.skeleton{border-radius:var(--radius-md);background:var(--color-border-soft);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb3,#0000);animation:1.4s infinite skeleton-shimmer;position:absolute;inset:0}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.not-found{min-height:100vh;padding:var(--space-6);text-align:center;place-content:center;justify-items:center;display:grid}.not-found h1{font-size:var(--font-size-34);margin:0}.not-found p{color:var(--color-text-muted);margin:10px 0 22px}@media (width<=1280px){.workspace-body{grid-template-columns:minmax(0,1fr)}.right-panel{display:none}.metrics-grid,.course-grid,.scenario-grid,.dashboard-course-grid,.dashboard-scenario-grid,.three-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-layout-grid{grid-template-columns:minmax(0,1fr)}.dashboard-side-column{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:static}.roadmap-summary-banner{grid-template-columns:minmax(0,1fr) 320px}.roadmap-summary-meta{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.roadmap-milestone-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.roadmap-workspace-grid{grid-template-columns:minmax(0,1fr) 360px}.course-library-grid{grid-template-columns:minmax(0,1fr)}.course-library-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:static}.course-library-cards.is-grid,.suggested-roadmap-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-course-header,.lesson-player-grid,.lesson-course-meta{grid-template-columns:minmax(0,1fr)}.lesson-outline-panel,.lesson-right-panel{position:static}.lesson-outline-list{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-workspace-grid{grid-template-columns:minmax(0,1fr)}.marketing-sidebar{grid-template-columns:repeat(3,minmax(0,1fr));position:static}.tools-kpi-grid,.tools-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tools-workspace-grid{grid-template-columns:minmax(0,1fr)}.tool-right-sidebar{grid-template-columns:repeat(3,minmax(0,1fr));position:static}.scenario-workspace-grid{grid-template-columns:minmax(0,1fr)}.scenario-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.scenario-panel-grid{grid-template-columns:300px minmax(0,1fr)}.sop-workspace-grid{grid-template-columns:minmax(0,1fr)}.sop-preview-panel{grid-column:1/-1;position:static}.sop-table-header,.sop-table-row{grid-template-columns:minmax(260px,1.4fr) 88px 120px 110px 110px 140px}}@media (width<=980px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;padding:var(--space-4);position:static}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sidebar-help-card{display:none}.topbar{z-index:var(--z-popover);flex-direction:column;align-items:stretch;position:relative}.topbar-search{width:100%}.topbar-actions{flex-wrap:wrap}.user-chip{margin-left:auto}.workspace-body{padding:var(--space-5)}.metrics-grid,.course-grid,.scenario-grid,.dashboard-course-grid,.dashboard-scenario-grid,.dashboard-side-column,.two-columns,.three-columns,.lesson-player,.profile-panel,.roadmap-summary-banner,.roadmap-workspace-grid,.roadmap-summary-meta{grid-template-columns:1fr}.roadmap-detail-stack{position:static}.roadmap-milestone-grid,.course-library-sidebar,.course-library-cards.is-grid,.suggested-roadmap-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.course-library-card.is-list{grid-template-columns:180px minmax(0,1fr)}.lesson-course-header{align-items:stretch}.lesson-course-thumbnail{min-height:124px}.lesson-video-frame{min-height:390px}.lesson-video-overlay h2{font-size:30px}.marketing-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-sidebar{grid-template-columns:1fr}.marketing-planner-list article{grid-template-columns:84px minmax(0,1fr)}.marketing-planner-list .badge{width:fit-content}.marketing-planner-list .badge:last-child{grid-column:2}.tools-hero,.tool-learning-grid{grid-template-columns:1fr}.tools-hero-illustration{min-height:164px}.tools-kpi-grid,.tools-quick-grid,.tool-right-sidebar,.tool-overview-metrics,.tool-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-overview-header{flex-direction:column;align-items:stretch}.tool-overview-actions{justify-content:flex-start}.scenario-filter-card{grid-template-columns:1fr}.scenario-filter-card .select-field{justify-self:stretch;width:fit-content}.scenario-panel-header{flex-direction:column;align-items:stretch}.scenario-panel-grid,.scenario-sidebar{grid-template-columns:1fr}.scenario-sidebar{position:static}.scenario-dos-grid,.sop-workspace-grid{grid-template-columns:1fr}.sop-table-card{overflow-x:auto}.sop-table-header,.sop-table-row{min-width:840px}.sop-card-list{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-hero{grid-template-columns:1fr}.dashboard-hero-illustration{min-height:132px}.hero-illustration-main{left:0;right:auto}.hero-illustration-float{right:18px}.lesson-stage{min-height:360px}.lesson-stage h2{margin-top:38px;font-size:28px}}@media (width<=620px){.sidebar{gap:var(--space-4);padding:var(--space-4) var(--space-4) var(--space-3);overflow-x:hidden}.sidebar-nav{gap:var(--space-2);max-width:100%;padding:0 var(--space-1) var(--space-1);scroll-padding-inline:var(--space-4);scrollbar-width:none;flex-direction:row;display:flex;overflow-x:auto}.sidebar-nav::-webkit-scrollbar{display:none}.nav-item{white-space:nowrap;flex:none;justify-content:center;width:42px;min-height:38px;padding-inline:11px}.nav-item:not(.nav-item-active) span,.nav-item:not(.nav-item-active) small{display:none}.nav-item-active{justify-content:flex-start;width:auto}.nav-item:hover{transform:translateY(-1px)}.brand{padding:0}.sidebar-help-card{display:none}.topbar,.workspace-body{padding:var(--space-4)}.topbar-actions{grid-template-columns:minmax(0,1fr) 42px;width:100%;display:grid}.topbar-search-menu{width:100%}.search-result-row{grid-template-columns:1fr}.search-result-row-meta{justify-content:flex-start}.button-primary{padding-inline:12px}.quick-create{width:auto}.quick-create .button{width:100%}.quick-create-menu{width:100%;left:0;right:0}.user-menu-popover{grid-column:1/-1;width:100%}.user-chip{border-radius:var(--radius-md);width:100%;margin-left:0}.user-menu{width:100%;left:0;right:auto}.page-title-row{display:grid}.page-header h1{font-size:26px}.dashboard-hero h2{font-size:27px}.dashboard-hero-actions,.dashboard-hero-actions .button{width:100%}.dashboard-task-row,.dashboard-notification-row{grid-template-columns:36px minmax(0,1fr);align-items:flex-start}.dashboard-task-row .badge,.dashboard-notification-row .badge{grid-column:2;width:fit-content}.dashboard-section-heading{flex-direction:column;align-items:flex-start}.roadmap-summary-progress,.roadmap-stage-row,.roadmap-resource-row{grid-template-columns:1fr}.roadmap-summary-progress{justify-items:start}.roadmap-milestone-grid,.roadmap-detail-actions,.roadmap-achievement-grid{grid-template-columns:1fr}.roadmap-stage-rail{justify-items:start}.roadmap-stage-rail:after{content:none}.roadmap-stage-meta{justify-items:start}.roadmap-resource-row .badge{width:fit-content}.roadmap-detail-panel .tabs{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.roadmap-detail-panel .tabs::-webkit-scrollbar{display:none}.course-filter-bar,.suggested-roadmap-header{flex-direction:column;align-items:stretch}.course-library-search,.course-filter-bar .select-field,.course-checkbox,.course-view-toggle{width:100%}.course-library-search{flex:none}.course-view-toggle{justify-content:space-between}.course-view-toggle button{width:100%}.course-library-sidebar,.course-library-cards.is-grid,.suggested-roadmap-steps,.learning-stat-grid,.course-library-card.is-list{grid-template-columns:1fr}.course-library-card.is-list .course-thumbnail{min-height:120px}.lesson-course-actions,.lesson-course-actions .button,.lesson-menu-button{width:100%}.lesson-outline-list,.lesson-player-controls{grid-template-columns:1fr}.lesson-video-frame{min-height:360px}.lesson-video-overlay{padding:var(--space-5)}.lesson-video-overlay h2{font-size:26px}.lesson-player-controls{right:var(--space-3);bottom:var(--space-3);left:var(--space-3)}.lesson-detail-card .tabs{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.lesson-detail-card .tabs::-webkit-scrollbar{display:none}.lesson-stage h2{font-size:25px}.marketing-card-grid,.marketing-sidebar{grid-template-columns:1fr}.marketing-planner-card .section-heading,.marketing-planner-card .section-heading .button{width:100%}.marketing-planner-card .section-heading{align-items:stretch;display:grid}.marketing-planner-list article{grid-template-columns:1fr}.marketing-planner-list .badge:last-child{grid-column:auto;width:fit-content}.tools-hero{padding:var(--space-5)}.tools-hero .page-header h1{font-size:27px}.tools-hero-illustration{min-height:140px}.tools-laptop{width:100%;min-height:146px}.tools-floating-card{width:fit-content;margin-bottom:var(--space-3);position:relative;top:auto;left:auto}.tools-kpi-grid,.tools-quick-grid,.tool-right-sidebar,.tool-overview-metrics,.tool-detail-grid{grid-template-columns:1fr}.tools-page>.tabs{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.tools-page>.tabs::-webkit-scrollbar{display:none}.tool-overview-title,.tool-lesson-head,.tool-overview-actions{flex-direction:column}.tool-overview-actions,.tool-overview-actions .button,.tool-overview-actions a.button,.tool-assessment-card .button{width:100%}.tool-lesson-list button{grid-template-columns:34px minmax(0,1fr)}.tool-lesson-list .badge{grid-column:2;width:fit-content}.tool-video-screen{min-height:220px}.scenario-filter-card .select-field,.scenario-filter-card select,.scenario-answer-actions,.scenario-answer-actions .button{width:100%}.scenario-filter-group>div{gap:var(--space-2)}.scenario-rail{grid-auto-columns:minmax(238px,84vw)}.scenario-practice-panel,.scenario-customer-panel,.scenario-handling-panel,.scenario-answer-module{padding:var(--space-4)}.scenario-title-row h2{font-size:23px}.scenario-customer-head,.scenario-answer-options label,.scenario-feedback{grid-template-columns:1fr}.scenario-answer-options label>span{grid-row:1}.scenario-score-head,.scenario-answer-heading{flex-direction:column}.sop-filter-bar{flex-direction:column;align-items:stretch}.sop-filter-bar .select-field,.sop-switch,.sop-view-toggle{width:100%}.sop-switch{justify-content:flex-start;padding:0}.sop-view-toggle button{width:100%}.sop-card-list{grid-template-columns:1fr}.sop-pagination{flex-direction:column;align-items:flex-start}.sop-pagination div,.sop-pagination .button{width:100%}.sop-preview-card h2{font-size:21px}.sop-preview-card .tabs{scrollbar-width:none}.sop-preview-card .tabs::-webkit-scrollbar{display:none}.card-padded,.course-card,.scenario-card,.lesson-stage,.lesson-sidebar,.profile-panel{padding:var(--space-4)}.timeline-step{grid-template-columns:1fr}.data-table-row,.tool-row{flex-direction:column;align-items:flex-start}}.route-loading-fallback{color:var(--color-text-muted);align-items:center;gap:var(--space-3);min-height:240px;padding:var(--space-8);display:flex}.route-loading-fallback div{background:linear-gradient(90deg, var(--color-surface), var(--color-border-soft), var(--color-surface));border-radius:var(--radius-full);width:36px;height:36px;animation:1.2s ease-in-out infinite skeleton-pulse}.auth-session-loading{min-height:100vh;padding:var(--space-6);background:linear-gradient(180deg, #0f8b860a, transparent 34%), var(--color-bg-app);place-items:center;display:grid}.auth-session-loading-card{justify-items:center;gap:var(--space-4);min-width:min(320px,100%);color:var(--color-text-muted);text-align:center;display:grid}.auth-session-loading-logo{align-items:center;gap:var(--space-3);color:var(--color-text);display:inline-flex}.auth-session-loading-logo span{border-radius:var(--radius-lg);width:46px;height:46px;color:var(--color-text-inverse);background:linear-gradient(135deg, var(--color-primary), #14b8a6);place-items:center;display:grid;box-shadow:0 14px 32px #0f8b862e}.auth-session-loading-logo strong{font-size:var(--font-size-16);font-weight:var(--font-extrabold);line-height:var(--line-heading)}.auth-session-loading-spinner{border:3px solid #0f8b8624;border-top-color:var(--color-primary);border-radius:var(--radius-full);width:26px;height:26px;animation:.82s linear infinite auth-spinner}.auth-session-loading p{color:var(--color-text-muted);font-size:var(--font-size-14);font-weight:var(--font-bold);margin:0}@keyframes auth-spinner{to{transform:rotate(360deg)}}*{box-sizing:border-box}body{background:var(--color-bg-app);min-width:320px;margin:0;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}