*{box-sizing:border-box}body{margin:0;font:16px/1.5 'Segoe UI',Arial,sans-serif;color:#252934;background:#f4f5f7}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid #d8dce2;background:white;border-radius:8px;padding:10px 16px;color:inherit}button:hover{background:#eceff4}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b08e49;outline-offset:3px}aside{width:244px;background:#23252b;color:#eeece7;position:fixed;inset:0 auto 0 0;padding:32px 22px;display:flex;flex-direction:column}.brand{color:#f0e6d2;font-size:25px;text-decoration:none;font-weight:700;letter-spacing:-1px}.brand span{color:#c7ae78}.company{margin:40px 8px 25px;font-size:13px;letter-spacing:1.2px;color:#c9b88f}small{display:block;font-size:14px;letter-spacing:0;color:#969aa5;margin-top:8px}nav{display:grid;gap:8px}nav button{border:0;text-align:left;color:#bfc2cb;background:transparent;padding:14px}nav button.active{background:#393a40;color:#f3e3bd;box-shadow:inset 3px 0 #c7ae78}.sidefoot{margin-top:auto;border-top:1px solid #44454d;padding:24px 8px;font-size:14px}main{margin-left:244px;padding:0 42px;max-width:1650px}header{height:84px;border-bottom:1px solid #e0e3e8;display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#737985}.demo,.pill{background:#e9e5db;color:#6b5731;border-radius:20px;padding:5px 12px;font-size:14px}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:36px 0 22px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#8b754e;margin:0}h1{font-size:36px;line-height:1.2;letter-spacing:-1px;margin:10px 0}h2{font-size:21px;letter-spacing:-.4px;margin:0}h3{font-size:18px;margin:0 0 8px}p{color:#777e8a;margin:8px 0}.primary{background:#272b34;color:white;border-color:#272b34}.primary:hover{background:#454a55}.notice{font-size:14px;color:#766449;padding:12px 16px;border:1px solid #e3d7bf;background:#faf7ef;border-radius:8px;margin-bottom:26px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat,.panel,.connection{background:white;border:1px solid #e1e4e9;border-radius:12px}.stat{padding:22px}.stat label{color:#777e8a;font-size:14px}.stat strong{display:block;font-size:29px;margin:8px 0}.stat small{font-size:13px}.grid{display:grid;grid-template-columns:1.8fr 1fr;gap:22px;margin-top:24px}.panel{padding:25px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.panel-head button{font-size:14px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:14px}th{text-align:left;font-size:12px;letter-spacing:.5px;color:#8b919c;background:#f7f8fa;padding:12px}td{padding:17px 12px;border-bottom:1px solid #eef0f3}td:first-child{font-weight:600}.muted{color:#858b96;font-weight:400;font-size:13px}.status{font-size:13px;border-radius:6px;padding:5px 9px;background:#eef4ef;color:#4d7659}.status.pending{background:#fbf1df;color:#977020}.provider{display:flex;gap:13px;align-items:center;padding:18px 0;border-bottom:1px solid #eceef2}.provider:last-child{border:0}.icon{width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;border-radius:10px;font-weight:800;background:#eee8db;color:#76603b}.icon.qb{background:#eaf5e9;color:#23833e}.icon.adp{background:#fbeaea;color:#bc3334}.provider b{font-size:15px}.provider small{margin:2px 0;font-size:13px}.provider button{margin-left:auto;font-size:14px;padding:8px 12px}.connection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.connection{padding:26px}.connection .icon{margin-bottom:22px}.connection p{min-height:74px}.connection ul{padding-left:20px;color:#747c88;font-size:14px;min-height:120px}.connection button{width:100%}.toolbar{display:flex;justify-content:space-between;gap:15px;margin-bottom:18px}.toolbar input{border:1px solid #d8dce2;padding:10px 14px;border-radius:8px;max-width:100%;width:320px}.empty{text-align:center;padding:30px}.wide{margin-top:22px}.bar{height:9px;background:#eef0f4;border-radius:6px;margin:18px 0}.bar span{display:block;background:#b5a079;height:100%;border-radius:6px}.flow{display:flex;gap:22px;align-items:center;justify-content:space-between;padding:20px 0;font-size:14px}.flow b{display:block}.flow span{color:#7d8591}footer{display:flex;justify-content:space-between;padding:30px 0;color:#858b96;font-size:13px}dialog{border:1px solid #ddd;border-radius:16px;padding:32px;max-width:550px;width:calc(100% - 30px);color:#272b34}dialog::backdrop{background:#20232b99}.close{float:right;border:0;font-size:24px;padding:0 8px}dialog ul{padding-left:22px;color:#6c7480}dialog a{color:#705829}#toast{position:fixed;bottom:24px;right:24px;background:#272b34;color:white;padding:14px 22px;border-radius:9px;display:none;z-index:5}.summary-amount{font-size:42px;color:#333;font-weight:700;margin:20px 0}.details{display:grid;grid-template-columns:1fr 1fr;gap:12px}.details div{padding:12px;background:#f6f7f9;border-radius:7px}.details small{margin:0} @media(max-width:1050px){main{padding:0 24px}.grid{grid-template-columns:1fr}.connection-grid{grid-template-columns:1fr}.connection p,.connection ul{min-height:0}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){aside{position:static;width:auto;padding:18px}.company,.sidefoot{display:none}nav{display:flex;overflow:auto;margin-top:15px}nav button{white-space:nowrap;font-size:14px;padding:9px}main{margin:0;padding:0 18px}header{height:60px}.intro{align-items:flex-start;flex-direction:column;padding-top:25px}h1{font-size:29px}.stat{padding:16px}.stat strong{font-size:24px}.panel{padding:17px}.flow{gap:10px;flex-wrap:wrap}footer span{display:none}.toolbar{flex-wrap:wrap}.panel-head{flex-wrap:wrap}}
.employee-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 30px;margin-bottom:22px;background:#292d36;color:#f3ead9;border-radius:14px;border-top:3px solid #c7ae78}.employee-banner p{color:#bbbfc9}.employee-banner h2{font-size:27px;margin-top:8px}.employee-banner label{display:block;font-size:14px;margin-bottom:7px}.employee-banner select{padding:10px;border-radius:7px;background:#fff;color:#292d36;border:0}.personal-stats{grid-template-columns:repeat(3,1fr)}.statement-preview{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 0 26px}.statement-preview strong{font-size:30px}.statement-preview small{margin:0}.summary-note{font-size:14px;margin:22px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.hours-total{font-size:52px;font-weight:700;margin-top:22px}.hours-total span{font-size:16px;font-weight:400;color:#7b828e}@media(max-width:700px){.employee-banner{flex-direction:column;align-items:stretch;padding:22px}.personal-stats{grid-template-columns:1fr}.statement-preview{flex-wrap:wrap}}
 .portal-control{display:flex;gap:10px;align-items:center}.portal-control select,#mapping-provider{padding:9px;border:1px solid #d8dce2;border-radius:7px;background:white;color:#252934}.hub-status{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;padding:22px;background:#292d36;border-radius:12px;color:#f0e6d2}.hub-status b,.hub-status span{display:block}.hub-status span{font-size:14px;color:#b6bac5;margin-top:6px}.connection-top{display:flex;justify-content:space-between;align-items:start}.sync-facts{display:grid;grid-template-columns:1fr auto;font-size:14px;gap:10px;color:#7b828e;border-top:1px solid #eee;padding-top:18px}.sync-facts dd{margin:0;color:#30343d}.connection .actions{flex-direction:column}.mapping-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mapping-grid input{display:block;width:100%;padding:10px;border:1px solid #d8dce2;border-radius:7px;margin-top:8px}.mapping-grid small{margin-top:2px}body:has(#portal-mode option[value="employee"]:checked) .panel.wide:has(button[data-go="connections"]){display:none}@media(max-width:700px){header{height:auto;min-height:70px;flex-wrap:wrap;padding:12px 0;gap:10px}.hub-status,.mapping-grid{grid-template-columns:1fr}.portal-control{width:100%}}
.brand{display:flex;align-items:center;gap:10px;letter-spacing:-.6px}.brand img{width:40px;height:40px;flex-shrink:0}.brand .brand-word{color:#f0e6d2}