@media (max-width:790px){.staff_circle{width:70px!important;height:70px!important}.login-container{display:block}.left-panel h2{font-size:2.5rem}.left-panel{width:100%;padding:3rem}.right-panel{background:#fff;align-items:center;width:100%;padding:28px 29px;display:flex}.comments-header{flex-direction:column;align-items:flex-start;gap:20px}.tabs{width:100%}.tabs button{flex:1}.add-comment{flex-wrap:wrap}.add-comment button{width:100%}.reply-box{flex-wrap:wrap}.reply-box button{width:100%}.reply-wrapper{margin-left:20px}.actions{flex-wrap:wrap}.show-replies{margin-left:0}.hero-btn-group{display:block!important}.btn-claim{margin-bottom:1rem}.profile{margin-top:2rem!important}.new,.top_headin_policy{display:block!important}.info-bar{padding:0 2rem}.profile-card{text-align:center;padding:30px 20px}.profile-card .row{flex-direction:column}.profile-img-container{width:120px;height:120px;margin:0 auto 20px}.col.ps-4{padding-left:12px!important}.profile-card h1{font-size:2rem!important}.profile-card p.fs-4{font-size:1.2rem!important}.profile-card .d-flex.gap-3{flex-direction:column;gap:10px!important}.glass-badge{width:100%;min-width:unset;padding:12px}.stat-divider{border-bottom:1px solid #ffffff1a;border-right:none;margin-bottom:15px;padding-bottom:15px}.staff-description{color:#ffffffb3;z-index:2;margin-bottom:0;font-size:.92rem;line-height:1.5;position:relative;max-width:100%!important}.salary-tag{font-size:8px}.main-responsibility{display:block!important}.benefits-description{color:#ffffffb3;z-index:2;max-width:100%;margin-bottom:0;font-size:.92rem;line-height:1.5;position:relative}.stepper-layout{grid-template-columns:1fr 1fr;gap:40px 20px;display:grid;position:relative}.desktop-only{display:none}.step-1:after{content:"";z-index:1;background:#10b981;width:100%;height:3px;position:absolute;top:30px;left:60px}.step-3:after{content:"";z-index:1;background:#e2e8f0;width:100%;height:3px;position:absolute;top:30px;left:60px}.step-2:before{content:"";z-index:1;background:#e2e8f0;width:3px;height:40px;position:absolute;top:60px;left:30px}.note-container{border-radius:15px;padding:15px}.custom-shoutout-prev{left:2px}.custom-shoutout-next{right:2px}.leader-row{flex-direction:column;gap:16px}.ceo-banner{text-align:center;flex-direction:column;padding:25px 15px}.ceo-meta{flex-direction:column;gap:10px;width:100%}.ceo-meta span{width:100%;display:block}.staff-individual-card{flex-direction:column;align-items:flex-start;gap:12px}.right-side{text-align:left;border-top:1px solid #f1f5f9;width:100%;padding-top:12px}.right-side p{justify-content:flex-start;font-size:12px}.member-page{padding:15px}.name-large{font-size:24px}.stats-row{display:block}.mini-stat-card{margin-bottom:1rem}.tabs-pill-container{white-space:nowrap;width:100%;display:flex;overflow-x:auto}.tab-link-btn{text-align:center;flex:1;padding:10px 15px;font-size:13px}.visibility-row{grid-template-columns:1fr}.submit-footer{text-align:center;flex-direction:column;gap:20px}.status-grid{grid-template-columns:repeat(2,1fr)}.card-header-row{flex-direction:column;align-items:flex-start;gap:15px}.points-badge{align-self:flex-start}.all-ideas-page{padding:15px}.featured-card{width:100%;max-width:none}.header-with-tabs{flex-direction:column;align-items:flex-start;gap:15px}.filter-tabs-container{grid-template-columns:repeat(3,1fr);gap:5px;width:100%;display:grid}.filter-tab-btn{text-align:center;padding:8px 5px;font-size:11px}.page-title{font-size:20px}.slider-arrow{display:none}.cat-scrollview{padding:5px 0}.idea-card{padding:15px}.card-top{flex-direction:column;gap:10px}.cat-label{align-self:flex-start}.card-actions{flex-direction:column;align-items:flex-start;gap:15px}.engagement-btns{justify-content:space-between;width:100%}.action-btn{flex:1;justify-content:center;display:flex}.comment-input-box{flex-direction:column}.comment-input-box button{width:100%;padding:10px}.reply-bubble-full{margin-left:15px}.reply-input-full{flex-direction:row;margin-left:15px}.faq-body-content{padding-left:25px}.featured-cards-grid{grid-template-columns:1fr}.custom-navbar{height:70px;padding-top:10px!important}.top-navbar{padding:0 1rem!important}.brand-logo{width:120px!important;height:auto!important}.brand-text{display:none}.vr-line{display:none!important}.user-profile{box-shadow:none!important;background:0 0!important;border:none!important;padding:4px!important}.user-name{display:none!important}.user-avatar{width:32px!important;height:32px!important}.notification-wrapper{padding:6px!important}.history-header{flex-direction:column;align-items:flex-start;gap:15px}.btn-download-all{justify-content:center;width:100%}.stats-row{flex-direction:column;gap:10px}.stat-pill{justify-content:flex-start;width:100%}.filter-row{align-items:stretch;gap:12px}.status-banner{border-radius:12px;align-items:center;gap:12px;width:47rem;margin-top:15px;padding:15px;display:flex}.search-wrapper,.date-wrapper{min-width:100%}.filter-group{-webkit-overflow-scrolling:touch;padding:5px;display:flex;overflow-x:auto}.toggle-btn{white-space:nowrap;padding:8px 15px}.card-top{flex-direction:column;align-items:flex-start;gap:10px}.card-top h2{font-size:18px!important}.card-info{flex-direction:column;align-items:flex-start;gap:12px}.sub-text{width:100%;margin-left:0}.pill-grid{grid-template-columns:repeat(2,1fr)}.detail-section{padding:15px;overflow-x:auto}.mileage-table{min-width:500px}.card-footer{flex-direction:column;gap:15px}.footer-btns,.btn-download-pdf{justify-content:center;width:100%}.detail-pill{background:#f8fafc;border-radius:10px;flex-direction:column;padding:8px 15px;display:flex;min-width:156px!important}.nodes-wrapper{text-align:center;flex-flow:wrap;justify-content:center;gap:8px;margin-bottom:48px;display:flex}.consent-modal{background:#f8fafc;border-radius:32px;width:103%;max-width:850px;max-height:90vh;padding:22px;position:relative;overflow-y:auto;box-shadow:0 25px 80px #00000040}.upload-modal-card{border-radius:12px;width:100%;max-width:calc(100vw - 20px);max-height:85vh;padding:20px 15px}.upload-dropzone{padding:20px 10px}.upload-dropzone input[type=file]{width:100%;font-size:14px}.submit-main-btn{padding:12px;font-size:14px}}@media (min-width:992px){.container{max-width:1100px}}
@keyframes pulse-zoom{0%{transform:scale(1);box-shadow:0 0 #1a3ebd66}50%{transform:scale(1.08);box-shadow:0 0 15px 5px #1a3ebd33}to{transform:scale(1);box-shadow:0 0 #1a3ebd00}}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes modalPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.skeleton-box{background:linear-gradient(90deg,#e0e0e05a 25%,#f0f0f06d 50%,#e0e0e04f 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.placeholder-glow .placeholder{animation:1.6s ease-in-out infinite placeholder-glow}.placeholder{opacity:1;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 37%,#f1f5f9 63%) 0 0/400% 100%;border-radius:6px;min-height:1rem;display:inline-block}@keyframes placeholder-glow{0%{background-position:100%}to{background-position:0}}.placeholder.rounded-circle{border-radius:50%!important}.placeholder.rounded-pill{border-radius:50rem!important}.skeleton-card{background:#fff;border-radius:20px;overflow:hidden}.placeholder,.placeholder *{-webkit-user-select:none;user-select:none;pointer-events:none}
:root{--training-primary:#1d4ed8;--training-primary-dark:#1e40af;--training-green:#16a34a;--training-green-bg:#dcfce7;--training-amber:#b45309;--training-amber-bg:#fef3c7;--training-red:#dc2626;--training-red-bg:#fee2e2;--training-border:#e5e7eb}.training-page{background:#f8fafc;min-height:100vh;padding-bottom:4rem}.training-shell{max-width:960px;margin:0 auto;padding:2rem 1rem}.training-shell--narrow{max-width:720px}.training-nav{flex-wrap:wrap;gap:.5rem;margin-bottom:1.75rem;display:flex}.training-nav-link{color:#475569;border:1px solid var(--training-border);background:#fff;border-radius:999px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .15s}.training-nav-link:hover{color:var(--training-primary);border-color:var(--training-primary)}.training-nav-link.active{background:var(--training-primary);border-color:var(--training-primary);color:#fff}.training-header h1{color:#0f172a;margin-bottom:.25rem;font-size:1.6rem;font-weight:700}.training-header p{color:#64748b;margin-bottom:1.5rem}.training-summary-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:2rem;display:grid}@media (max-width:700px){.training-summary-grid{grid-template-columns:repeat(2,1fr)}}.training-summary-card{text-align:center;background:#fff;border-radius:16px;padding:1rem 1.1rem;box-shadow:0 2px 10px #0f172a0f}.training-summary-card .value{color:#0f172a;font-size:1.6rem;font-weight:800}.training-summary-card .label{color:#64748b;margin-top:.15rem;font-size:.78rem}.training-summary-card.compliance{text-align:left}.training-progress-track{background:#e2e8f0;border-radius:999px;width:100%;height:8px;margin-top:.5rem;overflow:hidden}.training-progress-fill{background:linear-gradient(90deg, var(--training-primary), #38bdf8);border-radius:999px;height:100%;transition:width .4s}.training-section-title{letter-spacing:.04em;text-transform:uppercase;color:#64748b;margin:1.75rem 0 .75rem;font-size:.85rem;font-weight:700}.training-course-card{background:#fff;border-radius:16px;align-items:center;gap:1rem;margin-bottom:.75rem;padding:1rem 1.25rem;transition:box-shadow .15s,transform .15s;display:flex;box-shadow:0 2px 10px #0f172a0f}.training-course-card:hover{box-shadow:0 6px 18px #0f172a17}.training-course-type{width:44px;height:44px;color:var(--training-primary);background:#eef2ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.training-course-body{flex:1;min-width:0}.training-course-body h3{color:#0f172a;margin:0 0 .25rem;font-size:1rem;font-weight:700}.training-course-meta{color:#64748b;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.85rem;display:flex}.training-status-badge{text-transform:uppercase;letter-spacing:.02em;border-radius:999px;padding:.15rem .55rem;font-size:.72rem;font-weight:700;display:inline-block}.training-recorded-tag{color:#7c3aed;background:#f3e8ff;border-radius:999px;padding:.1rem .5rem;font-size:.75rem}.training-course-action{flex-shrink:0}.training-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:opacity .15s,transform .1s;display:inline-flex}.training-btn:active{transform:scale(.98)}.training-btn-primary{background:var(--training-primary);color:#fff}.training-btn-primary:hover{background:var(--training-primary-dark);color:#fff}.training-btn-outline{color:var(--training-primary);border:1.5px solid var(--training-primary);background:#fff}.training-btn-outline:hover{color:var(--training-primary);background:#eff6ff}.training-btn-success{background:var(--training-green);color:#fff}.training-btn-danger{background:var(--training-red);color:#fff}.training-btn:disabled,.training-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.training-empty-state{text-align:center;color:#64748b;background:#fff;border-radius:16px;padding:2rem;box-shadow:0 2px 10px #0f172a0f}.training-card{background:#fff;border-radius:20px;margin-bottom:1.25rem;padding:1.75rem;box-shadow:0 4px 18px #0f172a14}.training-card h2{color:#0f172a;margin-bottom:.35rem;font-size:1.3rem;font-weight:700}.training-card .sub{color:#64748b;margin-bottom:1.25rem;font-size:.92rem}.training-info-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.25rem;display:grid}@media (max-width:700px){.training-info-grid{grid-template-columns:repeat(2,1fr)}}.training-info-item{text-align:center;background:#f8fafc;border-radius:12px;padding:.75rem}.training-info-item .k{color:#94a3b8;text-transform:uppercase;letter-spacing:.03em;font-size:.72rem}.training-info-item .v{color:#0f172a;margin-top:.15rem;font-weight:700}.training-note{border-left:3px solid var(--training-primary);color:#1e3a5f;background:#eff6ff;border-radius:10px;margin-bottom:1.25rem;padding:.85rem 1rem;font-size:.88rem}.training-material-tabs{gap:.5rem;margin-bottom:1rem;display:flex}.training-material-tab{border:1px solid var(--training-border);color:#475569;cursor:pointer;background:#fff;border-radius:999px;padding:.4rem .9rem;font-size:.85rem;font-weight:600}.training-material-tab.active{background:var(--training-primary);border-color:var(--training-primary);color:#fff}.training-video-frame,.training-video-frame video,.training-video-frame iframe{aspect-ratio:16/9;background:#0f172a;border:none;border-radius:14px;width:100%;display:block}.training-slides-frame{background:#f1f5f9;border:none;border-radius:14px;width:100%;min-height:420px}.training-viewed-check{color:var(--training-green);align-items:center;gap:.5rem;margin:.75rem 0;font-size:.88rem;font-weight:600;display:flex}.training-test-progress-label{color:#64748b;justify-content:space-between;margin-bottom:.4rem;font-size:.85rem;display:flex}.training-question-text{color:#0f172a;margin:1rem 0 1.25rem;font-size:1.15rem;font-weight:700;line-height:1.4}.training-option{border:1.5px solid var(--training-border);cursor:pointer;border-radius:12px;align-items:center;gap:.75rem;margin-bottom:.65rem;padding:.85rem 1rem;transition:border-color .15s,background .15s;display:flex}.training-option:hover{background:#f8fafc;border-color:#93c5fd}.training-option.selected{border-color:var(--training-primary);background:#eff6ff}.training-option input{accent-color:var(--training-primary);flex-shrink:0;width:18px;height:18px}.training-option-label{color:#1e293b;font-size:.96rem}.training-test-actions{justify-content:space-between;margin-top:1.5rem;display:flex}.training-result-banner{text-align:center;padding:2rem 1rem 1.5rem}.training-result-icon{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1rem;display:flex}.training-result-icon.pass{background:var(--training-green-bg);color:var(--training-green)}.training-result-icon.fail{background:var(--training-red-bg);color:var(--training-red)}.training-result-score{color:#0f172a;font-size:2.5rem;font-weight:800}.training-result-sub{color:#64748b;margin-bottom:1.25rem;font-size:.9rem}.training-result-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.training-review-item{border:1px solid var(--training-border);border-radius:14px;margin-bottom:.9rem;padding:1.1rem 1.25rem}.training-review-item .q{color:#0f172a;margin-bottom:.6rem;font-weight:700}.training-review-item .your-answer{color:var(--training-red);margin-bottom:.25rem;font-size:.9rem}.training-review-item .correct-answer{color:var(--training-green);margin-bottom:.6rem;font-size:.9rem}.training-review-explain{color:#475569;background:#f8fafc;border-radius:10px;padding:.75rem .9rem;font-size:.86rem}.training-dropzone{text-align:center;color:#64748b;cursor:pointer;border:2px dashed #cbd5e1;border-radius:14px;padding:2rem 1rem;transition:border-color .15s,background .15s}.training-dropzone:hover,.training-dropzone.dragging{border-color:var(--training-primary);background:#eff6ff}.training-dropzone .file-name{color:var(--training-primary);font-weight:600}.training-form-group{margin-bottom:1.1rem}.training-form-group label{color:#334155;margin-bottom:.35rem;font-size:.85rem;font-weight:600;display:block}.training-form-group select,.training-form-group input[type=text],.training-form-group input[type=date]{border:1.5px solid var(--training-border);border-radius:10px;width:100%;padding:.6rem .8rem;font-size:.92rem}.training-form-group select:focus,.training-form-group input:focus{border-color:var(--training-primary);outline:none}.training-spinner{border:2px solid #ffffff80;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite training-spin;display:inline-block}@keyframes training-spin{to{transform:rotate(360deg)}}.training-alert{border-radius:12px;margin-bottom:1rem;padding:.85rem 1rem;font-size:.9rem}.training-alert-error{background:var(--training-red-bg);color:#991b1b}.training-alert-success{background:var(--training-green-bg);color:#14532d}