@font-face{font-family:headingFont;src:url(../media/Kanit_SemiBold-s.p.2b2f2c20.ttf)format("truetype");font-display:swap;font-weight:600}@font-face{font-family:headingFont Fallback;src:local(Arial);ascent-override:103.61%;descent-override:37.21%;line-gap-override:0.0%;size-adjust:106.17%}.headingfont_f0d49195-module__3B5CCW__className{font-family:headingFont,headingFont Fallback;font-weight:600}.headingfont_f0d49195-module__3B5CCW__variable{--font-heading:"headingFont","headingFont Fallback"}
@font-face{font-family:bodyFont;src:url(../media/Kanit_Regular-s.p.656a98f2.ttf)format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:bodyFont;src:url(../media/Kanit_SemiBold-s.p.2b2f2c20.ttf)format("truetype");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:bodyFont Fallback;src:local(Arial);ascent-override:106.73%;descent-override:38.32%;line-gap-override:0.0%;size-adjust:103.07%}.bodyfont_86878f8e-module__e6n35G__className{font-family:bodyFont,bodyFont Fallback}.bodyfont_86878f8e-module__e6n35G__variable{--font-body:"bodyFont","bodyFont Fallback"}
:root{--blue-950:#163253;--blue-900:#1e3a5f;--blue-800:#2d5a87;--blue-700:#3673aa;--blue-500:#4a90d9;--cyan-500:#0ea5e9;--teal-500:#14b8a6;--emerald-500:#22c55e;--gold-500:#f59e0b;--coral-500:#f97316;--sky-100:#eff6ff;--sky-50:#f8fbff;--slate-900:#0f172a;--slate-700:#334155;--slate-600:#475569;--slate-500:#64748b;--slate-300:#cbd5e1;--slate-200:#e2e8f0;--slate-100:#f1f5f9;--white:#fff;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--shadow-lg:0 18px 36px -28px #0f172a33;--shadow-md:0 10px 24px -22px #0f172a29}*{box-sizing:border-box}html{min-height:100%;font-size:16px}body,body.app-body{min-height:100vh;font-family:var(--font-body),"Segoe UI",Tahoma,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--slate-700);background:linear-gradient(120deg,#14b8a61f,#0000 32%),linear-gradient(240deg,#f59e0b24,#0000 30%),linear-gradient(135deg,#f3f7fb 0%,#e7f0f5 46%,#f7f9ef 100%);margin:0;font-weight:400;line-height:1.6;position:relative;overflow-x:hidden}body.app-body:before{z-index:0;pointer-events:none;content:"";opacity:.46;background-image:linear-gradient(#1e3a5f0b 1px,#0000 1px),linear-gradient(90deg,#1e3a5f0b 1px,#0000 1px);background-size:46px 46px;position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;letter-spacing:0}code{font-family:Courier New,Courier,monospace}h1,h2,h3,h4{font-family:var(--font-heading),var(--font-body),sans-serif;letter-spacing:0;font-weight:600}.login-screen,.shell{z-index:1;width:100%;min-height:100vh;margin:0;position:relative}.login-screen{grid-template-rows:auto 1fr auto;gap:22px;display:grid}.shell{grid-template-rows:auto 1fr auto;gap:0;display:grid}.topbar{z-index:40;position:sticky;top:0}.login-topbar{position:sticky;top:0}.login-topbar .topbar-content{grid-template-columns:minmax(220px,1fr) auto}.topbar-glass{background:#fffffffa;border-bottom:1px solid #e2e8f0e6;box-shadow:0 10px 24px -24px #0f172a47}.topbar-content{grid-template-columns:minmax(220px,.8fr) minmax(0,1.8fr) minmax(240px,.8fr);align-items:center;gap:14px;width:100%;min-height:72px;padding:10px 22px;display:grid}.logo-container{align-items:center;gap:12px;min-width:0;display:flex}.logo-mark{flex-shrink:0;position:relative}.logo-mark-wide{width:120px}.logo-mark-glow{background:linear-gradient(135deg,var(--blue-900),var(--blue-500));opacity:.18;border-radius:16px;position:absolute;inset:0}.logo-mark-wide .logo-mark-glow{border-radius:18px}.logo-mark-box{width:42px;height:42px;box-shadow:none;background:0 0;border:1px solid #bfdbfe59;border-radius:14px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.logo-mark-box svg{width:21px;height:21px}.logo-mark-box-wide{border-radius:18px;width:120px;height:44px}.logo-mark-image{object-fit:contain;padding:6px 10px}.logo-copy{gap:2px;display:grid}.logo-title{font-family:var(--font-heading),var(--font-body),sans-serif;color:var(--blue-900);margin:0;font-size:1.05rem;font-weight:700;line-height:1.2}.logo-subtitle{color:var(--slate-500);margin:0;font-size:.76rem}.login-status-badge{color:var(--slate-600);background:#fffffff0;border:1px solid #1e3a5f1f;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;font-size:.92rem;font-weight:600;display:inline-flex}.login-status-dot{background:var(--success);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 6px #16a34a1f}.topbar-side,.account-cluster{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.nav-strip{scrollbar-width:thin;scrollbar-gutter:stable;background:#eff6fff5;border:1px solid #bfdbfee6;border-radius:18px;justify-content:safe center;align-items:center;gap:8px;min-width:0;max-width:100%;padding:7px;display:flex;overflow-x:auto}.nav-link{min-height:38px;font-family:var(--font-heading),var(--font-body),sans-serif;color:var(--blue-800);white-space:nowrap;border-radius:14px;flex:none;justify-content:center;align-items:center;padding:8px 14px;font-size:.94rem;font-weight:600;transition:background-color .2s,color .2s,box-shadow .2s;display:inline-flex}.nav-link:hover{color:var(--blue-950);background:#ffffffd1}.nav-link-active{background:var(--white);color:var(--blue-950);box-shadow:0 8px 20px -18px #1e3a5f99}.identity-chip{background:#fffffff0;border:1px solid #e2e8f0e6;border-radius:14px;gap:2px;min-width:210px;max-width:260px;padding:8px 12px;display:grid}.identity-chip strong{color:var(--blue-900)}.identity-chip span{color:var(--slate-500);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.logout-control{gap:4px;display:grid}.logout-control .ghost-button{white-space:nowrap;border-radius:14px;min-height:40px;padding:9px 13px}.logout-control span{color:var(--danger);text-align:center;font-size:.76rem;font-weight:700}.primary-button,.ghost-button{cursor:pointer;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font-weight:700;transition:box-shadow .2s,background-color .2s,border-color .2s,color .2s;display:inline-flex}.primary-button{color:var(--white);background:linear-gradient(135deg,var(--blue-900),var(--blue-800));box-shadow:0 12px 22px -18px #1e3a5f6b}.primary-button:disabled,.ghost-button:disabled{cursor:not-allowed;opacity:.58}.ghost-button{color:var(--blue-900);background:var(--white);border-color:#e2e8f0f2}.hero-panel,.panel,.form-card,.metric-card,.headline-panel,.brand-ribbon-card{background:#fffffff5;border:1px solid #e2e8f0d1;box-shadow:0 14px 28px -26px #0f172a38}.hero-panel{border-radius:34px;grid-template-columns:minmax(0,1.18fr) minmax(320px,420px);align-items:stretch;gap:28px;padding:30px;display:grid;position:relative;overflow:hidden}.hero-panel:before,.headline-panel:before,.brand-ribbon-card:before{pointer-events:none;content:"";opacity:.42;background:linear-gradient(90deg,#fff3,#0000 28%);position:absolute;inset:0}.hero-copy,.hero-side{z-index:1;position:relative}.hero-copy{flex-direction:column;justify-content:center;gap:20px;display:flex}.hero-side{flex-direction:column;gap:18px;display:flex}.hero-badge{background:var(--white);width:fit-content;color:var(--slate-600);border:1px solid #e2e8f0f2;border-radius:999px;align-items:center;gap:10px;padding:10px 16px;font-size:.9rem;font-weight:600;display:inline-flex;box-shadow:0 10px 24px -20px #0f172a73}.hero-badge-dot,.trust-icon{flex-shrink:0}.hero-badge-dot{background:var(--success);border-radius:50%;width:10px;height:10px}.hero-title{font-family:var(--font-heading),var(--font-body),sans-serif;color:var(--blue-900);letter-spacing:0;margin:0;font-size:clamp(2rem,5vw,3.6rem);font-weight:700;line-height:1.14}.hero-title-gradient{background:linear-gradient(to right,var(--blue-900),var(--blue-800),var(--blue-500));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-description{max-width:42rem;color:var(--slate-500);margin:0;font-size:1.08rem;line-height:1.75}.trust-indicators{border-top:1px solid #e2e8f0f2;flex-wrap:wrap;gap:14px;padding-top:18px;display:flex}.trust-item{color:var(--slate-600);align-items:center;gap:10px;font-size:.95rem;font-weight:600;display:inline-flex}.trust-icon{width:18px;height:18px;color:var(--success)}.hero-bullets{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.hero-bullets div,.note-panel{background:#fffffff0;border:1px solid #e2e8f0f2;border-radius:24px}.hero-bullets div{padding:18px 20px}.hero-bullets strong,.note-panel h3,.panel-header h3,.form-heading h2{margin-bottom:8px;display:block}.hero-bullets strong{color:var(--blue-900)}.hero-bullets span{color:var(--slate-500);line-height:1.65}.note-panel{background:linear-gradient(135deg,#f8fbfffa,#eff6fff0);padding:18px 20px}.eyebrow{letter-spacing:0;text-transform:uppercase;color:var(--cyan-500);margin:0 0 8px;font-size:.78rem;font-weight:700}h1,h2,h3{margin:0;line-height:1.14}h2{color:var(--blue-900);font-size:clamp(1.55rem,4vw,2.15rem)}h3{color:var(--blue-900);font-size:1.24rem}.subcopy,.panel-header p,.form-heading p,.note-panel p{color:var(--slate-500);margin:8px 0 0;line-height:1.7}.logo-showcase{background:linear-gradient(145deg,#f8fafffa,#ebf4fff0);border:1px solid #e2e8f0f2;border-radius:30px;justify-content:center;align-items:center;min-height:130px;display:flex;position:relative;overflow:hidden}.logo-showcase-glow{opacity:.65;background:radial-gradient(circle,#4a90d947 0%,#2d5a8729 45%,#0000 72%);border-radius:50%;width:260px;height:260px;position:absolute}.logo-showcase-ring{border:2px solid #4a90d942;border-radius:50%;width:300px;height:300px;position:absolute}.logo-showcase-ring-secondary{border-color:#1e3a5f29;width:350px;height:350px}.logo-showcase-ring-tertiary{border-color:#0ea5e91f;width:400px;height:400px}.logo-showcase-image-wrap{z-index:2;width:min(82%,360px);position:relative}.logo-showcase-image{filter:drop-shadow(0 18px 30px #0f172a29);width:100%;max-width:none;height:auto;display:block}.brand-wordmark{text-align:center;color:var(--white);place-items:center;gap:8px;display:grid}.brand-wordmark strong{font-family:var(--font-heading),var(--font-body),sans-serif;font-size:1.55rem;font-weight:700;line-height:1}.brand-wordmark span{opacity:.82;font-size:.92rem;font-weight:700}.brand-wordmark-large{aspect-ratio:1;background:linear-gradient(135deg,var(--blue-900),var(--blue-700));border:1px solid #ffffff52;border-radius:50%;width:min(72vw,300px);box-shadow:0 18px 30px -26px #0f172a7a}.brand-wordmark-large strong{font-size:clamp(2.1rem,8vw,3.4rem)}.form-card{background:#fffffffa;border-radius:28px;gap:18px;padding:24px;display:grid}.form-heading h2{color:var(--blue-900)}.stack-form{gap:14px;padding:0 24px 24px;display:grid}.form-inline-note{background:linear-gradient(135deg,#ecfdf5db,#f0f9ffe0);border:1px solid #14b8a63d;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.form-inline-note span{color:var(--teal-500);letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:800}.form-inline-note strong{color:var(--blue-900);font-size:.9rem}.field{gap:8px;display:grid}.field span{color:var(--slate-600);font-size:.92rem;font-weight:700}.field-hint{color:var(--slate-500);margin:-2px 0 0;font-size:.84rem;line-height:1.5}.field input,.field select{width:100%;color:var(--slate-700);background:#ffffffeb;border:2px solid #e2e8f0f2;border-radius:14px;padding:14px 16px;transition:border-color .2s,box-shadow .2s}.field input:focus,.field select:focus{border-color:#0ea5e9ad;outline:none;box-shadow:0 0 0 4px #0ea5e91f}.input-with-action{position:relative}.input-with-action input{padding-right:52px}.input-action-button{width:34px;height:34px;color:var(--slate-500);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:background-color .2s,color .2s;display:inline-flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.input-action-button:hover{color:var(--blue-900);background:#eff6ffeb}.input-action-button:focus-visible{outline-offset:2px;outline:2px solid #0ea5e9ad}.input-action-button svg{width:18px;height:18px}.form-error,.form-success,.form-warning{border-radius:14px;margin:0;padding:12px 14px;font-weight:700}.form-error{color:var(--danger);background:#dc262614}.form-success{color:var(--success);background:#16a34a14}.form-warning{color:var(--warning);background:#d977061a}.track-picker{gap:12px;display:grid}.track-picker-controls{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.track-picker-list{gap:10px;display:grid}.track-picker-item{background:#f8fbfff0;border:1px solid #e2e8f0eb;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.track-picker-copy{gap:4px;display:grid}.track-picker-copy strong{color:var(--blue-900)}.track-picker-copy span{color:var(--slate-500);font-size:.84rem;line-height:1.5}.track-picker-remove{min-width:72px;padding:9px 12px}.track-picker-empty{color:var(--slate-500);text-align:center;background:#f8fafceb;border:1px dashed #bfdbfef2;border-radius:18px;padding:16px;font-weight:700}.track-picker-summary{justify-content:flex-start;display:flex}.panel>.form-error,.panel>.form-success,.panel>.form-warning{margin:0 24px 16px}.form-footnote{color:var(--slate-500);margin:0;font-size:.88rem;line-height:1.6}.password-checklist{background:#f8fafce0;border:1px solid #e2e8f0eb;border-radius:16px;gap:8px;margin:0;padding:12px 14px;list-style:none;display:grid}.password-rule{color:var(--danger);align-items:center;gap:8px;font-size:.86rem;font-weight:700;display:flex}.password-rule span{width:20px;height:20px;color:var(--white);background:var(--danger);border-radius:999px;justify-content:center;align-items:center;font-size:.82rem;line-height:1;display:inline-flex}.password-rule.is-met{color:var(--success)}.password-rule.is-met span{background:var(--success)}.page-frame,.stack-layout{gap:22px;display:grid}.page-frame,.login-screen>.hero-panel{width:min(1280px,100% - 32px);margin:0 auto}.page-frame{align-content:start;padding:22px 0 30px}.headline-panel{color:var(--white);background:linear-gradient(135deg,#1e3a5ffa 0%,#2d5a87f5 58%,#14b8a6db 100%);border-color:#ffffff24;border-radius:30px;justify-content:space-between;align-items:flex-start;gap:24px;padding:28px 30px;display:flex;position:relative;overflow:hidden}.headline-copy,.headline-side-card{z-index:1;position:relative}.headline-panel h2{color:var(--white)}.headline-panel .eyebrow{color:#ffffffb8}.headline-panel .subcopy{color:#ffffffc7}.headline-copy{max-width:760px}.headline-meta{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.headline-chip{color:var(--white);background:#ffffff24;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:.9rem;font-weight:600;display:inline-flex}.headline-side-card{background:#ffffff24;border:1px solid #ffffff2e;border-radius:22px;gap:8px;min-width:250px;padding:18px 20px;display:grid}.headline-side-label{color:#ffffffb8;letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:700}.headline-side-card strong{font-family:var(--font-heading),var(--font-body),sans-serif;color:var(--white);font-size:1.15rem;font-weight:700}.headline-side-card span:last-child{color:#ffffffc7;line-height:1.6}.card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.metric-card{border-radius:24px;align-content:space-between;gap:18px;min-height:160px;padding:22px;display:grid;position:relative;overflow:hidden}.metric-card:after{content:"";background:#1e3a5f1a;border-radius:999px;width:68px;height:8px;position:absolute;bottom:18px;right:18px}.metric-card p,.metric-card span{color:var(--slate-500);margin:0}.metric-card strong{font-family:var(--font-heading),var(--font-body),sans-serif;color:var(--blue-900);font-size:2.2rem;font-weight:700}.metric-blue{background:linear-gradient(#eff6fff5,#ffffffe6)}.metric-amber{background:linear-gradient(#fff7edf5,#ffffffe6)}.metric-red{background:linear-gradient(#fef2f2f5,#ffffffe6)}.metric-green{background:linear-gradient(#f0fdf4f5,#ffffffe6)}.two-column{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:20px;display:grid}.panel{border-radius:26px;overflow:hidden}.dashboard-tabbar{background:#fffffff0;border:1px solid #e2e8f0eb;border-radius:18px;flex-wrap:wrap;gap:8px;width:fit-content;max-width:100%;padding:6px;display:flex;box-shadow:0 12px 24px -24px #0f172a47}.dashboard-tab{min-height:40px;color:var(--slate-600);cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;padding:9px 14px;font-weight:800;transition:background-color .2s,color .2s,box-shadow .2s;display:inline-flex}.dashboard-tab.is-active{color:var(--white);background:linear-gradient(135deg,var(--blue-900),var(--blue-800));box-shadow:0 10px 18px -16px #1e3a5f73}.dashboard-tab:focus-visible{outline-offset:2px;outline:2px solid #0ea5e999}.panel-header{padding:22px 24px 0}.split-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.panel-header h3{color:var(--blue-900)}.panel-header p{max-width:46rem}.panel .security-list,.panel .table-wrap{padding:0 24px 24px}.empty-table-state{text-align:center;color:var(--slate-500);padding:18px 8px;font-weight:700}.dashboard-insight-grid,.insight-column-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.status-count-grid,.sync-run-list,.insight-list{gap:12px;padding:20px 24px 24px;display:grid}.status-count-item,.sync-run-item,.insight-list-item{background:#f8fbffb8;border:1px solid #e2e8f0e6;border-radius:16px;gap:10px;padding:14px;display:grid}.status-count-item{grid-template-columns:minmax(0,1fr) auto;align-items:center}.status-count-item strong{color:var(--blue-900);font-size:1.8rem;line-height:1}.audit-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:20px 24px 24px;display:grid}.audit-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr)) auto}.sync-run-item{grid-template-columns:minmax(0,1fr) auto;align-items:center}.sync-run-item>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sync-run-item strong{color:var(--blue-900)}.sync-run-item>span{color:var(--slate-500);font-size:.88rem;font-weight:700}.insight-list-item{grid-template-columns:minmax(0,1fr) minmax(160px,220px);align-items:center}.insight-list-copy,.insight-list-metric{gap:6px;display:grid}.insight-list-copy strong{color:var(--blue-900);line-height:1.35}.insight-list-copy span,.insight-list-metric span{color:var(--slate-500);font-size:.86rem;font-weight:700}.insight-progress{background:#e2e8f0f2;border-radius:999px;width:100%;min-width:120px;height:9px;overflow:hidden}.insight-progress span{border-radius:inherit;background:linear-gradient(90deg,var(--teal-500),var(--emerald-500));height:100%;display:block}.security-list{color:var(--slate-600);gap:12px;margin:0;padding-left:20px;line-height:1.7;display:grid}.staff-guide-page{gap:24px}.manual-pdf-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.manual-pdf-actions .primary-button,.manual-pdf-actions .ghost-button{min-height:44px}.manual-pdf-link{color:var(--white);background:#ffffff24;border-color:#ffffff3d}.manual-pdf-link:hover{background:#ffffff38}.manual-pdf-shell{flex-direction:column;width:min(1120px,100vw - 32px);height:min(90vh,880px);display:flex;overflow:hidden}.manual-pdf-header{border-bottom:1px solid #e2e8f0eb;padding-bottom:18px}.manual-pdf-header-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.manual-pdf-body{background:#f1f5f9eb;flex:auto;min-height:0;padding:0}.manual-pdf-frame{background:var(--white);border:0;width:100%;height:100%;display:block}@media (max-width:560px){.manual-pdf-actions,.manual-pdf-header-actions{width:100%;display:grid}.manual-pdf-actions .primary-button,.manual-pdf-actions .ghost-button,.manual-pdf-header-actions .ghost-button{width:100%}.manual-pdf-shell{height:calc(100vh - 32px)}}.manual-desktop-overview,.manual-all-pages{background:linear-gradient(135deg,#fffffffa,#f8fbfff0),linear-gradient(90deg,#14b8a614,#f9731614);border:1px solid #e2e8f0e0;border-radius:30px;gap:26px;padding:28px 30px 30px;display:grid;overflow:hidden;box-shadow:0 14px 28px -26px #0f172a3d}.manual-desktop-map{align-items:center;min-height:660px;padding:110px min(24vw,300px) 116px;display:grid;position:relative}.manual-map-callout{z-index:2;background:#fffffffa;border:1px solid #e2e8f0eb;border-radius:18px;gap:8px;width:min(260px,24vw);padding:16px 18px;display:grid;position:absolute;box-shadow:0 16px 30px -26px #0f172a4d}.manual-map-callout:after{background:var(--coral-500);content:"";width:82px;height:2px;position:absolute}.manual-map-callout:before{z-index:2;border-top:2px solid var(--coral-500);border-right:2px solid var(--coral-500);content:"";width:10px;height:10px;display:none;position:absolute}.manual-map-callout span,.manual-page-step span{width:30px;height:30px;color:var(--white);background:var(--coral-500);border-radius:999px;justify-content:center;align-items:center;font-weight:800;line-height:1;display:inline-flex}.manual-map-callout strong,.manual-page-copy h3,.manual-desktop-brand strong,.manual-desktop-hero strong,.manual-desktop-panel strong,.manual-page-step p{color:var(--blue-900)}.manual-map-callout p,.manual-page-copy>p,.manual-desktop-hero p,.manual-desktop-panel span{color:var(--slate-500);margin:0;line-height:1.65}.manual-map-callout-nav{top:24px;left:18px}.manual-map-callout-nav:after{top:92px;right:-76px;transform:rotate(8deg)}.manual-map-callout-nav:before{top:95px;right:-78px;transform:rotate(52deg)}.manual-map-callout-summary{top:34px;right:18px}.manual-map-callout-summary:after{top:112px;left:-80px;transform:rotate(-18deg)}.manual-map-callout-summary:before{top:101px;left:-83px;transform:rotate(232deg)}.manual-map-callout-work{bottom:40px;left:18px}.manual-map-callout-work:after{top:48px;right:-80px;transform:rotate(-8deg)}.manual-map-callout-work:before{top:41px;right:-84px;transform:rotate(44deg)}.manual-map-callout-check{bottom:38px;right:18px}.manual-map-callout-check:after{top:48px;left:-80px;transform:rotate(12deg)}.manual-map-callout-check:before{top:47px;left:-84px;transform:rotate(222deg)}.manual-desktop-browser{background:var(--white);border:1px solid #94a3b85c;border-radius:22px;width:100%;position:relative;overflow:hidden;box-shadow:0 24px 42px -32px #0f172a6b}.manual-overview-browser{justify-self:center;max-width:760px}.manual-desktop-chrome{background:#f1f5f9f5;border-bottom:1px solid #e2e8f0f0;justify-content:space-between;align-items:center;gap:12px;min-height:36px;padding:0 14px;display:flex}.manual-desktop-chrome div{align-items:center;gap:7px;display:flex}.manual-desktop-chrome span{background:var(--slate-300);border-radius:999px;width:9px;height:9px}.manual-desktop-chrome span:first-child{background:var(--coral-500)}.manual-desktop-chrome span:nth-child(2){background:var(--gold-500)}.manual-desktop-chrome span:nth-child(3){background:var(--teal-500)}.manual-desktop-chrome strong{color:var(--slate-500);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.manual-desktop-appbar{background:#fffffffa;border-bottom:1px solid #e2e8f0f0;grid-template-columns:minmax(128px,.7fr) minmax(0,1.8fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.manual-desktop-brand{gap:2px;min-width:0;display:grid}.manual-desktop-brand span,.manual-desktop-hero span{color:var(--slate-500);font-size:.76rem;font-weight:700}.manual-desktop-brand strong{text-overflow:ellipsis;white-space:nowrap;line-height:1.22;overflow:hidden}.manual-desktop-nav{background:#eff6ffe0;border:1px solid #bfdbfecc;border-radius:14px;justify-content:center;align-items:center;gap:6px;min-width:0;padding:6px;display:flex}.manual-desktop-nav span{min-width:0;min-height:30px;color:var(--blue-800);text-align:center;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;padding:6px 9px;font-size:.68rem;font-weight:800;line-height:1.25;display:inline-flex}.manual-desktop-nav .is-active{color:var(--white);background:linear-gradient(135deg,var(--blue-900),var(--blue-800))}.manual-desktop-user{color:var(--blue-900);background:#fffffff0;border:1px solid #e2e8f0eb;border-radius:12px;padding:8px 10px;font-size:.78rem;font-weight:800}.manual-desktop-content{background:linear-gradient(180deg,#eff6ffb8,#fffffffa 38%),var(--white);gap:14px;padding:16px;display:grid}.manual-desktop-tabbar{background:#fffffff0;border:1px solid #e2e8f0e6;border-radius:16px;justify-content:flex-start;align-items:center;gap:8px;padding:7px;display:flex;overflow-x:auto}.manual-desktop-tabbar span{min-height:34px;color:var(--slate-600);white-space:nowrap;border-radius:11px;justify-content:center;align-items:center;padding:7px 12px;font-size:.74rem;font-weight:800;display:inline-flex}.manual-desktop-tabbar .is-active{color:var(--white);background:linear-gradient(135deg,var(--blue-900),var(--blue-800))}.manual-desktop-headline-row{grid-template-columns:minmax(0,1.45fr) minmax(170px,.65fr);align-items:stretch;gap:12px;display:grid}.manual-desktop-hero{background:linear-gradient(135deg,#1e3a5ffa,#14b8a6db);border-radius:18px;align-content:center;gap:4px;min-height:118px;padding:18px;display:grid}.manual-desktop-hero span,.manual-desktop-hero strong,.manual-desktop-hero p{color:var(--white)}.manual-desktop-hero span,.manual-desktop-hero p{opacity:.78}.manual-desktop-hero strong{font-family:var(--font-heading),var(--font-body),sans-serif;font-size:1.18rem;line-height:1.25}.manual-desktop-side-card{background:#fffffff0;border:1px solid #bfdbfed1;border-radius:18px;align-content:center;gap:8px;min-height:118px;padding:16px;display:grid}.manual-desktop-side-card span{color:var(--slate-500);font-size:.75rem;font-weight:800}.manual-desktop-side-card strong{color:var(--blue-900);line-height:1.32}.manual-desktop-side-card p{color:var(--slate-500);margin:0;font-size:.76rem;line-height:1.5}.manual-desktop-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.manual-desktop-metrics span{min-height:54px;color:var(--blue-900);background:#fffffff0;border:1px solid #e2e8f0eb;border-radius:14px;align-items:center;padding:12px;font-size:.76rem;font-weight:800;line-height:1.35;display:flex}.manual-desktop-workspace{grid-template-columns:minmax(0,1.35fr) minmax(180px,.75fr);gap:12px;display:grid}.manual-desktop-panel{background:#fffffff5;border:1px solid #e2e8f0eb;border-radius:16px;align-content:start;gap:9px;min-height:160px;padding:14px;display:grid}.manual-desktop-panel.is-emphasis{border:2px solid #f973168c;box-shadow:0 0 0 5px #f9731614}.manual-desktop-panel span{background:#f8fafce6;border-radius:11px;padding:9px 10px;font-size:.76rem;font-weight:700;display:block}.manual-desktop-table{background:#fffffff5;border:1px solid #e2e8f0eb;border-radius:16px;gap:8px;padding:14px;display:grid}.manual-desktop-table>strong{color:var(--blue-900)}.manual-desktop-table-head,.manual-desktop-table-row{border-radius:11px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));align-items:center;gap:8px;min-height:34px;padding:8px 10px;display:grid}.manual-desktop-table-head{background:#eff6fff0}.manual-desktop-table-row{background:#f8fafceb}.manual-desktop-table-head span,.manual-desktop-table-row span{text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:800;line-height:1.35;overflow:hidden}.manual-desktop-table-head span{color:var(--blue-900)}.manual-desktop-table-row span{color:var(--slate-600)}.manual-page-guide-list{gap:22px;display:grid}.manual-page-guide{background:#fffffff5;border:1px solid #e2e8f0e6;border-radius:24px;grid-template-columns:minmax(270px,.78fr) minmax(0,1.22fr);align-items:center;gap:28px;padding:20px;display:grid}.manual-page-copy{gap:12px;display:grid;position:relative}.manual-page-copy>p{font-size:.95rem}.manual-page-steps{gap:12px;display:grid}.manual-page-step{background:#f8fbfff0;border:1px solid #e2e8f0eb;border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:13px 14px;display:grid;position:relative}.manual-page-step:after{background:var(--coral-500);content:"";width:38px;height:2px;position:absolute;top:50%;right:-38px;transform:translateY(-50%)}.manual-page-step:before{border-top:2px solid var(--coral-500);border-right:2px solid var(--coral-500);content:"";width:10px;height:10px;display:none;position:absolute;top:50%;right:-40px;transform:translateY(-50%)rotate(45deg)}.manual-page-step p{margin:0;line-height:1.55}.manual-page-preview{scrollbar-gutter:stable;padding-bottom:4px;position:relative;overflow-x:auto}.manual-page-preview .manual-desktop-browser{min-width:640px}.manual-page-arrow{border:4px solid var(--white);background:var(--coral-500);border-radius:999px;width:20px;height:20px;position:absolute;left:-19px;box-shadow:0 0 0 5px #f973162e}.manual-page-arrow-0{top:31%}.manual-page-arrow-1{top:49%}.manual-page-arrow-2{top:67%}.manual-guide-section{background:linear-gradient(135deg,#fffffffa,#f8fbfff0),linear-gradient(90deg,#14b8a614,#f9731614);border:1px solid #e2e8f0e0;border-radius:30px;gap:26px;padding:28px 30px 30px;display:grid;overflow:hidden;box-shadow:0 14px 28px -26px #0f172a3d}.manual-guide-heading{grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);align-items:end;gap:20px;display:grid}.manual-guide-heading h3{max-width:720px}.manual-guide-heading>p{color:var(--slate-500);margin:0;line-height:1.7}.manual-visual-grid{grid-template-columns:minmax(220px,.82fr) minmax(320px,390px) minmax(220px,.82fr);align-items:center;gap:22px;display:grid}.manual-callout-column{align-content:space-around;gap:74px;min-height:650px;display:grid}.manual-callout{border:1px solid #e2e8f0eb;border-left:4px solid var(--coral-500);background:#fffffff5;border-radius:18px;gap:8px;padding:16px 18px 18px;display:grid;position:relative;box-shadow:0 12px 24px -24px #0f172a42}.manual-callout strong{color:var(--blue-900);line-height:1.35}.manual-callout p{color:var(--slate-500);margin:0;font-size:.9rem;line-height:1.65}.manual-callout-step{width:30px;height:30px;color:var(--white);background:var(--coral-500);border-radius:999px;justify-content:center;align-items:center;font-weight:800;line-height:1;display:inline-flex}.manual-callout-arrow{background:var(--coral-500);width:54px;height:2px;position:absolute;top:50%;transform:translateY(-50%)}.manual-callout-arrow:after{border-top:2px solid var(--coral-500);border-right:2px solid var(--coral-500);content:"";width:10px;height:10px;display:none;position:absolute;top:50%}.manual-callout-left .manual-callout-arrow{right:-54px}.manual-callout-left .manual-callout-arrow:after{right:0;transform:translateY(-50%)rotate(45deg)}.manual-callout-right{border-right:4px solid var(--teal-500);border-left-width:1px}.manual-callout-right .manual-callout-step{background:var(--teal-500)}.manual-callout-right .manual-callout-arrow{background:var(--teal-500);left:-54px}.manual-callout-right .manual-callout-arrow:after{border-color:var(--teal-500);left:0;transform:translateY(-50%)rotate(225deg)}.manual-device-frame{background:var(--white);border:1px solid #94a3b86b;border-radius:28px;justify-self:center;width:min(100%,390px);overflow:hidden;box-shadow:0 24px 42px -32px #0f172a61}.manual-browser-bar{background:#f1f5f9f5;border-bottom:1px solid #e2e8f0f0;align-items:center;gap:7px;height:34px;padding:0 14px;display:flex}.manual-browser-bar span{background:var(--slate-300);border-radius:999px;width:9px;height:9px}.manual-browser-bar span:first-child{background:var(--coral-500)}.manual-browser-bar span:nth-child(2){background:var(--gold-500)}.manual-browser-bar span:nth-child(3){background:var(--teal-500)}.manual-device-screen{background:linear-gradient(180deg,#eff6ffbd,#fffffffa 34%),var(--white);gap:13px;padding:16px;display:grid}.manual-mini-topbar,.manual-mini-nav,.manual-form-preview,.manual-table-preview,.manual-progress-preview,.manual-mini-hero{background:#fffffff0;border:1px solid #e2e8f0e6}.manual-mini-topbar{border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.manual-mini-topbar div{gap:2px;min-width:0;display:grid}.manual-mini-topbar strong,.manual-section-title strong,.manual-progress-preview strong{color:var(--blue-900);line-height:1.25}.manual-mini-topbar span,.manual-section-title span,.manual-progress-preview span,.manual-progress-preview p{color:var(--slate-500);font-size:.78rem;font-weight:700}.manual-mini-status{background:#16a34a1a;border-radius:999px;flex-shrink:0;padding:6px 9px;color:var(--success)!important}.manual-mini-nav{background:#eff6ffd6;border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:8px;display:grid}.manual-mini-nav span{min-height:34px;color:var(--blue-800);text-align:center;border-radius:12px;justify-content:center;align-items:center;padding:7px 8px;font-size:.72rem;font-weight:800;line-height:1.25;display:flex}.manual-mini-nav .is-active{color:var(--white);background:linear-gradient(135deg,var(--blue-900),var(--blue-800))}.manual-mini-hero{background:linear-gradient(135deg,#1e3a5ffa,#14b8a6db);border-radius:18px;gap:4px;padding:14px;display:grid}.manual-mini-hero span,.manual-mini-hero strong{color:var(--white)}.manual-mini-hero span{opacity:.76;font-size:.78rem}.manual-mini-hero strong{font-family:var(--font-heading),var(--font-body),sans-serif;font-size:1.05rem;line-height:1.25}.manual-form-preview,.manual-table-preview,.manual-progress-preview{border-radius:18px;gap:10px;padding:14px;display:grid;position:relative}.manual-highlight{box-shadow:0 0 0 5px #f9731617;border:2px solid #f9731694!important}.manual-highlight:after{border:3px solid var(--white);background:var(--coral-500);content:"";border-radius:999px;width:12px;height:12px;position:absolute;top:10px;right:10px;box-shadow:0 0 0 4px #f9731638}.manual-section-title{justify-content:space-between;align-items:flex-start;gap:10px;padding-right:20px;display:flex}.manual-section-title span,.manual-section-title strong{display:block}.manual-input-line{background:linear-gradient(90deg,#cbd5e1b8,#e2e8f085);border-radius:12px;height:38px;display:block}.manual-input-line-short{width:76%}.manual-preview-button{min-height:36px;color:var(--white);background:linear-gradient(135deg,var(--blue-900),var(--blue-800));border-radius:12px;justify-content:center;justify-self:start;align-items:center;padding:8px 13px;font-size:.82rem;font-weight:800;display:inline-flex}.manual-table-row{background:#f8fafceb;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:34px;padding:8px 10px;display:grid}.manual-table-row span{min-width:0;color:var(--slate-600);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:700;overflow:hidden}.manual-table-row strong{color:var(--blue-900);font-size:.76rem}.manual-table-head{background:#eff6fff0}.manual-table-head span{color:var(--blue-900);font-weight:800}.manual-progress-preview{background:linear-gradient(135deg,#f0fdf4e6,#fffffff5);border-color:#14b8a652}.manual-progress-preview div:first-child{gap:3px;padding-right:22px;display:grid}.manual-progress-preview p{margin:0}.manual-progress-track{background:#e2e8f0eb;border-radius:999px;width:100%;height:9px;overflow:hidden}.manual-progress-track span{border-radius:inherit;background:linear-gradient(90deg,var(--teal-500),var(--emerald-500));width:78%;height:100%;display:block}.manual-note-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.manual-note-grid article{background:#fffffff5;border:1px solid #e2e8f0e0;border-radius:22px;gap:8px;padding:18px 20px;display:grid;box-shadow:0 12px 24px -24px #0f172a38}.manual-note-grid span{color:var(--teal-500);font-size:.78rem;font-weight:800}.manual-note-grid strong{color:var(--blue-900);line-height:1.35}.manual-note-grid p{color:var(--slate-500);margin:0;line-height:1.65}.issued-secret{background:linear-gradient(135deg,#eff6fff0,#f8fafcf0);border:1px solid #bfdbfee6;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;margin:0 24px 16px;padding:14px 16px;display:flex}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;border-radius:18px;width:100%;min-width:880px;overflow:hidden}.data-table thead th{text-align:left;letter-spacing:0;text-transform:uppercase;color:var(--slate-500);background:#f8fafcf2;border-bottom:1px solid #e2e8f0f2;padding:14px 16px;font-size:.84rem;font-weight:800}.data-table tbody td{color:var(--slate-700);border-bottom:1px solid #e2e8f0e0;padding:15px 16px}.data-table tbody tr:hover{background:#eff6ff85}.learner-data-table{table-layout:fixed;min-width:760px}.learner-data-table .learner-col-username{width:13%}.learner-data-table .learner-col-name{width:19%}.learner-data-table .learner-col-group{width:15%}.learner-data-table .learner-col-created-by{width:13%}.learner-data-table .learner-col-actions{width:30%}.learner-data-cell{overflow-wrap:anywhere;word-break:break-word}.learner-actions-cell{vertical-align:top}.learner-data-table .learner-row-actions{align-items:stretch;gap:8px;min-width:0;display:flex}.learner-data-table .learner-row-actions .action-button{white-space:normal;text-align:center;flex:1 1 0;width:auto;min-height:48px;padding:9px 8px;font-size:.8rem;line-height:1.25}.clickable-table-row{cursor:pointer}.clickable-table-row:focus-visible{outline-offset:-3px;background:#f0f9fffa;outline:3px solid #0ea5e961}.table-detail-row td{background:#f8fafcd1;padding:0 16px 18px}.table-actions{gap:6px;min-width:100px;display:grid}.action-button{border-radius:12px;width:100%;padding:10px 12px;font-size:.86rem}.danger-button{color:var(--danger);background:#fef2f2eb;border-color:#dc26262e}.modal-backdrop{z-index:90;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a75;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-shell{background:#fffffffa;border:1px solid #e2e8f0e6;border-radius:28px;width:min(620px,100vw - 32px);max-height:calc(100vh - 48px);overflow:auto;box-shadow:0 24px 48px -28px #0f172a6b}.modal-shell-wide{width:min(860px,100vw - 32px)}.modal-shell-learning{flex-direction:column;width:min(1180px,100vw - 32px);display:flex;overflow:hidden}.modal-header{flex:none;justify-content:space-between;align-items:flex-start;gap:18px;padding:22px 24px 0;display:flex}.modal-title-group{gap:6px;display:grid}.modal-title-group h4{font-family:var(--font-heading),var(--font-body),sans-serif;color:var(--blue-900);margin:0;font-size:1.2rem;font-weight:700}.modal-title-group p{color:var(--slate-500);margin:0;line-height:1.65}.modal-close-button{width:auto;min-width:68px;padding:10px 14px}.modal-body{gap:16px;padding:18px 24px 24px;display:grid}.modal-body-learning{flex:auto;gap:18px;min-height:0;overflow:auto}.modal-form{gap:16px;display:grid}.modal-copy-block{background:#f8fbfff0;border:1px solid #e2e8f0eb;border-radius:18px;gap:4px;padding:16px 18px;display:grid}.modal-copy-block strong{color:var(--blue-900)}.modal-copy-block span{color:var(--slate-500);line-height:1.5}.modal-copy-block-danger{background:#fef2f2eb;border-color:#fca5a56b}.modal-body .form-error,.modal-body .form-success,.modal-body .form-warning,.modal-issued-secret{margin:0}.inline-manage-panel{background:#fffffffa;border:1px solid #e2e8f0eb;border-radius:20px;gap:16px;padding:18px;display:grid}.inline-manage-header{gap:6px;display:grid}.inline-manage-header strong{color:var(--blue-900);font-family:var(--font-heading),var(--font-body),sans-serif;font-size:1.04rem;font-weight:700}.inline-manage-header span,.inline-manage-meta{color:var(--slate-500);line-height:1.6}.inline-manage-meta{margin:0;font-size:.9rem}.manage-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.manage-form-wide{grid-column:1/-1}.manage-form-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.inline-delete-panel{border-color:#fca5a56b}.learning-filter-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:14px;padding:0 24px 18px;display:grid}.learning-filter-actions{justify-content:flex-end;display:flex}.search-suggestion-panel{gap:10px;padding:0 24px 18px;display:grid}.search-suggestion-item,.search-selection-note{background:#f8fbfff0;border:1px solid #e2e8f0eb;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.search-suggestion-item{cursor:pointer;text-align:left;transition:border-color .2s,box-shadow .2s,background-color .2s}.search-suggestion-item:hover{background:#f0f9fffa;border-color:#0ea5e970;box-shadow:0 10px 24px -24px #0ea5e999}.search-suggestion-copy{gap:4px;display:grid}.search-suggestion-copy strong,.search-selection-note strong{color:var(--blue-900);font-size:.98rem}.search-suggestion-copy span,.search-selection-note span,.search-suggestion-meta{color:var(--slate-500);font-size:.84rem;line-height:1.5}.search-suggestion-meta{text-align:right}.search-empty-state{color:var(--slate-500);text-align:center;background:#f8fafceb;border:1px dashed #bfdbfef2;border-radius:18px;padding:16px;font-weight:700}.learning-filter-summary{flex-wrap:wrap;gap:10px;padding:0 24px 24px;display:flex}.learning-detail-hero{background:linear-gradient(135deg,#eff6fffa,#f8fbfff0);border:1px solid #bfdbfeeb;border-radius:24px;grid-template-columns:minmax(240px,.9fr) minmax(0,1.6fr);gap:16px;padding:18px;display:grid}.learning-detail-identity{align-content:start;gap:6px;display:grid}.learning-detail-identity .eyebrow{margin-bottom:0}.learning-detail-identity strong{color:var(--blue-900);font-family:var(--font-heading),var(--font-body),sans-serif;font-size:1.5rem;line-height:1.18}.learning-detail-identity span{color:var(--slate-500);line-height:1.6}.learning-detail-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.learning-summary-card{background:#fffffffa;border:1px solid #e2e8f0eb;border-radius:20px;align-content:start;gap:8px;min-height:106px;padding:16px;display:grid}.learning-summary-card span{color:var(--slate-500);font-size:.82rem;font-weight:800}.learning-summary-card strong{color:var(--blue-900);font-family:var(--font-heading),var(--font-body),sans-serif;font-size:1.12rem;line-height:1.25}.learning-detail-layout{grid-template-columns:minmax(280px,320px) minmax(0,1fr);align-items:start;gap:18px;min-height:0;display:grid}.learning-course-sidebar,.learning-course-content{gap:14px;display:grid}.learning-course-content{align-content:start;min-height:0}.learning-course-sidebar{background:#f8fbfff0;border:1px solid #e2e8f0eb;border-radius:24px;align-self:start;padding:18px;position:sticky;top:0}.learning-sidebar-copy{color:var(--slate-500);margin:0;font-size:.9rem;line-height:1.6}.course-choice-stack{gap:12px;display:grid}.filter-chip{color:var(--blue-900);background:#eff6ffeb;border:1px solid #bfdbfef2;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:.9rem;font-weight:700;display:inline-flex}.learner-focus-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;padding:0 24px 24px;display:grid}.learner-focus-card{background:#f8fbfff0;border:1px solid #e2e8f0eb;border-radius:22px;align-content:start;gap:18px;min-height:0;padding:20px;display:grid}.learner-focus-card-highlight{background:linear-gradient(#f8fbfffa,#eff6fff0);border-color:#bfdbfefa}.course-summary-card{align-self:start;gap:14px;padding:18px}.learner-focus-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.learner-focus-header h4{font-family:var(--font-heading),var(--font-body),sans-serif;color:var(--blue-900);margin:0;font-size:1.12rem;font-weight:700}.learner-focus-header p{color:var(--slate-500);margin:4px 0 0}.detail-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.detail-metric-grid-course{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:start}.course-hero-progress{background:#ffffffe6;border:1px solid #e2e8f0e6;border-radius:20px;grid-template-columns:minmax(140px,auto) minmax(0,1fr);align-items:center;gap:16px;padding:18px;display:grid}.course-hero-progress-copy{gap:4px;display:grid}.course-hero-progress-copy span{color:var(--slate-500);font-size:.84rem;font-weight:800}.course-hero-progress-copy strong{color:var(--blue-900);font-family:var(--font-heading),var(--font-body),sans-serif;font-size:1.9rem;line-height:1}.course-hero-progress-bar{gap:8px;display:grid}.course-hero-progress-bar .progress-track{height:12px}.detail-metric-card{background:#fffffffa;border:1px solid #e2e8f0e6;border-radius:18px;align-content:start;gap:6px;padding:16px;display:grid}.detail-metric-card span{color:var(--slate-500);font-size:.84rem;font-weight:700}.detail-metric-card strong{color:var(--blue-900);font-family:var(--font-heading),var(--font-body),sans-serif;font-size:1.3rem;font-weight:700}.detail-metric-grid-course .detail-metric-card{align-self:start}.course-summary-card .detail-metric-card strong{font-size:1.12rem;line-height:1.35}.lesson-focus-list{scrollbar-gutter:stable;gap:10px;min-height:0;max-height:min(44vh,520px);padding-right:4px;display:grid;overflow-y:auto}.lesson-focus-item{background:#fffffffa;border:1px solid #e2e8f0e6;border-radius:18px;gap:14px;padding:14px 16px;display:grid}.lesson-focus-main{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.lesson-focus-copy{gap:4px;display:grid}.lesson-focus-copy strong{color:var(--blue-900)}.lesson-focus-copy span{color:var(--slate-500);font-size:.84rem}.lesson-focus-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.lesson-focus-stat{background:#f8fafce6;border:1px solid #e2e8f0e0;border-radius:16px;gap:4px;padding:12px 14px;display:grid}.lesson-focus-stat span{color:var(--slate-500);font-size:.78rem;font-weight:800}.lesson-focus-stat strong{color:var(--blue-900);font-size:.98rem;font-weight:800}.modal-section-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-section-title strong{color:var(--blue-900);font-family:var(--font-heading),var(--font-body),sans-serif;font-size:1rem}.modal-section-title span{color:var(--slate-500);font-size:.86rem;font-weight:700}.course-choice-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.course-choice-card{cursor:pointer;text-align:left;background:#f8fbfff0;border:1px solid #e2e8f0eb;border-radius:18px;gap:12px;padding:16px;transition:border-color .2s,box-shadow .2s,background-color .2s;display:grid}.course-choice-card:hover,.course-choice-card.is-active{background:#f0f9fffa;border-color:#0ea5e97a;box-shadow:0 12px 24px -24px #0ea5e99e}.course-choice-card:focus-visible{outline-offset:2px;outline:2px solid #0ea5e9ad}.course-choice-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.course-choice-header strong{color:var(--blue-900);line-height:1.4}.course-choice-meta{color:var(--slate-500);flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:.86rem;font-weight:800;display:flex}.modal-learning-layout{padding:0}.table-primary,.table-secondary{display:block}.table-primary{color:var(--blue-900);font-weight:800}.table-secondary{color:var(--slate-500);margin-top:4px;font-size:.82rem}.progress-cell{gap:8px;min-width:150px;display:grid}.progress-cell .status-pill{justify-self:start}.progress-track{background:#e2e8f0f2;border-radius:999px;width:100%;min-width:0;height:8px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,var(--blue-800),var(--cyan-500));width:0;height:100%;transition:width .18s;display:block}.progress-cell small{color:var(--slate-500);font-weight:700}.status-pill{border-radius:999px;justify-content:center;align-items:center;padding:6px 12px;font-size:.82rem;font-weight:700;display:inline-flex}.status-cluster{flex-wrap:wrap;gap:8px;margin:0 0 10px;display:flex}.status-ok{color:var(--success);background:#16a34a1f}.status-warn{color:var(--warning);background:#d977061f}.status-danger{color:var(--danger);background:#dc26261f}.brand-ribbon-card{color:var(--white);background:linear-gradient(135deg,#1e3a5ffa,#2d5a87eb,#4a90d9e6);border-radius:30px;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:center;gap:24px;padding:28px 30px;display:grid;overflow:hidden}.panel-action{justify-content:flex-end;padding:0 24px 24px;display:flex}.panel-pagination{padding:18px 24px 24px}.pagination-bar{background:#f8fafcf0;border:1px solid #e2e8f0f2;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 18px;padding:16px 18px;display:flex}.pagination-summary{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pagination-size-control{color:var(--slate-600);align-items:center;gap:10px;font-size:.94rem;font-weight:700;display:inline-flex}.pagination-size-control select{background:var(--white);min-width:108px;color:var(--blue-900);font:inherit;border:1px solid #e2e8f0f2;border-radius:12px;padding:10px 12px}.pagination-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-left:auto;display:flex}.pagination-page-indicator{color:var(--slate-500);font-size:.92rem;font-weight:700}.pagination-button-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pagination-button{min-width:112px;padding:10px 14px}.learner-table-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;padding:0 24px 18px;display:grid}.learner-table-summary{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.certificate-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;padding:0 24px 6px;display:grid}.certificate-search-summary{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.certificate-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;padding:22px 24px 24px;display:grid}.certificate-empty-state{color:var(--slate-500);text-align:center;background:#f8fafceb;border:1px dashed #bfdbfef2;border-radius:20px;grid-column:1/-1;padding:18px;font-weight:700}.certificate-card{background:#f8fbfff0;border:1px solid #e2e8f0eb;border-radius:20px;gap:18px;padding:20px;display:grid}.certificate-card h4{font-family:var(--font-heading),var(--font-body),sans-serif;color:var(--blue-900);margin:14px 0 6px;font-size:1.12rem;font-weight:700}.certificate-card p{color:var(--slate-500);margin:0;line-height:1.6}.certificate-download-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.certificate-download-option{text-align:center;justify-content:center;align-items:center;min-height:48px;display:inline-flex}.certificate-download-note{text-align:center}.meta-list{gap:10px;margin:0;display:grid}.meta-list-inline{flex-wrap:wrap;gap:12px;display:flex}.meta-list-inline div{background:#ffffffbd;border:1px solid #e2e8f0e0;border-radius:16px;flex:180px;padding:12px 14px}.meta-list div{gap:3px;display:grid}.meta-list dt{color:var(--slate-500);letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:800}.meta-list dd{color:var(--slate-700);margin:0;font-weight:700}.brand-ribbon-copy h2{color:var(--white);margin-bottom:10px}.brand-ribbon-copy .subcopy{color:#ffffffd1}.brand-ribbon-visual{justify-content:center;align-items:center;display:flex}.brand-ribbon-logo{aspect-ratio:1;background:#ffffff1a;border:1px solid #ffffff29;border-radius:28px;justify-content:center;align-items:center;width:min(100%,280px);display:flex}.brand-ribbon-logo-image{width:auto;max-width:220px;height:auto}.site-footer{background:#fffffffa;border-top:1px solid #e2e8f0d9;align-self:end;width:100%;overflow:hidden;box-shadow:0 -10px 24px -26px #0f172a4d}.site-footer-content{width:100%;padding:14px 22px}.site-footer-top{justify-content:space-between;align-items:center;gap:18px;display:flex}.site-footer-logos{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.site-footer-logo-card{background:var(--white);border:1px solid #e2e8f0eb;border-radius:14px;justify-content:center;align-items:center;min-height:54px;padding:8px 12px;display:flex}.site-footer-logo-image{width:auto;height:auto;max-height:34px}.site-footer-logo-image-wide{max-height:26px}.site-footer-contact{text-align:right;max-width:520px}.site-footer-contact h3{margin:0 0 4px;font-size:1rem}.site-footer-contact p{color:var(--slate-500);margin:0;font-size:.86rem;line-height:1.45}.site-footer-bottom{color:var(--slate-500);border-top:1px solid #e2e8f0eb;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:12px;padding-top:10px;font-size:.82rem;display:flex}@media (max-width:1120px){.topbar-content{grid-template-columns:minmax(220px,1fr) auto}.nav-strip{grid-column:1/-1;justify-content:flex-start;overflow-x:auto}.hero-panel,.brand-ribbon-card,.two-column,.headline-panel,.site-footer-top,.dashboard-insight-grid,.insight-column-grid,.learner-focus-layout,.learning-detail-layout,.learning-detail-hero{grid-template-columns:1fr;display:grid}.headline-side-card,.site-footer-contact{text-align:left}.learning-detail-summary,.meta-list-inline{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-course-sidebar{position:static}}@media (max-width:880px){.hero-bullets{grid-template-columns:1fr}.topbar-content{grid-template-columns:1fr;align-items:stretch}.topbar-side,.account-cluster{justify-content:space-between;width:100%}.nav-strip{grid-column:auto}}@media (max-width:720px){.login-screen,.shell{width:100%}.topbar-content,.panel-header,.brand-ribbon-card,.site-footer-content{padding-left:18px;padding-right:18px}.hero-panel,.headline-panel,.brand-ribbon-card{padding-top:22px;padding-bottom:22px}.headline-panel{padding-left:22px;padding-right:22px}.logo-title{font-size:1rem}.hero-title{font-size:clamp(1.8rem,8vw,2.7rem)}.hero-description{font-size:1rem}.logo-showcase{min-height:270px}.logo-showcase-image{width:100%}.logo-showcase-ring{width:220px;height:220px}.logo-showcase-ring-secondary{width:260px;height:260px}.logo-showcase-ring-tertiary{width:300px;height:300px}.identity-chip,.nav-strip{width:100%}.nav-strip{border-radius:14px;justify-content:flex-start}.issued-secret,.panel>.form-error,.panel>.form-success,.panel>.form-warning{margin-left:18px;margin-right:18px}.certificate-download-actions{grid-template-columns:1fr}.panel .security-list,.panel .table-wrap,.panel .panel-pagination,.status-count-grid,.audit-summary-grid,.sync-run-list,.insight-list,.stack-form{padding-left:18px;padding-right:18px}.table-detail-row td{padding-left:10px;padding-right:10px}.learning-filter-grid,.audit-filter-grid,.learning-filter-summary,.learner-focus-layout,.search-suggestion-panel,.learner-table-toolbar,.certificate-toolbar{padding-left:18px;padding-right:18px}.pagination-actions{justify-content:space-between;width:100%;margin-left:0}.manage-form-grid{grid-template-columns:1fr}.modal-backdrop{padding:16px}.modal-header,.modal-body{padding-left:18px;padding-right:18px}}@media (max-width:560px){.trust-indicators,.headline-meta,.split-header,.site-footer-bottom{gap:10px;display:grid}.topbar-content,.hero-panel,.headline-panel,.brand-ribbon-card{padding:16px}.account-cluster{grid-template-columns:1fr;display:grid}.logout-control .ghost-button{width:100%}.form-card{padding:18px}.learning-filter-grid,.detail-metric-grid,.status-count-item,.sync-run-item,.audit-summary-grid,.audit-filter-grid,.insight-list-item,.lesson-focus-item,.lesson-focus-stats,.learner-focus-header,.modal-header,.track-picker-controls,.track-picker-item,.learner-table-toolbar,.certificate-toolbar,.search-suggestion-item,.search-selection-note{grid-template-columns:1fr;display:grid}.certificate-download-actions{grid-template-columns:1fr}.pagination-summary,.pagination-actions,.pagination-button-group,.pagination-size-control,.pagination-size-control select,.pagination-button{width:100%}.learning-filter-actions,.learner-table-summary,.certificate-search-summary{justify-content:flex-start}.search-suggestion-meta{text-align:left}.learning-detail-summary,.meta-list-inline{grid-template-columns:1fr}.lesson-focus-main{display:grid}.course-hero-progress{grid-template-columns:1fr}.form-inline-note{align-items:flex-start;display:grid}.metric-card{min-height:138px}.logo-container{align-items:flex-start}}@media (max-width:1020px){.manual-guide-heading,.manual-visual-grid,.manual-note-grid,.manual-page-guide{grid-template-columns:1fr}.manual-desktop-map{gap:14px;min-height:0;padding:0}.manual-map-callout{width:auto;position:static}.manual-map-callout:before,.manual-map-callout:after,.manual-page-step:before,.manual-page-step:after,.manual-page-arrow{display:none}.manual-overview-browser{order:-1;max-width:none}.manual-page-guide{gap:18px}.manual-device-frame{order:1}.manual-callout-column-left{order:2}.manual-callout-column-right{order:3}.manual-callout-column{gap:12px;min-height:0}.manual-callout-arrow{display:none}}@media (max-width:720px){.manual-desktop-overview,.manual-all-pages,.manual-guide-section{padding:22px}.manual-desktop-appbar{grid-template-columns:1fr;align-items:stretch}.manual-desktop-nav{justify-content:flex-start;overflow-x:auto}.manual-desktop-user{width:fit-content}.manual-mini-nav span{font-size:.68rem}}@media (max-width:560px){.manual-desktop-overview,.manual-all-pages,.manual-guide-section{border-radius:24px;padding:16px}.manual-page-guide{padding:14px}.manual-desktop-content{padding:12px}.manual-desktop-metrics,.manual-desktop-headline-row,.manual-desktop-workspace{grid-template-columns:1fr}.manual-device-screen{padding:12px}.manual-mini-nav{grid-template-columns:1fr}.manual-mini-nav span{min-height:30px}.manual-section-title,.manual-table-row{grid-template-columns:1fr;display:grid}.manual-preview-button{width:100%}}.system-state{justify-content:center;align-items:center;width:min(720px,100% - 32px);min-height:100vh;margin:0 auto;padding:24px 0;display:flex}.system-state-card{width:100%;box-shadow:var(--shadow-lg);background:#fffffff7;border:1px solid #e2e8f0e0;border-radius:28px;gap:18px;padding:28px;display:grid}.system-state-code{width:fit-content;color:var(--blue-900);letter-spacing:0;background:#eff6ffe6;border-radius:999px;margin:0;padding:8px 12px;font-size:.84rem;font-weight:800}.system-state-actions{flex-wrap:wrap;gap:12px;display:flex}