@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#202b3c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f5f7fb;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.65;cursor:not-allowed}#root{min-height:100vh}.app-shell{background:#f5f7fb;min-height:100vh}.sidebar{z-index:20;background:#fff;border-right:1px solid #e9edf3;flex-direction:column;width:258px;padding:25px 17px 16px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{justify-content:space-between;align-items:center;padding:0 9px 35px;display:flex}.brand{letter-spacing:-1px;color:#1b2b45;align-items:center;gap:10px;font:800 22px Manrope,sans-serif;display:flex}.brand>span:last-child>span{color:#3885d8}.brand-mark{color:#fff;background:linear-gradient(145deg,#347ed0,#60b5df);border-radius:11px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 5px 12px #347ed033}.workspace-label,.nav-label{letter-spacing:1.4px;color:#9aa6b6;padding:0 10px 10px;font-size:10px;font-weight:700}.workspace-card{border:1px solid #edf0f5;border-radius:11px;align-items:center;gap:10px;height:58px;margin-bottom:30px;padding:9px;display:flex}.workspace-avatar{color:#347ed0;background:#eaf3ff;border-radius:9px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.workspace-card>div:nth-child(2){flex-direction:column;flex:1;gap:3px;display:flex}.workspace-card strong{font-size:12px}.workspace-card small{color:#9aa6b6;font-size:10px}.workspace-card>svg{color:#9aa6b6}.nav-label{padding-bottom:9px}.main-nav{gap:5px;display:grid}.nav-item{color:#6d7b8e;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;height:44px;padding:0 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.nav-item:hover{color:#347ed0;background:#f4f7fb}.nav-item.active{color:#2877ca;background:#edf5ff;font-weight:700}.nav-item.active:before{content:"";background:#3885d8;border-radius:4px;width:3px;height:22px;position:absolute;left:0}.nav-item span{flex:1}.nav-dot{background:#e99a54;border-radius:50%;width:6px;height:6px}.sidebar-bottom{margin-top:auto}.help-card{background:linear-gradient(145deg,#eff6ff,#f2f8ff);border-radius:12px;margin-bottom:17px;padding:15px}.help-icon{color:#4289d2;background:#fff;border-radius:8px;place-items:center;width:29px;height:29px;margin-bottom:10px;display:grid}.help-card strong{font-size:12px}.help-card p{color:#77869a;margin:5px 0 10px;font-size:10px;line-height:1.6}.help-card button{color:#347ed0;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:10px;font-weight:700;display:flex}.sidebar-user{border-top:1px solid #edf0f4;align-items:center;gap:9px;padding:16px 3px 0;display:flex}.user-avatar{color:#286fba;background:#dcecff;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:grid}.user-avatar.small{width:29px;height:29px;font-size:11px}.user-details{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.user-details strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.user-details small{color:#929eae;font-size:9px}.icon-button{color:#78879a;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.icon-button:hover{color:#347ed0;background:#f0f5fb}.main-area{min-height:100vh;margin-left:258px}.topbar{z-index:10;background:#fff;border-bottom:1px solid #e9edf3;justify-content:space-between;align-items:center;height:70px;padding:0 38px;display:flex;position:sticky;top:0}.topbar-left,.topbar-actions{align-items:center;gap:11px;display:flex}.topbar-left{color:#9aa6b6;font-size:11px}.topbar-left strong{color:#435168;font-weight:600}.topbar-actions{gap:19px}.top-date{color:#8290a2;font-size:11px}.notification-button{position:relative}.top-user{color:#526176;align-items:center;gap:9px;font-size:11px;font-weight:600;display:flex}.page-content{max-width:1500px;margin:0 auto;padding:34px 38px 20px}.page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:23px;display:flex}.eyebrow{letter-spacing:1.6px;color:#7f9cbb;font-size:9px;font-weight:700}.page-heading h1{letter-spacing:-.8px;color:#1c2c43;margin:7px 0 5px;font:800 27px Manrope,sans-serif}.page-heading p{color:#8a97a8;margin:0;font-size:12px}.refresh-button{color:#52657c;background:#fff;border:1px solid #e2e9f1;border-radius:8px;align-items:center;gap:7px;height:36px;padding:0 12px;font-size:10px;font-weight:600;display:flex}.refresh-button:hover{color:#2877ca;border-color:#8bb8e7}.welcome-banner{color:#fff;background:linear-gradient(105deg,#1d4775,#28689a 62%,#4289b5);border-radius:15px;justify-content:space-between;align-items:center;min-height:190px;margin-bottom:21px;padding:27px 32px;display:flex;position:relative;overflow:hidden}.banner-tag{letter-spacing:1.5px;color:#b9d8f5;font-size:9px;font-weight:700}.welcome-banner h2{letter-spacing:-.5px;margin:10px 0 7px;font:700 23px/1.3 Manrope,sans-serif}.welcome-banner p{color:#d2e4f5;max-width:390px;margin:0;font-size:11px}.banner-art{place-items:center;width:230px;height:150px;margin-right:35px;display:grid;position:relative}.art-circle{color:#fff;z-index:2;background:#ffffff20;border:1px solid #ffffff45;border-radius:50%;place-items:center;width:94px;height:94px;display:grid}.art-orbit{border:1px solid #ffffff35;border-radius:50%;width:160px;height:110px;position:absolute;transform:rotate(-25deg)}.orbit-two{width:210px;height:135px;transform:rotate(25deg)}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:27px;display:grid}.metric-card{background:#fff;border:1px solid #edf0f5;border-radius:12px;flex-direction:column;align-items:flex-start;min-height:123px;padding:16px;display:flex;box-shadow:0 2px 7px #263b5505}.metric-icon{border-radius:9px;place-items:center;width:34px;height:34px;margin-bottom:10px;display:grid}.metric-icon.blue{color:#4187cf;background:#edf5ff}.metric-icon.green{color:#42a47a;background:#eaf8f2}.metric-icon.orange{color:#dc9951;background:#fff4e9}.metric-icon.violet{color:#8d77ce;background:#f3efff}.metric-card>span{color:#8491a2;font-size:10px}.metric-card strong{color:#27374d;margin-top:3px;font:700 15px Manrope,sans-serif}.metric-card small{color:#a0aaba;margin-top:3px;font-size:9px}.section-heading{justify-content:space-between;align-items:center;margin:3px 0 13px;display:flex}.section-heading h2{color:#2a3a50;margin:0 0 4px;font:700 15px Manrope,sans-serif}.section-heading p{color:#929eae;margin:0;font-size:10px}.live-indicator{letter-spacing:.8px;color:#6e9b83;align-items:center;gap:6px;font-size:9px;font-weight:700;display:flex}.live-indicator i{background:#52b788;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #52b78820}.data-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.data-panel{background:#fff;border:1px solid #e9edf3;border-radius:11px;min-width:0;overflow:hidden}.panel-heading{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;height:48px;padding:0 15px;display:flex}.panel-heading h3{color:#40516a;margin:0;font-size:11px;font-weight:700}.status{color:#39946c;background:#eaf7f0;border-radius:5px;padding:4px 7px;font-size:9px;font-weight:600}.status-error{color:#c46c65;background:#fff0ee}.data-content{white-space:pre-wrap;overflow-wrap:anywhere;color:#63748a;background:#fff;max-height:270px;margin:0;padding:14px 15px;font:10px/1.7 DM Sans,sans-serif;overflow:auto}.panel-error{color:#bd6d66;padding:14px;font-size:11px}.empty-state,.loading-state{color:#91a0b1;background:#fff;border:1px dashed #dce4ee;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:170px;display:flex}.empty-state h3{color:#506078;margin:3px 0 0;font:700 13px Manrope,sans-serif}.empty-state p,.loading-state span{margin:0;font-size:10px}.loading-state{border-style:solid;flex-direction:row}.info-banner{color:#397ab9;background:#eff6ff;border:1px solid #dcecff;border-radius:10px;align-items:flex-start;gap:11px;margin-bottom:18px;padding:14px 16px;display:flex}.info-banner p{color:#5f7792;margin:0;font-size:11px;line-height:1.6}.insight-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:24px;display:grid}.insight-card{color:#4286c6;background:#fff;border:1px solid #e9edf3;border-radius:11px;padding:18px}.insight-card h3{color:#33465f;margin:12px 0 6px;font:700 13px Manrope,sans-serif}.insight-card p{color:#8491a2;min-height:48px;margin:0 0 12px;font-size:10px;line-height:1.6}.insight-card span{color:#5b91c4;background:#f0f6fc;border-radius:5px;padding:5px 7px;font-size:9px}.page-footer{color:#a0aaba;border-top:1px solid #e8edf3;justify-content:space-between;margin-top:30px;padding:16px 0 4px;font-size:9px;display:flex}.footer-secure{color:#7ba18e;align-items:center;gap:5px;display:flex}.mobile-overlay,.menu-toggle,.close-menu{display:none}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-page{background:#fff;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-visual{color:#fff;background:linear-gradient(145deg,#173d68,#245e8d 65%,#377fa8);flex-direction:column;padding:42px 8%;display:flex;position:relative;overflow:hidden}.brand-light{color:#fff}.brand-light>span:last-child>span{color:#a9d9ff}.visual-copy{z-index:2;max-width:520px;margin:auto 0;position:relative}.visual-copy .eyebrow{color:#b9d8f4}.visual-copy h1{letter-spacing:-2px;margin:18px 0;font:800 clamp(38px,4.2vw,58px)/1.13 Manrope,sans-serif}.visual-copy h1 em{color:#9bd4f4;font-style:normal}.visual-copy>p{color:#d0e1ef;max-width:410px;font-size:14px;line-height:1.8}.visual-stats{gap:45px;margin-top:45px;display:flex}.visual-stats div{align-items:center;gap:12px;display:flex}.visual-stats strong{color:#a7d8f6;font:700 25px Manrope}.visual-stats span{color:#d0e1ef;font-size:10px;line-height:1.5}.visual-footer{color:#b3cde1;font-size:10px}.login-panel{flex-direction:column;justify-content:center;align-items:center;padding:45px;display:flex}.login-form-wrap{width:min(100%,390px)}.login-form-wrap>.eyebrow{color:#4c91cb}.login-form-wrap h2{letter-spacing:-.8px;color:#22334a;margin:11px 0 7px;font:800 27px Manrope,sans-serif}.muted{color:#8b98a9;margin:0 0 30px;font-size:12px}.login-form{flex-direction:column;gap:9px;display:flex}.login-form label{color:#4a5a70;margin-top:7px;font-size:11px;font-weight:700}.login-form input{color:#29394e;background:#fff;border:1px solid #dfe6ee;border-radius:8px;outline:none;height:45px;padding:0 13px;font-size:12px}.login-form input:focus{border-color:#6da5da;box-shadow:0 0 0 3px #438bd01a}.login-form input::placeholder{color:#b2bdc9}.primary-button{color:#fff;background:linear-gradient(100deg,#347bc4,#438fce);border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:46px;font-size:12px;font-weight:700;display:flex;box-shadow:0 5px 13px #347bc42b}.primary-button:hover{filter:brightness(1.05)}.login-button{margin-top:14px}.error-box{color:#b85e58;background:#fff0ef;border:1px solid #f5d5d2;border-radius:7px;padding:10px;font-size:11px}.secure-note{color:#91a092;justify-content:center;align-items:center;gap:7px;margin-top:25px;font-size:10px;display:flex}.login-bottom{color:#a6b0bd;margin-top:auto;font-size:9px}.mobile-brand{display:none}@media (width<=1100px){.sidebar{width:225px}.main-area{margin-left:225px}.page-content{padding:28px 25px}.topbar{padding:0 25px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.sidebar{width:270px;transition:transform .25s;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.main-area{margin-left:0}.topbar{height:60px;padding:0 15px}.menu-toggle{display:grid}.topbar-left{gap:7px}.topbar-actions{gap:8px}.top-date,.top-user>span{display:none}.page-content{padding:24px 16px}.page-heading{align-items:flex-start;gap:12px}.page-heading h1{font-size:23px}.page-heading p{max-width:240px;line-height:1.5}.refresh-button{flex-shrink:0;padding:0 9px;font-size:0}.refresh-button svg{width:17px;height:17px}.welcome-banner{min-height:180px;padding:22px}.welcome-banner h2{font-size:19px}.welcome-banner p{max-width:260px;font-size:10px}.banner-art{opacity:.3;position:absolute;right:-80px}.metric-grid{gap:9px}.metric-card{min-height:115px;padding:12px}.metric-card strong{font-size:13px}.data-grid,.insight-grid{grid-template-columns:1fr}.page-footer{flex-wrap:wrap;gap:8px}.page-footer span:nth-child(2){display:none}.mobile-overlay{z-index:15;background:#15263b66;border:0;display:block;position:fixed;inset:0}.close-menu{display:grid}.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-panel{min-height:100vh;padding:28px}.mobile-brand{margin-bottom:55px;display:flex}.login-form-wrap h2{font-size:24px}}@media (width>=761px){.mobile-brand{display:none}}.action-workspace{margin:28px 0}.action-section-heading{margin-bottom:16px}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.action-card{border:1px solid var(--border,#e5eaf1);background:var(--surface,#fff);border-radius:16px;min-width:0;padding:22px;box-shadow:0 5px 20px #192d4b0b}.action-card-heading{color:#4777bd;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.action-card-heading h3{color:var(--text,#18283f);margin:8px 0 0;font-size:16px}.action-card>p{color:var(--muted,#718096);margin:10px 0;font-size:13px;line-height:1.55}.action-method{color:#24794d;letter-spacing:.06em;background:#eaf5ef;border-radius:5px;padding:4px 7px;font-size:10px;font-weight:800;display:inline-block}.action-endpoint{overflow-wrap:anywhere;color:#6c7d94;margin:10px 0 16px;font-size:11px;display:block}.action-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.action-field{min-width:0;color:var(--text,#26364d);flex-direction:column;gap:6px;font-size:12px;font-weight:650;display:flex}.action-field:has(textarea){grid-column:1/-1}.action-field input,.action-field select,.action-field textarea{border:1px solid var(--border,#dfe6ef);background:var(--surface,#fff);width:100%;min-width:0;color:var(--text,#26364d);font:inherit;border-radius:8px;outline:none;padding:10px 11px;font-weight:400}.action-field input:focus,.action-field select:focus,.action-field textarea:focus{border-color:#6c9de0;box-shadow:0 0 0 3px #538bd81f}.action-field textarea{resize:vertical}.action-submit{grid-column:1/-1;justify-content:center;align-items:center;gap:8px;min-height:40px;margin-top:3px;display:inline-flex}.action-success,.action-error{border-radius:8px;align-items:center;gap:8px;margin-top:13px;padding:10px 12px;font-size:12px;display:flex}.action-success{color:#237746;background:#eaf7ef}.action-error{color:#b33d36;background:#fff0ef}.action-response{color:#35445a;white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f7fa;border-radius:8px;max-height:180px;margin-top:10px;padding:12px;font-size:11px;overflow:auto}@media (width<=900px){.action-grid{grid-template-columns:1fr}}@media (width<=520px){.action-card{padding:16px}.action-form{grid-template-columns:1fr}:is(.action-field:has(textarea),.action-submit){grid-column:auto}}.profile-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:8px 16px;display:grid}.profile-detail{border-bottom:1px solid #edf1f6;flex-direction:column;gap:6px;min-width:0;padding:12px 8px;display:flex}.profile-detail span{color:#8b98a9;font-size:10px;font-weight:600}.profile-detail strong{color:#34465e;overflow-wrap:anywhere;font-size:12px}.records-table-wrap{width:100%;padding:8px 14px 12px;overflow-x:auto}.records-table{border-collapse:collapse;text-align:left;width:100%}.records-table th{color:#77869a;white-space:nowrap;background:#f6f8fb;padding:12px 10px;font-size:10px;font-weight:700}.records-table td{color:#40516a;white-space:nowrap;border-bottom:1px solid #edf1f6;padding:12px 10px;font-size:11px}.records-table tbody tr:hover{background:#f8fbff}.record-count{color:#8b98a9;padding:12px 2px 0;font-size:10px}.friendly-empty{text-align:center;color:#98a5b5;padding:25px 16px;font-size:12px}.value-list{padding:12px 16px}.value-list-item{color:#40516a;border-bottom:1px solid #edf1f6;padding:10px;font-size:12px}.single-value{color:#34465e;padding:18px;font-size:14px;font-weight:700}@media (width<=600px){.profile-details{grid-template-columns:1fr}}.data-grid-wide{grid-template-columns:minmax(0,1fr)}.metric-card{text-align:left;width:100%;font:inherit;cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s}.metric-card:hover{border-color:#b8d4f0;transform:translateY(-3px);box-shadow:0 8px 20px #263b5512}.metric-card:focus-visible{outline-offset:3px;outline:3px solid #79afe8}.signout-button{color:#52657c;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e3eaf2;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:8px 10px;font-size:11px;font-weight:700;display:flex}.signout-button:hover{color:#bd554c;background:#fff3f1;border-color:#f0c9c4}.signout-button:focus-visible{outline-offset:2px;outline:3px solid #79afe8}.sidebar-user{flex-direction:column;align-items:stretch;gap:12px;display:flex}.sidebar-user-info{align-items:center;gap:9px;min-width:0;display:flex}.sidebar-user-info .user-details{flex:1;min-width:0}.sidebar-user .signout-button{visibility:visible;opacity:1;flex-shrink:0;justify-content:center;width:100%;min-height:38px;display:flex}.action-method{display:none!important}.sidebar{scrollbar-width:thin;height:100dvh;overflow:hidden auto}.sidebar-bottom{background:#fff;flex-shrink:0;margin-top:auto;padding-top:10px;position:sticky;bottom:0}.sidebar-user{box-sizing:border-box;width:100%}.sidebar-user .signout-button{width:100%;min-height:40px}@media (height<=850px){.help-card{display:none}}.pending-leaves{background:#fff;border:1px solid #e6edf5;border-radius:18px;margin:22px 0;padding:22px;box-shadow:0 5px 18px #19375a0b}.pending-leaves-heading,.pending-leave-top,.pending-leave-actions{justify-content:space-between;align-items:center;gap:14px;display:flex}.pending-leaves-heading{margin-bottom:18px}.pending-leaves-heading h3{color:#172b4d;margin:0 0 5px;font-size:17px}.pending-leaves-heading p{color:#718096;margin:0;font-size:13px}.pending-leave-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.pending-leave-card{background:#fbfdff;border:1px solid #e8eef6;border-radius:14px;min-width:0;padding:18px}.pending-leave-top{border-bottom:1px solid #e8eef6;padding-bottom:13px}.pending-leave-top strong{color:#1e3a5f;text-transform:capitalize;font-size:15px}.pending-leave-top span{color:#2862a8;white-space:nowrap;background:#edf4ff;border-radius:20px;padding:5px 10px;font-size:12px;font-weight:700}.pending-leave-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:15px 0;display:grid}.pending-leave-details div{flex-direction:column;gap:5px;min-width:0;display:flex}.pending-leave-details span,.pending-comment>span{color:#8290a5;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.pending-leave-details strong{color:#33445d;overflow-wrap:anywhere;font-size:13px}.pending-leave-reason{grid-column:1/-1}.pending-comment{flex-direction:column;gap:8px;margin-top:12px;display:flex}.pending-comment textarea{resize:vertical;color:#26364b;width:100%;min-height:65px;font:inherit;box-sizing:border-box;background:#fff;border:1px solid #dce5ef;border-radius:9px;padding:10px 12px;font-size:13px}.pending-leave-actions{justify-content:flex-end;margin-top:14px}.pending-leave-actions button{cursor:pointer;border:0;border-radius:9px;min-width:90px;padding:9px 15px;font-weight:650}.pending-leave-actions button:disabled{opacity:.55;cursor:not-allowed}.pending-approve{color:#16804a;background:#e5f6ed}.pending-reject{color:#c43d46;background:#fff0f0}@media (width<=900px){.pending-leave-grid{grid-template-columns:1fr}}@media (width<=520px){.pending-leaves{padding:15px}.pending-leaves-heading{align-items:flex-start}.pending-leave-details{grid-template-columns:1fr}.pending-leave-reason{grid-column:auto}}.insight-result{background:#f7faff;border:1px solid #dce8f5;border-radius:12px;margin-top:16px;padding:16px}.insight-result h4{color:#24466f;margin:0 0 13px;font-size:14px;font-weight:750}.insight-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.insight-result-item{overflow-wrap:anywhere;background:#fff;border:1px solid #e4ebf4;border-radius:9px;min-width:0;padding:11px}.insight-result-item>span{color:#718096;letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:750;display:block}.insight-result-item>strong{color:#263d5a;font-size:13px;line-height:1.5}.insight-result-item ul{color:#43556d;margin:5px 0 0;padding-left:17px;font-size:12px;line-height:1.65}@media (width<=520px){.insight-result{padding:12px}.insight-result-grid{grid-template-columns:1fr}}.workforce-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 18px;display:grid}.workforce-chart-panel{background:#fff;border:1px solid #e9edf3;border-radius:12px;min-width:0;padding:18px}.workforce-chart-panel h3{color:#263d5a;margin:0 0 14px;font-size:14px}@media (width<=760px){.workforce-chart-grid{grid-template-columns:1fr}}.payroll-exports{background:#fff;border:1px solid #e9edf3;border-radius:12px;margin:20px 0;padding:20px}.payroll-exports-heading,.payroll-run-row,.payroll-run-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.payroll-exports-heading{margin-bottom:14px}.payroll-exports-heading h3{color:#263d5a;margin:0 0 5px;font-size:15px}.payroll-exports-heading p{color:#718096;margin:0;font-size:12px}.payroll-run-list{gap:8px;display:grid}.payroll-run-row{border-top:1px solid #edf0f5;padding:12px 0}.payroll-run-row>div:first-child{gap:5px;display:grid}.payroll-run-row strong{color:#263d5a;font-size:13px}.payroll-run-row span{color:#718096;font-size:11px}.payroll-run-actions button{color:#36597f;cursor:pointer;background:#fff;border:1px solid #dfe7f1;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-size:12px;display:inline-flex}.payroll-run-actions button:disabled{opacity:.6;cursor:wait}@media (width<=520px){.payroll-exports{padding:14px}.payroll-run-actions button{padding:7px}}.password-label{justify-content:space-between;align-items:center;display:flex}.password-label label{margin-top:7px}.text-button{color:#347ed0;cursor:pointer;background:0 0;border:0;padding:4px;font-size:11px;font-weight:700}.text-button:hover{text-decoration:underline}.auth-back-button{margin:12px auto 0;display:block}.auth-register-link{width:max-content;margin:12px auto 0;text-decoration:none;display:block}.success-box{color:#317c56;background:#edf8f2;border:1px solid #d5efdf;border-radius:7px;padding:10px;font-size:11px;line-height:1.5}.reset-panel{grid-column:1/-1}.employee-documents{background:#fff;border:1px solid #e9edf3;border-radius:12px;margin:18px 0;padding:20px}.employee-documents-heading{color:#347bc4;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.employee-documents-heading h2{color:#263d5a;margin:0 0 6px;font-size:15px}.employee-documents-heading p{color:#718096;margin:0;font-size:11px;line-height:1.55}.document-employee-select{color:#4a5a70;gap:7px;max-width:380px;margin-top:16px;font-size:11px;font-weight:700;display:grid}.document-employee-select select,.employee-document-upload input{color:#29394e;min-height:40px;font:inherit;background:#fff;border:1px solid #dfe6ee;border-radius:8px;padding:8px 10px}.employee-document-upload{flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0;display:flex}.employee-document-upload>label{color:#4a5a70;font-size:11px;font-weight:700}.employee-document-upload input{max-width:360px;font-size:11px}.employee-document-upload .primary-button{cursor:pointer;height:40px;padding:0 13px}.employee-document-upload .primary-button:disabled{opacity:.6;cursor:not-allowed}.document-message,.document-error{margin:10px 0;font-size:11px}.document-message{color:#317c56}.document-error{color:#b85e58}.documents-loading,.documents-empty{color:#8290a2;align-items:center;gap:8px;min-height:58px;font-size:11px;display:flex}.employee-document-list{margin:0;padding:0;list-style:none}.employee-document-list li{border-top:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.employee-document-list li>div{gap:5px;min-width:0;display:grid}.employee-document-list strong{overflow-wrap:anywhere;color:#334a66;font-size:12px}.employee-document-list span{color:#8290a2;font-size:10px}.document-download{color:#36597f;cursor:pointer;background:#fff;border:1px solid #dfe7f1;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-size:11px;display:inline-flex}.document-download:disabled{opacity:.6;cursor:wait}@media (width<=520px){.employee-documents{padding:14px}.employee-document-list li{align-items:flex-start}.employee-document-upload{flex-direction:column;align-items:stretch}.employee-document-upload input{max-width:none}}.lifecycle-approvals{background:#fff;border:1px solid #e9edf3;border-radius:12px;margin:18px 0;padding:20px}.lifecycle-heading{color:#347bc4;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.lifecycle-heading h2{color:#263d5a;margin:0 0 6px;font-size:15px}.lifecycle-heading p,.lifecycle-request-form>p{color:#718096;margin:0;font-size:11px;line-height:1.55}.lifecycle-request-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:11px;margin:17px 0;display:grid}.lifecycle-request-form label{color:#4a5a70;gap:7px;font-size:11px;font-weight:700;display:grid}.lifecycle-request-form select,.lifecycle-request-form textarea,.lifecycle-request-details textarea{color:#29394e;width:100%;font:inherit;background:#fff;border:1px solid #dfe6ee;border-radius:8px;padding:9px 10px}.lifecycle-request-form .primary-button{cursor:pointer;height:40px;padding:0 12px}.lifecycle-section{margin-top:20px}.lifecycle-section h3{color:#40516a;align-items:center;gap:8px;margin:0 0 8px;font-size:12px;display:flex}.lifecycle-section h3 span{color:#2877ca;background:#edf5ff;border-radius:20px;padding:3px 7px;font-size:10px}.lifecycle-list{margin:0;padding:0;list-style:none}.lifecycle-list li{border-top:1px solid #edf0f5;justify-content:space-between;gap:14px;padding:13px 0;display:flex}.lifecycle-request-details{flex:1;gap:6px;min-width:0;display:grid}.lifecycle-request-details strong{color:#334a66;font-size:12px}.lifecycle-request-details span{color:#8290a2;font-size:10px}.lifecycle-request-details p{color:#526176;margin:0;font-size:11px;line-height:1.5}.lifecycle-request-details textarea{max-width:480px}.lifecycle-actions{align-items:flex-start;gap:8px;display:flex}.lifecycle-actions button{color:#36597f;cursor:pointer;background:#fff;border:1px solid #dfe7f1;border-radius:8px;align-items:center;gap:5px;padding:8px 10px;font-size:11px;display:inline-flex}.lifecycle-actions button:disabled{opacity:.55;cursor:not-allowed}.lifecycle-message,.lifecycle-error{margin:10px 0;font-size:11px}.lifecycle-message{color:#317c56}.lifecycle-error{color:#b85e58}.lifecycle-empty{color:#8290a2;align-items:center;gap:8px;min-height:44px;font-size:11px;display:flex}.employee-invitations{background:#fff;border:1px solid #e9edf3;border-radius:12px;margin:18px 0;padding:20px}.employee-invitations-heading{color:#347bc4;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.employee-invitations-heading h2{color:#263d5a;margin:0 0 6px;font-size:15px}.employee-invitations-heading p{color:#718096;margin:0;font-size:11px;line-height:1.55}.invitation-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:11px;margin:17px 0;display:grid}.invitation-form label{color:#4a5a70;gap:7px;font-size:11px;font-weight:700;display:grid}.invitation-form input,.invitation-form select,.invitation-link-row input{color:#29394e;width:100%;min-height:40px;font:inherit;background:#fff;border:1px solid #dfe6ee;border-radius:8px;padding:8px 10px}.invitation-form .primary-button{cursor:pointer;height:40px;padding:0 12px}.invitation-form .primary-button:disabled{opacity:.6;cursor:wait}.invitation-error{color:#b85e58;margin:10px 0;font-size:11px}.invitation-result{color:#526176;background:#f4fbf7;border:1px solid #d5efdf;border-radius:9px;padding:14px}.invitation-result-heading{color:#317c56;align-items:center;gap:7px;font-size:12px;display:flex}.invitation-result p{font-size:11px}.invitation-result>label{margin:12px 0 6px;font-size:11px;font-weight:700;display:block}.invitation-link-row{gap:8px;display:flex}.invitation-link-row input{min-width:0}.invitation-result small{color:#718096;margin-top:8px;font-size:10px;line-height:1.5;display:block}@media (width<=520px){.employee-invitations{padding:14px}.invitation-form{grid-template-columns:1fr}.invitation-link-row{flex-direction:column;align-items:stretch}}@media (width<=640px){.lifecycle-approvals{padding:14px}.lifecycle-request-form{grid-template-columns:1fr}.lifecycle-list li{flex-direction:column}.lifecycle-actions{justify-content:flex-end}}