@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:#202332;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f6f7fb;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}h1,h2,h3{font-family:Manrope,sans-serif}.simulator-stack{flex-direction:column;gap:24px;display:flex}.simulator-controls,.simulator-table-panel{background:#fff;border:1px solid #e9eaf0;border-radius:16px;padding:28px}.simulator-section-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px;display:flex}.simulator-section-heading h2{color:#1e2535;margin:8px 0;font-size:21px;font-weight:750}.simulator-section-heading p{color:#7b8496;max-width:650px;margin:0;font-size:13px;line-height:1.6}.simulator-reset{color:#6865d9;cursor:pointer;white-space:nowrap;background:#f5f4ff;border:1px solid #e6e4ff;border-radius:9px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:700;display:inline-flex}.simulator-reset:hover{background:#eae8ff}.simulator-slider-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.simulator-slider-card{background:#fbfbfe;border:1px solid #ececf3;border-radius:13px;padding:24px}.simulator-slider-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.simulator-slider-label{letter-spacing:.07em;color:#636b7e;font-size:11px;font-weight:800}.simulator-slider-top p{color:#9198a7;margin-top:7px;font-size:12px}.simulator-slider-top strong{color:#6764da;white-space:nowrap;font-size:27px;font-weight:800}.simulator-slider-card input[type=range]{accent-color:#7472ed;cursor:pointer;width:100%}.simulator-slider-scale{color:#939aaa;justify-content:space-between;gap:8px;margin-top:12px;font-size:11px;display:flex}.simulator-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.simulator-metrics article{background:#fff;border:1px solid #e9eaf0;border-radius:14px;flex-direction:column;gap:11px;min-width:0;padding:22px;display:flex}.simulator-metrics article>span{letter-spacing:.055em;color:#7b8496;font-size:10px;font-weight:800}.simulator-metrics article>strong{color:#202739;overflow-wrap:anywhere;font-size:clamp(18px,1.8vw,26px);font-weight:800}.simulator-metrics article>small{color:#939aaa;font-size:11px}.simulator-positive{color:#16846c!important}.simulator-negative{color:#d15a58!important}.simulator-table-scroll{overflow-x:auto}.simulator-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}.simulator-table th{text-align:left;color:#8c95a6;letter-spacing:.04em;background:#f8f9fc;padding:15px 13px;font-size:10px;font-weight:800}.simulator-table td{color:#606b7d;border-bottom:1px solid #eff0f5;padding:15px 13px}.simulator-table tbody tr:hover{background:#fafaff}.simulator-table .numeric{text-align:right;font-variant-numeric:tabular-nums}.simulator-employee-name{font-weight:750;color:#283044!important}.simulator-employee-name small{color:#9993d9;margin-top:4px;font-size:10px;display:block}@media (width<=1100px){.simulator-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.simulator-controls,.simulator-table-panel{padding:18px}.simulator-slider-grid,.simulator-metrics{grid-template-columns:1fr}.simulator-section-heading{flex-direction:column}}.logic-page{max-width:1100px;margin:0 auto;padding:12px 0 48px}.logic-page h2{letter-spacing:-.7px;margin:12px 0;font-size:28px}.logic-page>p{color:#94a3b8;margin-bottom:28px;line-height:1.6}.logic-selector{background:#151e2e;border:1px solid #293449;border-radius:16px;flex-direction:column;gap:10px;margin-bottom:28px;padding:24px;display:flex}.logic-selector label{letter-spacing:1px;color:#94a3b8;text-transform:uppercase;font-size:12px;font-weight:700}.logic-selector select{color:#f8fafc;cursor:pointer;background:#0e1625;border:1px solid #35435b;border-radius:10px;width:100%;padding:14px 16px;font-size:15px}.logic-workflow{flex-direction:column;gap:18px;display:flex}.logic-step{background:#151e2e;border:1px solid #293449;border-radius:16px;padding:26px;position:relative}.logic-step:not(:last-child):after{content:"↓";color:#64748b;z-index:1;font-size:19px;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.logic-step h3{color:#e2e8f0;margin:0 0 12px;font-size:16px}.logic-step>strong{color:#f8fafc;letter-spacing:-.5px;font-size:28px;font-weight:700;display:block}.logic-step details{border-top:1px solid #293449;margin-top:20px;padding-top:16px}.logic-step summary{cursor:pointer;color:#93c5fd;font-size:13px;font-weight:600}.logic-step details p{color:#cbd5e1;margin:14px 0 0;font-size:14px;line-height:1.7}.logic-final{background:linear-gradient(135deg,#172b47,#151e2e);border-color:#375a91}.logic-final>strong{color:#86efac;font-size:36px}.logic-final>p{color:#94a3b8;margin-bottom:0}@media (width<=700px){.logic-page h2{font-size:23px}.logic-step{padding:20px}.logic-step>strong{font-size:24px}}.logic-step details p{white-space:pre-line;line-height:2}.logic-pay-statement{background:#0e1625;border:1px solid #35435b;border-radius:12px;margin-top:16px;padding:18px 20px}.logic-pay-row{border-bottom:1px solid #293449;justify-content:space-between;align-items:center;gap:20px;padding:12px 0;display:flex}.logic-pay-row span{color:#cbd5e1;font-size:14px}.logic-pay-row strong{color:#f8fafc;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.logic-pay-total{border-top:1px solid #64748b;border-bottom:none;margin-top:8px;padding-top:18px}.logic-pay-total span,.logic-pay-total strong{color:#86efac;font-size:16px;font-weight:700}.logic-pay-statement>p{color:#94a3b8;margin:12px 0 0;font-size:12px;line-height:1.6}@media (width<=600px){.logic-pay-statement{padding:14px}.logic-pay-row{align-items:flex-start}.logic-pay-row span{font-size:12px}}.logic-pay-formula{color:#94a3b8;font-variant-numeric:tabular-nums;margin-top:6px;font-size:12px;font-weight:400;display:block}#root{width:100%;min-height:100vh}.dashboard-shell{background:#f7f8fc;min-height:100vh;display:flex}.sidebar{color:#fff;background:#20243b;flex-direction:column;width:264px;min-width:264px;min-height:100vh;padding:30px 16px 22px;display:flex}.brand{align-items:center;gap:12px;margin-bottom:62px;padding:0 10px;display:flex}.brand-mark{color:#fff;background:#7472ed;border-radius:13px;justify-content:center;align-items:center;width:42px;height:42px;font-family:Manrope,sans-serif;font-size:23px;font-weight:800;display:flex}.brand strong{letter-spacing:-.5px;font-size:17px;display:block}.brand span{color:#a6acc5;margin-top:3px;font-size:11px;display:block}.sidebar-label{color:#858ca9;letter-spacing:1.6px;margin-bottom:16px;padding:0 16px;font-size:10px;font-weight:700}.navigation{flex-direction:column;gap:6px;display:flex}.nav-item{color:#aeb4cc;border-radius:10px;align-items:center;gap:13px;padding:14px 16px;font-size:13px;font-weight:500;display:flex}.nav-item.active{color:#fff;background:#353a59;font-weight:700}.nav-item.active svg{color:#a8a5ff}.sidebar-footer{color:#aeb4cc;border-top:1px solid #383d57;align-items:center;gap:9px;margin-top:auto;padding:18px 10px 0;font-size:11px;display:flex}.status-dot{background:#42c6a0;border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.dashboard-main{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid #e9eaf1;justify-content:space-between;align-items:center;height:78px;padding:0 42px;display:flex}.breadcrumb{color:#8b90a4;font-size:13px}.breadcrumb span{color:#c3c6d2;padding:0 10px}.period{color:#454a65;border:1px solid #e7e9f1;border-radius:9px;align-items:center;gap:9px;padding:10px 14px;font-size:12px;font-weight:600;display:flex}.dashboard-content{max-width:1500px;margin:0 auto;padding:48px 42px}.page-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:36px;display:flex}.eyebrow{color:#6866d7;letter-spacing:1.7px;margin-bottom:10px;font-size:10px;font-weight:800}.page-heading h1{color:#252945;letter-spacing:-1.3px;margin:0;font-size:34px;font-weight:800}.page-heading p{color:#82879c;margin:12px 0 0;font-size:13px;line-height:1.7}.report-tag{color:#31876d;white-space:nowrap;background:#f1faf6;border:1px solid #dcefe8;border-radius:9px;align-items:center;gap:9px;padding:11px 15px;font-size:12px;font-weight:700;display:flex}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:26px;display:grid}.metric-card{background:#fff;border:1px solid #e9eaf1;border-radius:15px;min-width:0;padding:24px;box-shadow:0 5px 24px #21274b09}.metric-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:25px;display:flex}.metric-top span{color:#777d93;font-size:12px;font-weight:600}.metric-icon{color:#6866d7;background:#f0efff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.metric-value{color:#252945;letter-spacing:-1px;overflow-wrap:anywhere;font-family:Manrope,sans-serif;font-size:clamp(19px,2vw,27px);font-weight:800}.metric-detail{color:#9297a9;margin-top:12px;font-size:11px}.insight-panel{background:#fff;border:1px solid #e9eaf1;border-radius:16px;grid-template-columns:1fr 1fr;gap:50px;padding:34px;display:grid;box-shadow:0 5px 24px #21274b09}.insight-panel h2{color:#252945;letter-spacing:-.5px;margin:0;font-size:21px}.insight-panel p{color:#858a9d;max-width:360px;margin-top:12px;font-size:13px;line-height:1.8}.summary-rows{flex-direction:column;display:flex}.summary-rows>div{color:#777d93;border-bottom:1px solid #eef0f5;justify-content:space-between;gap:16px;padding:13px 0;font-size:12px;display:flex}.summary-rows strong{color:#343951;white-space:nowrap;font-weight:700}.summary-rows .summary-total{color:#252945;border-bottom:none;padding-top:19px;font-weight:800}.summary-total strong{color:#5d5ac9;font-size:16px}@media (width<=1200px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.dashboard-shell{flex-direction:column}.sidebar{width:100%;min-width:0;min-height:auto;padding:18px}.brand{margin-bottom:24px}.navigation{flex-direction:row;overflow-x:auto}.nav-item{flex-shrink:0}.sidebar-label,.sidebar-footer{display:none}.topbar{height:65px;padding:0 22px}.dashboard-content{padding:30px 22px}.insight-panel{grid-template-columns:1fr;gap:20px}}@media (width<=500px){.metrics-grid{grid-template-columns:1fr}.page-heading{flex-direction:column;align-items:flex-start}.page-heading h1{font-size:27px}.insight-panel{padding:22px}}.commission-chart-panel{margin-top:24px}.navigation .nav-item{appearance:none;color:#aeb4cc;text-align:left;cursor:pointer;width:100%;box-shadow:none;background:0 0;border:0;border-radius:10px;align-items:center;gap:13px;padding:14px 16px;font-family:inherit;font-size:13px;font-weight:500;display:flex}.navigation .nav-item:hover{color:#fff;background:#2d324d}.navigation .nav-item.active{color:#fff;background:#353a59;font-weight:700}.navigation .nav-item:focus{outline:none}.navigation .nav-item:focus-visible{outline-offset:2px;outline:2px solid #a8a5ff}.explorer-stack{gap:22px;display:grid}.explorer-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.explorer-summary>div,.explorer-panel{background:#fff;border:1px solid #e9ebf2;border-radius:16px;box-shadow:0 4px 18px #18203c09}.explorer-summary>div{flex-direction:column;gap:10px;padding:23px 25px;display:flex}.explorer-summary span{color:#8790a4;letter-spacing:.09em;font-size:11px;font-weight:750}.explorer-summary strong{color:#252a3d;font-size:clamp(20px,2.2vw,29px);font-weight:750}.explorer-summary small{color:#9ca4b3;font-size:15px;font-weight:500}.explorer-panel{min-width:0;padding:25px}.explorer-panel-heading{justify-content:space-between;align-items:start;gap:16px;margin-bottom:24px;display:flex}.explorer-panel-heading h2{color:#24293a;margin:7px 0;font-size:21px}.explorer-panel-heading p{color:#8790a4;margin:0;font-size:13px}.explorer-count{color:#6762ce;white-space:nowrap;background:#f2f1ff;border-radius:999px;padding:7px 12px;font-size:12px}.explorer-toolbar{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.explorer-search{color:#929ab0;background:#fafbfe;border:1px solid #e5e8f0;border-radius:9px;flex:250px;align-items:center;gap:9px;padding:0 12px;display:flex}.explorer-search input{color:#24293a;width:100%;font:inherit;background:0 0;border:0;outline:0;padding:12px 0;font-size:13px}.explorer-select{background:#fafbfe;border:1px solid #e5e8f0;border-radius:9px;align-items:center;display:flex;position:relative}.explorer-select select{appearance:none;color:#41475a;font:inherit;cursor:pointer;background:0 0;border:0;outline:0;padding:12px 35px 12px 12px;font-size:13px}.explorer-select svg{pointer-events:none;color:#929ab0;position:absolute;right:10px}.explorer-table-scroll{overflow-x:auto}.explorer-table{border-collapse:collapse;white-space:nowrap;text-align:left;width:100%}.explorer-table th{color:#8c95a8;letter-spacing:.07em;background:#f8f9fc;padding:14px 12px;font-size:10px;font-weight:750}.explorer-table td{color:#515a6d;border-bottom:1px solid #f0f1f5;padding:15px 12px;font-size:12px}.explorer-table tbody tr{cursor:pointer}.explorer-table tbody tr:hover,.explorer-table tbody tr.selected{background:#f8f8ff}.explorer-table .numeric{text-align:right;font-variant-numeric:tabular-nums}.explorer-name{color:#333954;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.explorer-name:hover{color:#6d68d9}.explorer-group-tag{color:#666d83;background:#f3f4f9;border-radius:7px;padding:6px 9px;font-size:11px;display:inline-block}.explorer-table td.explorer-commission{color:#34394d;font-weight:750}.explorer-empty{text-align:center;color:#8790a4;padding:30px}.explorer-detail{border-color:#dcdafd}.explorer-close{color:#6762ce;cursor:pointer;background:#f2f1ff;border:0;border-radius:8px;padding:9px 12px}.explorer-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.explorer-detail-field{background:#f9fafd;border-radius:10px;flex-direction:column;gap:8px;padding:16px;display:flex}.explorer-detail-field span{color:#8b94a6;font-size:12px}.explorer-detail-field strong{color:#30364b;font-variant-numeric:tabular-nums;font-size:17px}@media (width<=900px){.explorer-summary,.explorer-detail-grid{grid-template-columns:1fr}}.commission-drawer-layer{z-index:1000;position:fixed;inset:0}.commission-drawer-backdrop{cursor:pointer;background:#14182c5c;border:0;width:100%;height:100%;position:absolute;inset:0}.commission-drawer{background:#fff;flex-direction:column;width:min(490px,100%);animation:.22s ease-out commission-drawer-enter;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-16px 0 50px #14182c26}.commission-drawer-header{border-bottom:1px solid #e9ebf2;justify-content:space-between;align-items:flex-start;gap:12px;padding:32px 30px 24px;display:flex}.commission-drawer-header h2{color:#24293a;margin:10px 0 6px;font-size:24px}.commission-drawer-header p{color:#8790a4;margin:0;font-size:13px}.commission-drawer-close{color:#6762ce;cursor:pointer;background:#f2f1ff;border:0;border-radius:9px;place-items:center;padding:9px;display:grid}.commission-drawer-content{padding:26px 30px 36px;overflow-y:auto}.commission-drawer-total{background:#f7f6ff;border:1px solid #e4e2ff;border-radius:14px;flex-direction:column;gap:9px;padding:24px;display:flex}.commission-drawer-total span{color:#7d84a0;font-size:13px}.commission-drawer-total strong{color:#292b49;font-variant-numeric:tabular-nums;font-size:30px}.commission-drawer-fields{grid-template-columns:1fr;gap:12px;margin-top:20px;display:grid}.commission-drawer-fields .explorer-detail-field{padding:16px 18px}@keyframes commission-drawer-enter{0%{transform:translate(100%)}to{transform:translate(0)}}@media (width<=540px){.commission-drawer-header{padding:24px 20px}.commission-drawer-content{padding:20px}}@media (prefers-reduced-motion:reduce){.commission-drawer{animation:none}}.integrity-summary>div small{color:#8b94a6;font-size:11px}.integrity-table{white-space:normal}.integrity-table td{vertical-align:middle}.integrity-table .integrity-exception-name{min-width:280px;max-width:480px}.integrity-exception-name .explorer-name{text-align:left;line-height:1.5}.integrity-exception-name>span{color:#8b94a6;margin-top:5px;font-size:11px;display:block}.integrity-severity{border-radius:7px;padding:6px 10px;font-size:11px;font-weight:750;display:inline-block}.severity-critical{color:#bb3347;background:#fff0f0}.severity-high{color:#a76519;background:#fff4e7}.severity-low{color:#4b6b9f;background:#eef5ff}.integrity-footnote{color:#8991a4;margin:20px 0 0;font-size:11px;line-height:1.6}.integrity-long-value{overflow-wrap:anywhere;line-height:1.5;font-size:13px!important}.integrity-treatment{color:#34394d;margin:0;font-size:13px;line-height:1.7}@media (width<=900px){.integrity-summary{grid-template-columns:1fr}}