:root{--l2f-bg:#0b0b0d;--l2f-surface:#171719;--l2f-surface-elevated:#222225;--l2f-text:#f5f5f5;--l2f-text-muted:#b0b0b7;--l2f-border:#64646c;--l2f-accent:#d4af37;--l2f-accent-hover:#efd477;--l2f-success:#4ade80;--l2f-warning:#facc15;--l2f-danger:#f87171;--l2f-info:#93c5fd;--text:var(--l2f-text-muted);--text-h:var(--l2f-text);--bg:var(--l2f-bg);--border:var(--l2f-border);--accent:var(--l2f-accent);--accent-bg:#d4af371a;--accent-border:#d4af3780;--code-bg:var(--l2f-surface);--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:var(--sans);--mono:ui-monospace, Consolas, monospace;font:16px/1.5 var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--l2f-text);background:var(--l2f-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{width:100%;min-width:0}body{overflow-x:clip}button,input,select,textarea{font:inherit}input:not([type=checkbox]):not([type=radio]),select,textarea{background:var(--l2f-surface);color:var(--l2f-text);border:1px solid var(--l2f-border);border-radius:10px;min-width:0}button{color:var(--l2f-text);background:var(--l2f-surface-elevated);border:1px solid var(--l2f-border);cursor:pointer;border-radius:10px;padding:9px 12px}a{color:var(--l2f-accent)}:where(button,a,input,select,textarea):focus-visible{outline:2px solid var(--l2f-accent);outline-offset:3px}button:disabled{color:var(--l2f-text-muted);cursor:not-allowed}.l2f-account-link{border:1px solid var(--l2f-border);width:38px;height:38px;color:var(--l2f-text);background:var(--l2f-surface-elevated);border-radius:9px;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.l2f-top-discovery-link[aria-current=page]{background:var(--accent-bg);border-color:var(--l2f-accent);color:var(--l2f-accent-hover)}.l2f-nav-pending{color:var(--l2f-text-muted)!important;border-color:var(--l2f-border)!important}body{margin:0}#root{box-sizing:border-box;flex-direction:column;width:100%;max-width:none;min-height:100svh;margin:0;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.l2f-discovery-rail{scrollbar-width:none;-ms-overflow-style:none;flex:auto;justify-content:center;align-items:center;gap:8px;min-width:0;max-width:min(54vw,680px);padding:0 12px;display:flex;overflow:auto hidden}.l2f-discovery-rail::-webkit-scrollbar{display:none}.l2f-top-discovery-link{border:1px solid var(--l2f-border);min-height:30px;color:var(--l2f-text);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:0 0;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:6px 12px;font-size:10px;font-weight:850;text-decoration:none;transition:background .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s;display:inline-flex}.l2f-top-discovery-link:hover{color:#f3d86a;background:#d4af371b;border-color:#d4af37e6;transform:translateY(-1px);box-shadow:0 0 0 1px #d4af370d,0 6px 18px #00000038}.l2f-top-discovery-link:focus-visible{outline-offset:2px;outline:2px solid #d4af37}@media (width<=1050px){.l2f-discovery-rail{justify-content:flex-start;max-width:46vw;padding-inline:8px}.l2f-top-discovery-link{padding-inline:10px;font-size:9px}}@media (width<=720px){.l2f-discovery-rail{gap:6px;max-width:42vw}.l2f-top-discovery-link{min-height:28px;padding:5px 9px;font-size:8px}}.l2f-app-shell{--l2f-sidebar-width:282px;--l2f-sidebar-compact:76px;--l2f-header-height:calc(64px + env(safe-area-inset-top,0px));background:var(--l2f-bg);width:100%;min-height:100svh;color:var(--l2f-text)}.l2f-main{box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0}.l2f-main-inner{box-sizing:border-box;overflow-wrap:anywhere;width:100%;max-width:1440px;margin:0 auto;padding:22px 28px 48px}.l2f-main-inner *,.l2f-main-inner>*{box-sizing:border-box;min-width:0}.l2f-main-inner>*,.l2f-main-inner :is(input,select,textarea,button,img,video){max-width:100%}.l2f-main-inner :is(button,a,label){overflow-wrap:anywhere}.l2f-main-inner button{white-space:normal}.l2f-sidebar{visibility:hidden;box-sizing:border-box;transform:translate(-105%)}.l2f-sidebar.is-open{visibility:visible;transform:translate(0)}.l2f-topbar{min-height:calc(64px + env(safe-area-inset-top,0px));padding-top:calc(10px + env(safe-area-inset-top,0px))!important}.l2f-sidebar{padding-bottom:env(safe-area-inset-bottom,0px);top:var(--l2f-header-height)!important}.l2f-sidebar-backdrop{inset:var(--l2f-header-height) 0 0!important}.l2f-menu-icon{display:none}.l2f-menu-links.is-collapsed{display:none!important}.l2f-sidebar-mode{color:var(--l2f-text-muted);gap:6px;padding:0 16px 12px;font-size:12px;display:grid}.l2f-sidebar-mode select{width:100%}.l2f-settings-page :is(section,article),.l2f-profile-page form{min-width:0;max-width:100%}.l2f-profile-layout{grid-template-columns:minmax(0,330px) minmax(0,1fr)!important}.l2f-menu-link:focus-visible,.l2f-top-discovery-link:focus-visible{outline:2px solid var(--l2f-accent);outline-offset:2px}@media (width>=1100px){.l2f-app-shell.has-navigation.sidebar-open .l2f-main{padding-left:var(--l2f-sidebar-width)}.l2f-app-shell.has-navigation.sidebar-closed .l2f-main{padding-left:var(--l2f-sidebar-compact)}.l2f-sidebar-backdrop{display:none!important}.sidebar-closed .l2f-sidebar{visibility:visible;transform:none;width:var(--l2f-sidebar-compact)!important}.sidebar-closed .l2f-sidebar :is(.l2f-identity-header,.l2f-sidebar-footer,.l2f-menu-title,.l2f-menu-section-button,.l2f-menu-label){display:none}.sidebar-closed .l2f-menu-links{display:grid!important}.sidebar-closed .l2f-menu-link{justify-content:center;display:flex;padding:10px 4px!important}.sidebar-closed .l2f-menu-icon{font-size:12px;display:inline}.sidebar-closed .l2f-sidebar nav{padding:10px 8px!important}}@media (width<=1099px){.l2f-brand-long{display:none}.l2f-app-shell .l2f-main{width:100%;margin-left:0;padding-left:0}.l2f-main-inner{max-width:100%;padding:20px 18px 42px}.l2f-sidebar-mode{display:none}}@media (width<=900px){.l2f-profile-layout{grid-template-columns:minmax(0,1fr)!important}.l2f-profile-layout>aside{position:static!important}}@media (width<=699px){.l2f-app-shell{--l2f-header-height:calc(108px + env(safe-area-inset-top,0px))}.l2f-main-inner{padding:16px max(16px, env(safe-area-inset-right,0px)) calc(36px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px))}.l2f-main-inner>:is(div,main){width:100%;margin-inline:auto!important;padding-inline:0!important}.l2f-main-inner [style*=grid-template-columns]{grid-template-columns:minmax(0,1fr)!important}.l2f-topbar{grid-template-columns:minmax(0,1fr) auto;padding-inline:max(16px, env(safe-area-inset-left,0px)) max(16px, env(safe-area-inset-right,0px))!important;gap:8px!important;display:grid!important}.l2f-brand-long,.l2f-topbar-logout-text{display:none}.l2f-topbar-left{gap:8px!important}.l2f-topbar-actions{gap:4px!important}.l2f-topbar .l2f-discovery-rail{grid-area:2/1/auto/-1;justify-content:flex-start;gap:8px;width:100%;max-width:100%;min-height:34px;padding:0 0 2px}.l2f-topbar .l2f-top-discovery-link{letter-spacing:0;min-height:40px;padding:6px 10px;font-size:11px}.l2f-settings-panel{padding:16px!important}.l2f-settings-policy-row{flex-wrap:wrap}.l2f-profile-page [style*="position: sticky"]{position:static!important}}.training-page{overflow-wrap:anywhere;width:100%;max-width:1180px;margin:auto}.training-page h1{margin:12px 0;font-size:clamp(26px,4vw,40px)}.training-page h2{margin:0 0 12px}.training-page .muted{color:var(--l2f-text-muted)}.training-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:16px;margin:20px 0;display:grid}.training-card{border:1px solid var(--l2f-border);background:var(--l2f-surface);border-radius:16px;min-width:0;padding:18px}.training-card p{margin:8px 0}.training-actions{flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0;display:flex}.training-page :is(input,textarea,select){box-sizing:border-box;width:100%;padding:10px}.training-page input[type=checkbox]{width:auto}.training-page label{gap:6px;margin:12px 0;display:grid}.training-page .training-confirm{align-items:center;gap:10px;display:flex}.training-page textarea{resize:vertical;min-height:100px}.training-page .primary{background:var(--l2f-accent);color:var(--l2f-bg);font-weight:700}.training-page button:disabled{background:var(--l2f-surface);color:var(--l2f-text-muted);border-color:var(--l2f-border)}.training-page .training-link{border:1px solid var(--l2f-border);border-radius:10px;padding:10px 14px;text-decoration:none;display:inline-flex}.training-error{border:1px solid var(--l2f-danger);border-radius:10px;padding:14px}.training-calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:18px 0;display:grid}.training-calendar>div{border:1px solid var(--l2f-border);background:var(--l2f-surface);border-radius:8px;min-width:0;min-height:90px;padding:6px}.training-calendar .calendar-heading{text-align:center;border:0;min-height:0;font-size:12px}.training-calendar a{margin:6px 0;font-size:12px;display:block}.training-status{color:var(--l2f-text-muted);text-transform:capitalize;font-size:12px;display:inline-block}.training-status.completed,.training-status.reviewed{color:var(--l2f-success)}.training-status.missed{color:var(--l2f-warning)}.training-page video,.training-page img{object-fit:contain;width:100%;max-height:500px}.training-instructions{white-space:pre-wrap}@media (width<=699px){.training-card{padding:14px}.training-calendar>div{min-height:74px;padding:3px}.training-calendar a{font-size:10px}}