:root{--navy:#163c63;--blue:#216b9d;--teal:#0d7e84;--green:#2f8b64;--gold:#c88b2d;--purple:#6955a4;--ink:#17212b;--muted:#637181;--line:#d9e1e8;--soft:#f3f7fa;--pale:#eaf3f8;--white:#fff;--red:#b94848;--shadow:0 10px 30px rgba(23,46,68,.08)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#f5f8fb}button,input,select{font:inherit}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(180deg,#102f50,#163c63 56%,#0f3152);color:#fff;padding:24px 18px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:12px;align-items:center;padding:0 8px}.brand-mark{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#43b8b2,#78c568);display:grid;place-items:center;font-weight:900;font-size:18px;box-shadow:0 8px 20px rgba(0,0,0,.18)}.brand strong,.brand span{display:block}.brand strong{font-size:15px}.brand span{font-size:12px;color:#bad1df;margin-top:2px}.demo-pill{margin:20px 8px 14px;padding:7px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#cce1ec;font-size:11px;text-align:center;text-transform:uppercase;letter-spacing:.08em}nav{display:flex;flex-direction:column;gap:5px}.nav-item{border:0;background:transparent;color:#ccdae5;padding:11px 12px;border-radius:10px;text-align:left;display:flex;gap:11px;align-items:center;cursor:pointer;font-size:14px}.nav-item span{width:20px;text-align:center}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.11);color:#fff}.nav-item.active{box-shadow:inset 3px 0 #61c4b4}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.14);padding:18px 8px 0;color:#a9c2d2}.sidebar-footer span,.sidebar-footer strong{display:block}.sidebar-footer span{font-size:10px;text-transform:uppercase;letter-spacing:.1em}.sidebar-footer strong{font-size:13px;margin-top:4px;color:#fff}main{min-width:0}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;position:sticky;top:0;z-index:10}.breadcrumbs span,.breadcrumbs strong{display:block}.breadcrumbs span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.breadcrumbs strong{font-size:15px;margin-top:2px}.top-actions{margin-left:auto;display:flex;gap:16px;align-items:center}.role-picker{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.role-picker select{display:block;margin-top:3px;border:0;background:transparent;color:var(--ink);font-weight:700;padding:0}.avatar,.large-avatar{border:0;background:linear-gradient(135deg,#1c789a,#57a981);color:#fff;font-weight:800;display:grid;place-items:center}.avatar{width:38px;height:38px;border-radius:50%}.menu-button{display:none}.disclaimer{background:#fff6db;border-bottom:1px solid #ead99d;padding:8px 34px;color:#67592f;font-size:11px}.view{display:none;padding:34px;max-width:1450px;margin:0 auto}.view.active{display:block}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.11em;color:var(--teal);margin:0 0 7px;text-transform:uppercase}h1{font-size:30px;line-height:1.15;margin:0 0 8px;letter-spacing:-.025em}h2{font-size:18px;margin:0 0 7px}h3{font-size:15px;margin:22px 0 8px}.lead{color:var(--muted);margin:0;max-width:760px;line-height:1.55}.hero-row,.section-head,.module-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px}.readiness-ring,.score-ring{width:104px;height:104px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) 0 72%,#dfe8ec 72%);position:relative;flex:0 0 auto}.readiness-ring:after,.score-ring:after{content:"";position:absolute;inset:10px;border-radius:50%;background:#f5f8fb}.readiness-ring span,.readiness-ring small,.score-ring strong,.score-ring span{position:relative;z-index:1}.readiness-ring span{font-size:23px;font-weight:900;margin-top:16px}.readiness-ring small{font-size:10px;color:var(--muted);margin-top:-27px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metric,.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.metric{padding:18px;display:flex;gap:13px;align-items:center}.metric-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-weight:900}.metric-icon.blue{background:#e8f2fa;color:#2675a7}.metric-icon.green{background:#e7f4ed;color:#2f8b64}.metric-icon.gold{background:#fff3dc;color:#a87120}.metric-icon.purple{background:#f0ecfb;color:#6955a4}.metric small,.metric strong,.metric em{display:block}.metric small{color:var(--muted);font-size:11px}.metric strong{font-size:17px;margin:3px 0}.metric em{font-size:10px;color:var(--muted);font-style:normal}.content-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-bottom:18px}.panel{padding:22px}.panel-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.status{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:6px 9px;white-space:nowrap}.in-progress{background:#e8f2fa;color:#216b9d}.active-status,.current-status{background:#e7f4ed;color:#2f8b64}.review-status,.warning-status{background:#fff1d8;color:#996a18}.draft-status{background:#edeaf8;color:#6955a4}.continue-card>p{color:var(--muted);line-height:1.5}.progress{height:8px;background:#e6edf1;border-radius:999px;overflow:hidden;margin:20px 0 7px}.progress span,.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),#57aa86);border-radius:999px}.progress-label{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.primary,.secondary{border-radius:9px;padding:10px 15px;font-weight:750;cursor:pointer}.primary{border:0;background:var(--navy);color:#fff}.primary:hover{background:#20547f}.secondary{background:#fff;border:1px solid var(--line);color:var(--navy)}.continue-card .primary{margin-top:18px}.text-button{border:0;background:transparent;color:var(--blue);font-weight:700;cursor:pointer}.task{display:flex;align-items:center;gap:10px;padding:13px 0;border-top:1px solid #edf1f4}.task:first-of-type{border-top:0}.task-dot{width:9px;height:9px;border-radius:50%;background:var(--blue);flex:0 0 auto}.task-dot.urgent{background:#d98c35}.task div{flex:1}.task strong,.task small{display:block}.task strong{font-size:13px}.task small{font-size:10px;color:var(--muted);margin-top:3px}.task b{font-size:10px;color:var(--muted)}.certification-banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}.cert-icon{width:52px;height:52px;border-radius:14px;background:#e7f4ed;color:var(--green);display:grid;place-items:center;font-size:25px}.certification-banner p{margin:0;color:var(--muted)}.cert-progress{text-align:center}.cert-progress strong,.cert-progress span{display:block}.cert-progress strong{font-size:22px}.cert-progress span{font-size:10px;color:var(--muted)}.path-summary{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:18px}.path-summary div{padding:3px 20px;border-right:1px solid var(--line)}.path-summary div:last-child{border-right:0}.path-summary strong,.path-summary span{display:block}.path-summary strong{font-size:22px}.path-summary span{font-size:11px;color:var(--muted);margin-top:4px}.course-list{display:flex;flex-direction:column;gap:11px}.course-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px;display:grid;grid-template-columns:48px 1fr auto;gap:15px;align-items:center}.course-card .course-number{width:42px;height:42px;border-radius:12px;background:var(--pale);color:var(--blue);display:grid;place-items:center;font-weight:900}.course-card.done .course-number{background:#e7f4ed;color:var(--green)}.course-card.locked{opacity:.62}.course-card h3{margin:0 0 4px}.course-card p{margin:0;color:var(--muted);font-size:12px}.course-meta{text-align:right}.course-meta strong,.course-meta span{display:block}.course-meta strong{font-size:12px}.course-meta span{font-size:10px;color:var(--muted);margin-top:3px}.lesson-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px}.lesson-nav{padding:16px}.lesson{border:0;background:transparent;width:100%;display:flex;text-align:left;gap:10px;padding:11px;border-radius:9px;cursor:pointer}.lesson span{width:28px;height:28px;border-radius:8px;background:#edf2f5;display:grid;place-items:center;font-size:11px;flex:0 0 auto}.lesson strong,.lesson small{display:block}.lesson strong{font-size:12px}.lesson small{font-size:9px;color:var(--muted);margin-top:3px}.lesson.current{background:var(--pale)}.lesson.current span{background:var(--blue);color:#fff}.lesson.done span{background:#e7f4ed;color:var(--green)}.lesson.locked{opacity:.55}.lesson-content{padding:26px}.video-placeholder{height:220px;border-radius:12px;background:linear-gradient(135deg,#173e63,#1c6c83);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;margin-bottom:24px}.video-placeholder .play{width:54px;height:54px;border-radius:50%;background:#fff;color:var(--navy);display:grid;place-items:center;padding-left:4px;margin-bottom:10px}.video-placeholder span{font-weight:800}.video-placeholder small{opacity:.7;margin-top:4px}.lesson-content>p{color:var(--muted);line-height:1.65}.learning-callout{border-left:4px solid var(--teal);background:#eef8f6;padding:15px 17px;margin:20px 0}.learning-callout p{margin:5px 0 0;color:#46615f;line-height:1.5}.workflow-list{list-style:none;padding:0;margin:0}.workflow-list li{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.workflow-list li>span{width:28px;height:28px;border-radius:50%;background:var(--pale);color:var(--blue);display:grid;place-items:center;font-weight:900;flex:0 0 auto}.workflow-list strong,.workflow-list p{display:block;margin:0}.workflow-list p{font-size:12px;color:var(--muted);margin-top:3px}.lesson-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.library-toolbar{display:flex;gap:12px;margin-bottom:14px;padding:14px}.search{display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;padding:0 10px;background:#fff;flex:1}.search input{border:0;outline:0;width:100%;padding:10px;background:transparent}.library-toolbar select,.modal select{border:1px solid var(--line);border-radius:9px;padding:0 12px;background:#fff}.document-table{padding:0;overflow:hidden}.doc-row{display:grid;grid-template-columns:2fr .7fr .6fr 1fr .7fr;align-items:center;min-height:53px;border-top:1px solid var(--line);padding:0 16px;font-size:12px}.doc-row:first-child{border-top:0}.doc-header{background:var(--navy);color:#fff;font-size:10px;text-transform:uppercase;letter-spacing:.07em;min-height:40px}.doc-row button{border:0;background:transparent;color:var(--blue);font-weight:700;text-align:left;padding:0;cursor:pointer}.doc-row .doc-type{font-size:10px;border:1px solid var(--line);border-radius:999px;padding:4px 7px;width:max-content}.sop-preview{margin-top:18px}.sop-meta{display:flex;flex-wrap:wrap;gap:18px;background:var(--soft);padding:12px;border-radius:9px;margin:16px 0;font-size:11px}.sop-meta b{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;margin-bottom:2px}.check-item{display:block;padding:9px 0;border-top:1px solid var(--line);font-size:12px}.sop-preview .primary{margin-top:16px}.ack-message{font-size:11px;color:var(--green);font-weight:700;margin-left:10px}.attempt-chip{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:11px}.quiz-card{max-width:900px}.question{padding:20px 0;border-top:1px solid var(--line)}.question:first-child{border-top:0;padding-top:0}.question h3{margin:0 0 12px;font-size:14px}.option{display:block;border:1px solid var(--line);border-radius:9px;padding:11px;margin:7px 0;cursor:pointer}.option:hover{background:var(--soft)}.option input{margin-right:8px}.quiz-result{max-width:900px;margin-top:14px}.quiz-result.pass{border-left:5px solid var(--green)}.quiz-result.fail{border-left:5px solid var(--red)}.scorecard-top{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.employee-card,.overall-score{display:flex;align-items:center;gap:16px}.large-avatar{width:64px;height:64px;border-radius:17px;font-size:20px}.employee-card p,.overall-score p{margin:0 0 8px;color:var(--muted)}.score-ring{width:80px;height:80px;background:conic-gradient(var(--gold) 0 72%,#dfe8ec 72%)}.score-ring:after{background:#fff}.score-ring strong{font-size:23px}.score-ring span{font-size:10px;margin-left:-16px;margin-top:28px}.score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.score-metric span,.score-metric strong,.score-metric small{display:block}.score-metric span{font-size:11px;color:var(--muted)}.score-metric strong{font-size:24px;margin:4px 0}.score-metric .progress{margin:10px 0}.score-metric small{font-size:10px;color:var(--muted)}.rubric-row{display:grid;grid-template-columns:1.6fr .5fr 1fr;gap:12px;padding:12px;border-top:1px solid var(--line);font-size:12px;align-items:center}.rubric-row.header{background:var(--soft);font-size:10px;text-transform:uppercase;font-weight:800;margin-top:15px}.rating{font-size:10px;font-weight:800;border-radius:999px;padding:5px 8px;width:max-content}.rating.meets{background:#e7f4ed;color:var(--green)}.rating.developing{background:#fff1d8;color:#996a18}.rating.pending{background:#edf1f4;color:var(--muted)}.manager-metrics .metric{min-height:100px}.red-text{color:var(--red)}.staff-table{margin-bottom:18px}.staff-row{display:grid;grid-template-columns:1.4fr 1fr 1.2fr .7fr .7fr .8fr;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line);font-size:11px}.staff-header{font-size:9px;text-transform:uppercase;color:var(--muted);font-weight:800}.compact{max-width:240px;height:36px}.compact input{padding:7px}.mini-progress{height:6px;background:#e6edf1;border-radius:999px;overflow:hidden}.mini-progress i{display:block;height:100%;background:var(--teal)}.trend{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid var(--line);font-size:12px}.trend strong{color:var(--green)}.trend strong.trend-warn{color:var(--red)}.studio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.create-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px;text-align:left;cursor:pointer;box-shadow:var(--shadow)}.create-card:hover{border-color:#8eb4ca;transform:translateY(-1px)}.create-card span,.create-card strong,.create-card small{display:block}.create-card span{font-size:24px;color:var(--blue)}.create-card strong{font-size:14px;margin:9px 0 4px}.create-card small{color:var(--muted);line-height:1.4}.builder-step{display:grid;grid-template-columns:30px 34px 1fr auto;gap:10px;align-items:center;border-top:1px solid var(--line);padding:13px 0}.builder-step .drag{color:#9aabb6}.builder-step>b{width:28px;height:28px;background:var(--pale);color:var(--blue);border-radius:8px;display:grid;place-items:center}.builder-step strong,.builder-step small{display:block}.builder-step small{font-size:10px;color:var(--muted);margin-top:3px}.builder-step em{font-style:normal;font-size:9px;background:var(--soft);border-radius:999px;padding:5px 8px}.locked-step{opacity:.65}.modal-backdrop{position:fixed;inset:0;background:rgba(8,27,44,.62);display:grid;place-items:center;z-index:100}.modal-backdrop[hidden]{display:none}.modal{width:min(520px,calc(100% - 30px));position:relative;padding:28px}.modal-close{position:absolute;top:12px;right:12px;border:0;background:transparent;font-size:24px;cursor:pointer}.modal label{display:block;font-size:11px;font-weight:750;margin:14px 0}.modal input,.modal select{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:9px;padding:10px;background:#fff}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.modal-note{font-size:11px;color:var(--green);font-weight:700}.manager-only{display:none}.manager-mode .manager-only{display:flex}.section-head .manager-only{display:none}.manager-mode .section-head .manager-only{display:inline-block}
@media(max-width:1000px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.metric-grid,.score-grid{grid-template-columns:repeat(2,1fr)}.studio-grid{grid-template-columns:repeat(2,1fr)}.doc-row{grid-template-columns:2fr .7fr .6fr 1fr}.doc-row>*:last-child{display:none}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;left:-280px;width:260px;transition:.2s}.sidebar.open{left:0}.menu-button{display:block;border:0;background:transparent;font-size:20px;margin-right:12px}.topbar{padding:0 16px}.disclaimer{padding:8px 16px}.view{padding:24px 16px}.role-picker{display:none}.metric-grid,.score-grid,.content-grid,.scorecard-top,.studio-grid{grid-template-columns:1fr}.path-summary{grid-template-columns:1fr 1fr}.path-summary div:nth-child(2){border-right:0}.lesson-layout{grid-template-columns:1fr}.lesson-nav{display:none}.certification-banner{grid-template-columns:auto 1fr}.cert-progress{grid-column:2;text-align:left}.doc-row{grid-template-columns:2fr .8fr .8fr}.doc-row>*:nth-child(4){display:none}.staff-row{grid-template-columns:1.5fr 1fr 1fr}.staff-row>*:nth-child(n+4){display:none}.rubric-row{grid-template-columns:1.5fr .7fr}.rubric-row>*:last-child{display:none}.hero-row,.section-head,.module-header{flex-direction:column}.readiness-ring{align-self:flex-start}}
@media print{.sidebar,.topbar,.disclaimer,.section-head button{display:none!important}.app-shell{display:block}.view{display:none!important}.view.active{display:block!important;padding:0}.panel{box-shadow:none}body{background:#fff}}