@font-face{font-family:Paydae Preview Geist;src:url(/demo/payroll/geist-latin.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}.employee-preview-fragment,.employee-preview-fragment *,.employee-preview-fragment *:before,.employee-preview-fragment *:after{box-sizing:border-box}.employee-preview-fragment{--employee-preview-radius-xl: .63rem ;width:100%;min-width:0;min-height:0;container-name:employee-fragment;container-type:inline-size;padding:12px;overflow:hidden;border:1px solid #dfe4ea;border-radius:var(--employee-preview-radius-xl);background:#fff;color:#2e3845;font-family:Paydae Preview Geist,Inter,Segoe UI,sans-serif;font-size:12px;line-height:1.4;box-shadow:0 2px 6px #1d2c400d,0 1px 2px #1d2c4009;transition:box-shadow .24s cubic-bezier(.2,.7,.2,1)}.employee-preview-fragment h3,.employee-preview-fragment p,.employee-preview-fragment dl{margin:0}.employee-preview-heading{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.employee-preview-heading>div{min-width:0}.employee-preview-eyebrow{display:block;margin-bottom:2px;color:#687585;font-size:10.5px;font-weight:500;line-height:1.3}.employee-preview-heading h3{color:#263343;font-size:13px;font-weight:620;line-height:1.3}.employee-preview-count{flex:0 0 auto;padding:3px 7px;border:1px solid #e0e5eb;border-radius:5px;background:#f7f9fb;color:#667383;font-size:10.5px;font-weight:550;white-space:nowrap}.employee-preview-currency{flex:0 0 auto;color:#687585;font-size:10.5px;white-space:nowrap}.employee-preview-currency b{color:#526173;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:550}.employee-preview-search{display:flex;min-width:0;min-height:30px;align-items:center;gap:8px;margin-bottom:5px;padding:0 9px;border:1px solid #d7dde5;border-radius:5px;background:#fff;color:#8792a0;font-size:11px}.employee-preview-search svg{width:14px;height:14px;flex:0 0 auto;fill:none;stroke:#7c8795;stroke-width:1.6}.employee-preview-search span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-preview-list,.employee-preview-readiness-list{display:grid;min-width:0;border:1px solid #e0e5eb;border-radius:var(--employee-preview-radius-xl);background:#fff}.employee-preview-list{overflow:hidden}.employee-preview-directory-row,.employee-preview-readiness-row{display:flex;min-width:0;align-items:center;gap:8px;padding:7px 2px;border-top:1px solid #edf0f3}.employee-preview-avatar{display:inline-flex;width:27px;height:27px;flex:0 0 auto;align-items:center;justify-content:center;border:1px solid #dce6f1;border-radius:50%;background:#edf4fb;color:#3e5e82;font-size:9px;font-weight:700}.employee-preview-person{display:grid;min-width:0;flex:1 1 auto;gap:1px}.employee-preview-person strong,.employee-preview-readiness-copy strong{overflow:hidden;color:#293646;font-size:11.5px;font-weight:570;text-overflow:ellipsis;white-space:nowrap}.employee-preview-person small,.employee-preview-readiness-copy small{color:#6f7c8a;font-size:11px;line-height:1.3}.employee-preview-badge{display:inline-flex;flex:0 0 auto;align-items:center;padding:3px 6px;border:1px solid transparent;border-radius:5px;font-size:10px;font-weight:600;line-height:1.15;white-space:nowrap}.employee-preview-badge--active{border-color:#b9e5d0;background:#e9f8f0;color:#12714a}.employee-preview-pay-card{padding:11px;border:1px solid #dfe4ea;border-radius:var(--employee-preview-radius-xl);background:#fff}.employee-preview-pay-card__heading,.employee-preview-route-card__heading{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px}.employee-preview-pay-card__heading>span:first-child{color:#596575;font-size:11px;font-weight:620}.employee-preview-pay-amount{display:flex;min-width:0;align-items:baseline;flex-wrap:wrap;gap:5px;margin-top:9px}.employee-preview-pay-amount strong{color:#222d3b;font-family:Paydae Preview Geist,Inter,sans-serif;font-size:21px;font-weight:650;letter-spacing:-.035em;line-height:1.15;font-variant-numeric:tabular-nums}.employee-preview-pay-amount span{color:#687585;font-size:11px}.employee-preview-pay-basis{margin-top:3px!important;color:#6b7785;font-size:11px}.employee-preview-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin-top:10px!important;padding-top:9px;border-top:1px solid #e5e9ee}.employee-preview-fields>div{display:grid;min-width:0;gap:2px}.employee-preview-fields dt,.employee-preview-route-fields dt{color:#6a7685;font-size:11px}.employee-preview-fields dd,.employee-preview-route-fields dd{min-width:0;margin:0;color:#344254;font-size:11.5px;font-weight:560;overflow-wrap:anywhere}.employee-preview-mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;font-variant-numeric:tabular-nums}.employee-preview-summary{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:6px}.employee-preview-summary>span{display:inline-flex;min-height:21px;align-items:center;padding:2px 7px;border-radius:11px;background:#f1f3f6;color:#5f6b7a;font-size:10.5px;font-weight:500}.employee-preview-summary>.employee-preview-summary__active{background:#fff7e9;color:#805d1e}.employee-preview-table-wrap{max-width:100%;overflow-x:auto;border:1px solid #dfe4ea;border-radius:var(--employee-preview-radius-xl);background:#fff;scrollbar-width:none}.employee-preview-table-wrap::-webkit-scrollbar{display:none;width:0;height:0}.employee-preview-table{width:100%;min-width:0;table-layout:fixed;border-collapse:separate;border-spacing:0;color:#394656;font-size:11px;text-align:left}.employee-preview-table th{padding:6px 4px;border-bottom:1px solid #dfe5ec;background:#f7f9fb;color:#657181;font-size:10px;font-weight:620;line-height:1.25;overflow-wrap:anywhere}.employee-preview-table th:first-child,.employee-preview-table td:first-child{width:49%}.employee-preview-table th:nth-child(2),.employee-preview-table td:nth-child(2){width:27%}.employee-preview-table th:last-child,.employee-preview-table td:last-child{width:24%}.employee-preview-table td{padding:7px 4px;border-bottom:1px solid #edf0f3;vertical-align:middle}.employee-preview-table tbody tr:last-child td{border-bottom:0}.employee-preview-table td strong{display:block;color:#2d3948;font-size:11px;font-weight:570;line-height:1.3;overflow-wrap:anywhere}.employee-preview-table td small{display:block;margin-top:2px;color:#737f8c;font-size:10.5px;line-height:1.3;overflow-wrap:anywhere}.employee-preview-number{text-align:right;white-space:nowrap}.employee-preview-payment-group{color:#6f7b89;font-size:10px;white-space:nowrap}.employee-preview-route-card{padding:10px;border:1px solid #dfe4ea;border-radius:var(--employee-preview-radius-xl);background:#fff}.employee-preview-route-card__heading{padding-bottom:8px;border-bottom:1px solid #edf0f3}.employee-preview-route-method{display:inline-flex;min-width:0;align-items:center;gap:6px;color:#354254;font-size:11px;font-weight:620}.employee-preview-route-method svg{width:15px;height:15px;flex:0 0 auto;fill:none;stroke:#67798d;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.employee-preview-route-fields{display:grid;gap:7px;margin-top:9px!important}.employee-preview-route-fields>div{display:grid;grid-template-columns:minmax(88px,.75fr) minmax(0,1.25fr);align-items:start;gap:7px}.employee-preview-route-fields dd{text-align:right}.employee-preview-route-fields__account{padding-top:7px;border-top:1px solid #edf0f3}.employee-preview-readiness-row{align-items:flex-start;padding-block:6px}.employee-preview-readiness-copy{display:grid;min-width:0;flex:1 1 auto;gap:2px}.employee-preview-readiness-copy>div{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:6px}.employee-preview-readiness-copy>div strong{flex:1 1 auto}.employee-preview-readiness-copy small{overflow-wrap:anywhere}@media(prefers-reduced-motion:reduce){.employee-preview-fragment{transition:none}}@media(max-width:400px){.employee-preview-fragment{padding:10px}.employee-preview-heading{margin-bottom:8px}.employee-preview-directory-row{gap:6px}.employee-preview-person strong,.employee-preview-readiness-copy strong{font-size:11px}.employee-preview-badge{padding-inline:5px;font-size:9.5px}.employee-preview-payment-group{max-width:95px;overflow:hidden;text-align:right;text-overflow:ellipsis}}@media(max-width:300px){.employee-preview-route-fields>div{grid-template-columns:minmax(0,1fr);gap:1px}.employee-preview-route-fields dd{text-align:left}.employee-preview-readiness-copy>div{align-items:flex-start;flex-direction:column;gap:3px}.employee-preview-table th,.employee-preview-table td{padding-inline:3px}.employee-preview-table th:first-child,.employee-preview-table td:first-child{width:49%}.employee-preview-table th:nth-child(2),.employee-preview-table td:nth-child(2){width:27%}.employee-preview-table th:last-child,.employee-preview-table td:last-child{width:24%}}@container employee-fragment (max-width: 260px){.employee-preview-table th:first-child,.employee-preview-table td:first-child{width:47%}.employee-preview-table th:nth-child(2),.employee-preview-table td:nth-child(2){width:29%}.employee-preview-table th:last-child,.employee-preview-table td:last-child{width:24%}.employee-preview-table th{padding-inline:3px}.employee-preview-table th:nth-child(2){white-space:nowrap}}