.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--color-primary);color:#fff;z-index:1000;box-shadow:0 2px 8px #0000002e}.header-content{max-width:var(--content-max-width);height:100%;margin:0 auto;padding:0 var(--content-padding);display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:var(--spacing-lg)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:var(--spacing-md)}.brand-link{font-size:1.5rem;font-weight:700;font-family:var(--font-heading);color:#fff;text-decoration:none!important;transition:opacity .2s ease}.brand-link:hover{color:var(--color-accent);text-decoration:none!important}.brand-link:focus{outline:none!important}.header-nav{display:flex;align-items:center;gap:var(--spacing-lg)}.profile-menu-button{color:#fff!important;font-size:1rem!important;font-weight:400!important;background:transparent!important;border:none!important}.profile-menu-button:hover{color:var(--color-accent)!important}.nav-menu-button{color:#fff!important;font-size:1rem!important;font-weight:400!important;background:transparent!important;border:none!important}.nav-menu-button:hover{color:var(--color-accent)!important}.nav-menu-button.nav-link-active{color:var(--color-accent)!important;font-weight:700!important}.header-auth-status{display:flex;align-items:center;gap:var(--spacing-sm);color:#fff;font-weight:500;white-space:nowrap}.header-logout-link{font-weight:700}.header-visit-link{font-weight:600}.nav-link{color:#fff;font-size:1rem;font-weight:400;text-decoration:none!important;transition:opacity .2s ease;white-space:nowrap}.nav-link:hover{color:var(--color-accent);text-decoration:none!important}.nav-link:active,.nav-link:focus,.nav-link:focus-visible,.nav-link:visited,.brand-link:active,.brand-link:focus,.brand-link:focus-visible,.brand-link:visited{text-decoration:none!important;box-shadow:none}.profile-menu-button,.profile-menu-button:hover,.profile-menu-button:active,.profile-menu-button:focus,.profile-menu-button:focus-visible,.nav-menu-button,.nav-menu-button:hover,.nav-menu-button:active,.nav-menu-button:focus,.nav-menu-button:focus-visible{text-decoration:none!important}.nav-link:focus{outline:none}.nav-link-active{font-weight:700;color:var(--color-accent)}@media(max-width:768px){.header-content{padding:0 1rem}.header-left,.header-nav,.header-actions{gap:var(--spacing-md)}.nav-link{font-size:.875rem}.profile-menu-button,.nav-menu-button{font-size:.875rem!important}.brand-link{font-size:1.25rem}}@media(max-width:640px){.header-left,.header-nav,.header-actions{gap:var(--spacing-sm)}.header-auth-status{display:none}.nav-link{font-size:.8rem}}.site-footer{position:fixed;bottom:0;left:0;right:0;height:var(--footer-height);background:var(--color-primary);color:#fff;z-index:1000;box-shadow:0 -2px 8px #0000001a}.footer-content{max-width:var(--content-max-width);height:100%;margin:0 auto;padding:0 var(--content-padding);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.footer-text{margin:0;font-size:.875rem;color:#fff;text-align:center;line-height:1.2}.footer-text a{color:var(--color-accent);font-weight:600}.footer-text a:hover{color:var(--color-secondary)}@media(max-width:768px){.footer-content{padding:0 1rem}.footer-text{font-size:.8rem}}.main-content{flex:1;width:100%;margin-top:var(--header-height);margin-bottom:var(--footer-height);overflow-y:auto}.page-container{max-width:var(--content-max-width);margin:0 auto;padding:var(--content-padding)}@media(min-width:1232px){.page-container{padding-left:var(--content-padding);padding-right:var(--content-padding)}}@media(max-width:768px){.page-container{padding:1rem}}.welcome-section{text-align:left;margin-bottom:var(--spacing-lg)}.welcome-title{color:var(--color-primary);margin-bottom:var(--spacing-md);font-size:36px!important}.welcome-intro{display:block;margin-bottom:var(--spacing-md);color:var(--color-text-muted)}.action-buttons{display:flex;justify-content:flex-start;margin-top:var(--spacing-md)}.login-link,.login-link:hover{text-decoration:none}.login-btn{background-color:var(--color-primary);color:#fff}.section{margin-top:var(--spacing-lg)}.section-divider{margin:var(--spacing-xl) 0}.reset-btn{margin-top:var(--spacing-sm)}.update-title{color:var(--color-secondary)}.browser-note{color:var(--color-text-muted);font-style:italic}.hours-section{margin-top:var(--spacing-md)}.hours-section p{margin-bottom:var(--spacing-xs)}.landing-page .fui-Text{display:block;margin-bottom:6px}@media(max-width:768px){.landing-page{padding:var(--spacing-lg) 0}.welcome-title{font-size:1.8rem}.action-buttons,.login-link,.login-btn{width:100%}.section-divider{margin:var(--spacing-lg) 0}}.home-header{margin-bottom:var(--spacing-lg)}.home-page-title{margin-bottom:var(--spacing-md)}.home-role-switcher{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.home-role-switcher-label{margin:0}.home-role-switcher-dropdown{width:min(100%,260px)}.home-page h1{color:var(--color-primary)}.home-subtitle{display:block;color:var(--color-text-muted);font-size:1.05rem}.home-data-layout{display:flex;flex-direction:column}.home-data-section{margin-top:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md)}.home-section-title{font-size:1.4rem}.home-card{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl);border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);box-shadow:var(--shadow-sm)}.home-data-grid{border-radius:10px;overflow:hidden}.home-data-grid .fui-DataGridHeaderCell{font-size:1rem;font-weight:700}.home-data-grid .fui-DataGridCell{font-size:1rem}.home-card .fui-Text{color:var(--color-text-muted)}@media(max-width:768px){.home-page{padding:var(--spacing-lg) 0}.home-card{padding:var(--spacing-md)}.home-data-grid .fui-DataGridHeaderCell,.home-data-grid .fui-DataGridCell{font-size:.9rem}.home-role-switcher{flex-direction:column;align-items:flex-start}.home-role-switcher-dropdown{width:100%}}.training-page{max-width:1080px}.training-page-title{margin-bottom:var(--spacing-md)}.training-card{padding:var(--spacing-lg) 0 0 var(--spacing-lg)!important;background:var(--color-surface);box-shadow:none!important}.training-intro{margin-bottom:var(--spacing-lg);color:var(--color-text-muted)}.training-grid{border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.training-meta-grid{display:grid;grid-template-columns:minmax(120px,180px) 1fr;row-gap:var(--spacing-md);column-gap:var(--spacing-lg)}.training-meta-label{font-weight:700}.training-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.training-search-row{display:flex;justify-content:flex-end}.training-search-input{width:min(100%,360px)}.training-data-grid{overflow:hidden}.training-description-cell{white-space:normal;line-height:1.35}.training-data-grid .fui-DataGridHeaderCell{font-weight:700}.training-pagination-row{display:flex;justify-content:center;gap:var(--spacing-md);align-items:center}.training-actions{margin-top:var(--spacing-lg);display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.training-section-title{margin-top:var(--spacing-xl)}@media(max-width:768px){.training-page{padding:var(--spacing-lg) 0}.training-card{padding:var(--spacing-md)!important}.training-meta-grid{grid-template-columns:1fr;row-gap:var(--spacing-xs)}.training-pagination-row{justify-content:space-between;flex-wrap:wrap}.training-pagination-row .fui-Button{flex:1;min-width:120px}.training-search-row{justify-content:stretch}.training-search-input{width:100%}.training-data-grid .fui-DataGridHeaderCell,.training-data-grid .fui-DataGridCell{font-size:.9rem}}.course-page{max-width:1080px}.course-card{padding:var(--spacing-lg)!important;background:var(--color-surface)}.course-grid{border-radius:10px;overflow:hidden}.course-intro{margin-bottom:var(--spacing-lg);color:var(--color-text-muted)}.course-detail-grid{display:grid;grid-template-columns:minmax(120px,160px) 1fr;row-gap:var(--spacing-md);column-gap:var(--spacing-lg)}.course-detail-label{font-weight:700}.course-detail-actions{margin-top:var(--spacing-lg);display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.course-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.course-search-row{display:flex;justify-content:flex-end}.course-search-input{width:min(100%,360px)}.course-section-title{margin-top:var(--spacing-sm)}.course-grid .fui-DataGridHeaderCell{font-weight:700}.course-pagination-row{display:flex;justify-content:center;gap:var(--spacing-md);align-items:center}@media(max-width:768px){.course-page{padding:var(--spacing-lg) 0}.course-card{padding:var(--spacing-md)!important}.course-detail-grid{grid-template-columns:1fr;row-gap:var(--spacing-xs)}.course-pagination-row{justify-content:space-between;flex-wrap:wrap}.course-pagination-row .fui-Button{flex:1;min-width:120px}.course-search-row{justify-content:stretch}.course-search-input{width:100%}.course-grid .fui-DataGridHeaderCell,.course-grid .fui-DataGridCell{font-size:.9rem}}.quick-signin-page{display:flex;justify-content:center;padding:var(--spacing-2xl) 0}.quick-signin-card{width:100%;max-width:420px;padding:var(--spacing-xl);border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);box-shadow:0 1px 3px #0000000d}.quick-signin-card h2{color:var(--color-primary);margin-bottom:var(--spacing-sm)}.quick-signin-card p{color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.quick-signin-card input{width:100%;padding:10px;font-size:16px;border:1px solid var(--color-border);border-radius:6px}.quick-signin-card input:focus{outline:2px solid var(--color-secondary);outline-offset:1px}.quick-signin-card button{margin-top:12px;width:100%;padding:10px;font-size:16px;border:none;border-radius:6px;background:var(--color-primary);color:#fff;cursor:pointer}.quick-signin-card button:hover{background:var(--color-secondary)}.signin-error{color:var(--color-danger);margin-top:var(--spacing-md);margin-bottom:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:768px){.quick-signin-page{padding:var(--spacing-lg) 0}.quick-signin-card{padding:var(--spacing-lg)}}.profile-page{max-width:920px}.profile-card{margin-top:var(--spacing-md);padding:0!important;display:flex;flex-direction:column;gap:var(--spacing-lg);box-shadow:var(--shadow-sm)!important}.profile-loading-state{min-height:220px;display:flex;align-items:center;justify-content:center}.profile-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.profile-section-title{font-size:1.05rem;font-weight:700}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-md)}.profile-grid-span-2{grid-column:span 2}.profile-actions{display:flex;justify-content:center}.profile-error{color:var(--color-danger);font-weight:700}.profile-success{color:var(--color-success);font-weight:700}.profile-saving{color:var(--color-text-muted);font-weight:600}@media(max-width:768px){.profile-page{padding:var(--spacing-md) 0 var(--spacing-xl)}.profile-card{padding:var(--spacing-lg)}.profile-grid{grid-template-columns:1fr}.profile-grid-span-2{grid-column:span 1}.profile-actions{justify-content:stretch}.profile-actions .fui-Button{width:100%}}.utility-page{padding:var(--spacing-xl) 0;max-width:1080px}.utility-card{padding:var(--spacing-xl);border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);box-shadow:var(--shadow-sm)}.utility-text{margin-top:var(--spacing-sm)}.utility-actions{margin-top:var(--spacing-lg);display:flex;gap:var(--spacing-md)}@media(max-width:768px){.utility-page{padding:var(--spacing-lg) 0}.utility-card{padding:var(--spacing-md)}.utility-actions{flex-wrap:wrap}.utility-actions .fui-Button{width:100%}}.employer-page{padding:var(--spacing-2xl) 0}.employer-page-title{margin-bottom:var(--spacing-md)}.employer-role-switcher{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.employer-role-switcher-label{margin:0}.employer-role-switcher-dropdown{width:min(100%,260px)}.employer-section{margin-top:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md)}.employer-section-title{margin-top:var(--spacing-sm)}.employer-search-row{display:flex;justify-content:flex-end}.employer-search-input{width:min(100%,360px)}.employer-data-grid{border-radius:10px;overflow:hidden}.employer-pagination-row{display:flex;justify-content:flex-end;gap:var(--spacing-md);align-items:center}@media(max-width:768px){.employer-page{padding:var(--spacing-lg) 0}.employer-search-row{justify-content:stretch}.employer-search-input{width:100%}.employer-pagination-row{justify-content:space-between;flex-wrap:wrap}.employer-pagination-row .fui-Button{flex:1;min-width:120px}.employer-role-switcher{flex-direction:column;align-items:flex-start}.employer-role-switcher-dropdown{width:100%}}@font-face{font-family:Inter;src:url(/assets/Inter-VariableFont_opsz_wght-c8O0ljhh.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/Inter-Italic-VariableFont_opsz_wght-B-9PvMw6.ttf) format("truetype");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:Reckless Standard S;src:url(/assets/RecklessStandardS-Bold-BsvkPoLY.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Reckless Standard S;src:url(/assets/RecklessStandardS-BoldItalic-BIH2mBmN.otf) format("opentype");font-weight:700;font-style:italic;font-display:swap}:root{--color-midnight: #002a38;--color-midnight-85: #264a56;--color-aqua: #00a8a8;--color-volt: #aafc58;--color-cobalt: #164194;--color-sky: #71cbf4;--color-berry: #a21a57;--color-flame: #ea5153;--color-tangerine: #ed7004;--color-yellow: #f7e119;--color-primary: var(--color-midnight);--color-primary-soft: #aafc58;--color-secondary: var(--color-aqua);--color-accent: var(--color-volt);--color-surface: #ffffff;--color-surface-muted: var(--color-digital-white);--color-text: var(--color-midnight);--color-text-muted: #3b5560;--color-border: #d9e1e4;--color-danger: var(--color-flame);--color-success: var(--color-aqua);--shadow-sm: 0 2px 8px rgba(0, 42, 56, .08);--shadow-md: 0 8px 20px rgba(0, 42, 56, .1);--font-body: "Inter", "Segoe UI", sans-serif;--font-heading: "Reckless Standard S", Georgia, serif;--font-mono: "Consolas", "Courier New", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--header-height: 64px;--footer-height: 84px;--content-max-width: 1400px;--content-padding: 2rem}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0;font-family:var(--font-body)!important;color:var(--color-text);background:var(--color-surface-muted);line-height:1.4;font-size:1rem;text-align:left}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1;letter-spacing:-.01em;margin-bottom:var(--spacing-md)}h1{font-size:3rem}h2{font-size:1.5rem}h3{font-family:var(--font-body);font-size:.875rem;font-weight:700;line-height:1.4}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:var(--spacing-md);text-indent:0;max-inline-size:72ch;line-height:1.4}li,.fui-Text{line-height:1.4}a{color:var(--color-secondary);text-decoration:underline;text-underline-offset:2px;transition:color .2s ease}a:hover{color:var(--color-accent)!important}a:focus{color:var(--color-accent)!important}a:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}code,.mono{font-family:var(--font-mono)}strong{font-weight:600}em,i{font-style:italic}.fui-Title1,.fui-Title2{font-family:var(--font-heading);font-weight:700;line-height:1}.fui-Title1{font-size:3rem}.fui-Title2{font-size:1.5rem}.fui-Title3{font-family:var(--font-body);font-weight:700;line-height:1.4}.fui-Card{box-shadow:none!important}.fui-Button{font-family:var(--font-body);border-radius:8px}.fui-Button--primary{background:var(--color-primary)!important;color:#fff!important;border-color:var(--color-primary)!important}.fui-Button--primary:hover{background:var(--color-primary-soft)!important;border-color:var(--color-primary-soft)!important}.fui-Button--secondary{color:var(--color-primary)!important;border-color:var(--color-primary-soft)!important;background:#fff!important}.fui-Button--secondary:hover{border-color:var(--color-secondary)!important;color:var(--color-primary-soft)!important}.fui-Button--subtle{color:var(--color-primary)}.fui-Input,.fui-Textarea{border-color:var(--color-border)!important;background:#fff}.fui-Input:focus-within,.fui-Textarea:focus-within{border-color:var(--color-secondary)!important;box-shadow:0 0 0 2px #00a8a833}.fui-DataGridBody .fui-DataGridRow:hover .fui-DataGridCell{background:var(--color-surface-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s ease-out both}.animate-fade-in:nth-child(1){animation-delay:.1s}.animate-fade-in:nth-child(2){animation-delay:.2s}.animate-fade-in:nth-child(3){animation-delay:.3s}.animate-fade-in:nth-child(4){animation-delay:.4s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}