@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:#18243a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;background:#f5f7fb;font-family:DM Sans,sans-serif;font-size:14px;font-weight:400}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #3368dc40}a{color:inherit;text-decoration:none}#root,.app-shell{min-height:100vh}.sidebar{z-index:20;color:#d3dced;background:#101c32;flex-direction:column;width:255px;padding:25px 15px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 9px 26px;display:flex}.brand-mark{color:#fff;background:#e58b38;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.brand-text{flex-direction:column;gap:4px;display:flex}.brand-text strong{color:#fff;letter-spacing:.4px;font:800 13px Manrope,sans-serif}.brand-text span{color:#93a4bd;letter-spacing:1px;font-size:9px}.company-chip{background:#19263c;border:1px solid #29364c;border-radius:12px;align-items:center;gap:10px;margin:0 3px 28px;padding:13px 10px;display:flex}.company-avatar{color:#f2b46f;background:#344057;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.company-chip-text{flex-direction:column;gap:5px;min-width:0;display:flex}.company-chip-text strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.company-chip-text span{color:#9baac0;font-size:11px}.nav-caption{color:#8292aa;letter-spacing:1.1px;padding:0 11px 11px;font-size:10px;font-weight:700}.main-nav{flex-direction:column;gap:5px;display:flex}.nav-item{color:#b8c4d7;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;padding:12px 11px;transition:background .18s,color .18s;display:flex}.nav-item span{flex:1;font-size:12px;font-weight:500}.nav-item:hover{color:#fff;background:#202e45}.nav-item-active{color:#fff;background:#2c3c55;box-shadow:inset 3px 0 #ee9847}.nav-item-active>svg:first-child{color:#f4ac61}.nav-arrow{color:#a8b5c9}.sidebar-bottom{margin-top:auto}.sidebar-note{background:#19263b;border:1px solid #2b3b50;border-radius:10px;gap:10px;padding:13px 9px;display:flex}.sidebar-note-icon{color:#76d8a5}.sidebar-note>div:last-child{flex-direction:column;gap:5px;display:flex}.sidebar-note strong{color:#e9eff8;font-size:11px}.sidebar-note span{color:#94a4bb;font-size:10px;line-height:1.5}.sidebar-version{color:#7788a1;text-align:center;padding:15px 3px 0;font-size:10px}.main-area{min-height:100vh;margin-left:255px}.topbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-bottom:1px solid #e9edf4;justify-content:space-between;align-items:center;min-height:72px;padding:0 36px;display:flex;position:sticky;top:0}.breadcrumb{color:#8b97a9;align-items:center;gap:9px;font-size:12px;display:flex}.breadcrumb strong{color:#25324a;font-weight:600}.topbar-actions{align-items:center;gap:17px;display:flex}.period-indicator{color:#66738a;text-transform:capitalize;align-items:center;gap:8px;font-size:12px;display:flex}.icon-button{color:#68758a;background:0 0;border:0;border-radius:9px;flex-shrink:0;place-items:center;width:36px;height:36px;display:inline-grid}.icon-button:hover{color:#253957;background:#edf1f7}.refresh-button{border:1px solid #e8edf4}.user-avatar{color:#fff;background:#2d496f;border-radius:50%;place-items:center;width:35px;height:35px;font-size:11px;font-weight:700;display:grid}.page-content{max-width:1540px;margin:0 auto;padding:31px 36px 18px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.eyebrow{color:#d27b2c;letter-spacing:1.5px;font-size:10px;font-weight:800}.page-heading h1{color:#1c2940;letter-spacing:-.8px;margin:7px 0 6px;font:800 27px Manrope,sans-serif}.page-heading p{color:#7c889b;margin:0;font-size:12px}.welcome-banner{color:#fff;background:linear-gradient(112deg,#182a46 0%,#243f65 64%,#345c81 100%);border-radius:15px;justify-content:space-between;align-items:center;min-height:215px;padding:29px 35px;display:flex;position:relative;overflow:hidden}.welcome-banner:after{content:"";border:1px solid #ffffff14;border-radius:50%;width:330px;height:330px;position:absolute;top:-100px;right:125px}.welcome-copy{z-index:1;max-width:590px;position:relative}.welcome-kicker{color:#f1b978;letter-spacing:1.5px;font-size:9px;font-weight:700}.welcome-copy h2{letter-spacing:-.5px;margin:12px 0 9px;font:800 25px Manrope,sans-serif}.welcome-copy p{color:#c4d0df;max-width:490px;margin:0;font-size:12px;line-height:1.8}.welcome-button{color:#283951;background:#f3b36e;border:0;border-radius:7px;align-items:center;gap:8px;margin-top:20px;padding:10px 14px;font-size:11px;font-weight:700;display:inline-flex}.welcome-button:hover{background:#ffc687}.welcome-illustration{z-index:1;flex-shrink:0;place-items:center;width:235px;height:160px;display:grid;position:relative}.illustration-circle{color:#f6c78e;background:#ffffff12;border:1px solid #ffffff3b;border-radius:50%;place-items:center;width:116px;height:116px;display:grid}.illustration-card{color:#e7edf5;background:#2b4564;border:1px solid #ffffff26;border-radius:9px;align-items:center;gap:7px;padding:10px 12px;font-size:10px;display:flex;position:absolute;box-shadow:0 8px 24px #101c3240}.illustration-card-top{top:5px;right:0}.illustration-card-top svg{color:#7cddb0}.illustration-card-bottom{bottom:3px;left:0}.illustration-card-bottom svg,.illustration-card-bottom span{color:#f6bd7d}.section-heading{justify-content:space-between;align-items:center;margin:29px 0 16px;display:flex}.section-heading h2{margin:0 0 5px;font:800 16px Manrope,sans-serif}.section-heading p{color:#8994a5;margin:0;font-size:11px}.live-label{color:#77869a;align-items:center;gap:7px;font-size:10px;display:flex}.live-dot{background:#36bd80;border-radius:50%;width:7px;height:7px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.stat-card{text-align:left;background:#fff;border:1px solid #e9edf3;border-radius:12px;min-width:0;padding:18px 18px 16px;transition:transform .18s,box-shadow .18s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #2337540b}.stat-card-top{color:#748198;justify-content:space-between;align-items:center;gap:7px;font-size:11px;display:flex}.stat-icon{border-radius:11px;flex-shrink:0;place-items:center;width:39px;height:39px;display:grid}.stat-icon-blue{color:#4774d1;background:#edf2ff}.stat-icon-orange{color:#d88837;background:#fff3e6}.stat-icon-purple{color:#8c6bc7;background:#f3edff}.stat-icon-green{color:#329c78;background:#e7f8f1}.stat-value{color:#1c2940;overflow-wrap:anywhere;flex-wrap:wrap;align-items:baseline;gap:6px;margin-top:16px;font:800 24px Manrope,sans-serif;display:flex}.stat-value small{color:#8a96a7;font:500 10px DM Sans,sans-serif}.stat-note{color:#96a0af;margin-top:8px;font-size:10px}.dashboard-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:17px;margin-top:22px;display:grid}.panel{background:#fff;border:1px solid #e7ecf3;border-radius:12px;min-width:0}.panel-heading{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:15px;padding:20px 21px;display:flex}.panel-heading h3{color:#243149;margin:0;font:800 13px Manrope,sans-serif}.panel-heading p{color:#8b96a7;margin:6px 0 0;font-size:10px;line-height:1.6}.muted-icon{color:#8997ab}.quick-actions{padding:5px 19px 12px}.quick-actions button{text-align:left;background:0 0;border:0;border-bottom:1px solid #f0f2f6;align-items:center;gap:11px;width:100%;padding:13px 2px;display:flex}.quick-actions button:last-child{border-bottom:0}.quick-actions button>span:nth-child(2){flex-direction:column;flex:1;gap:5px;display:flex}.quick-actions button>svg{color:#a3adbb}.quick-actions strong{color:#344158;font-size:11px;font-weight:700}.quick-actions small{color:#8d98a8;font-size:10px}.quick-icon{border-radius:9px;place-items:center;width:37px;height:37px;display:grid}.quick-blue{color:#5075c7;background:#eef3ff}.quick-orange{color:#ce8237;background:#fff3e7}.quick-purple{color:#9270c9;background:#f4efff}.status-list{padding:5px 20px 12px}.status-row{border-bottom:1px solid #f0f2f6;align-items:center;gap:10px;min-height:58px;display:flex}.status-row:last-child{border-bottom:0}.status-row-icon{color:#7185a3;background:#f2f5f9;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.status-row>div{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.status-row strong{color:#354259;font-size:10px}.status-row small{color:#8a96a7;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.status-pill{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.pill-success{color:#21815c;background:#e7f7ef}.pill-warning{color:#b77928;background:#fff3dd}.pill-neutral{color:#6d7d93;background:#eef1f5}.text-action{color:#386ac2;background:0 0;border:0;padding:5px;font-size:10px;font-weight:700}.page-footer{color:#a0a9b7;border-top:1px solid #e7ebf2;justify-content:space-between;gap:12px;margin-top:28px;padding:16px 0 4px;font-size:9px;display:flex}.feedback{border:1px solid;border-radius:9px;align-items:center;gap:10px;margin:0 0 19px;padding:13px 15px;font-size:12px;display:flex}.feedback span{flex:1}.feedback-success{color:#20764f;background:#effaf4;border-color:#c9ebd9}.feedback-error{color:#a13b38;background:#fff4f3;border-color:#f2d0cd}.primary-button,.secondary-button{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:9px 14px;font-size:11px;font-weight:700;transition:background .15s;display:inline-flex}.primary-button{color:#fff;background:#2c4e7b;border:1px solid #2c4e7b}.primary-button:hover{background:#223e63}.secondary-button{color:#52627a;background:#fff;border:1px solid #dfe5ee}.secondary-button:hover{background:#f5f7fa}.form-panel{padding-bottom:0}.form-panel>.panel-heading{margin-bottom:0}.form-panel form{padding:23px 22px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 20px;display:grid}.form-field{color:#4b5870;flex-direction:column;gap:8px;min-width:0;font-size:11px;font-weight:600;display:flex}.form-field>span b{color:#dc763a}.form-field input,.form-field select{color:#28364c;background:#fff;border:1px solid #dfe5ee;border-radius:7px;outline:none;width:100%;min-width:0;height:41px;padding:0 12px}.form-field input:focus,.form-field select:focus{border-color:#7c9bd1;box-shadow:0 0 0 3px #5076c014}.form-field input::placeholder{color:#a6afbd}.field-full{grid-column:1/-1}.form-footer{border-top:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:12px;margin-top:25px;padding-top:18px;display:flex}.form-hint{color:#9aa4b2;font-size:10px}.compact-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.mini-stat{background:#fff;border:1px solid #e7ecf3;border-radius:10px;flex-direction:column;gap:10px;padding:17px 20px;display:flex}.mini-stat span{color:#8290a3;font-size:11px}.mini-stat strong{color:#243149;font:800 23px Manrope,sans-serif}.table-panel{overflow:hidden}.table-panel-heading{border-bottom:0}.table-toolbar{justify-content:space-between;align-items:center;gap:12px;padding:0 20px 17px;display:flex}.search-box{color:#8794a7;border:1px solid #e1e7ef;border-radius:7px;align-items:center;gap:8px;width:min(340px,100%);height:37px;padding:0 10px;display:flex}.search-box input{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:11px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}thead{background:#f7f9fc}th{color:#8793a5;padding:12px 16px;font-size:9px;font-weight:700}td{color:#637087;border-top:1px solid #edf0f5;padding:14px 16px;font-size:10px}td strong{color:#344158;font-weight:600}.table-matricule{color:#3866ad}.table-action{color:#3867b5;background:#f3f7ff;border:1px solid #dce7f7;border-radius:6px;padding:6px 9px;font-size:10px;font-weight:700}.empty-state{color:#8b96a7;text-align:center;white-space:normal;padding:36px 16px}.taux-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:start;gap:18px;display:grid}.taux-layout>.panel{overflow:hidden}.taux-layout .form-panel form{padding-bottom:19px}.rate-display{background:#fffaf4;border:1px solid #f0e2d1;border-radius:10px;margin-top:23px;padding:18px}.rate-display>span{color:#8e6c49;margin-bottom:12px;font-size:11px;font-weight:700;display:block}.rate-input-line{align-items:center;gap:10px;display:flex}.rate-input-line input{color:#263a56;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:5px 0;font:800 26px Manrope,sans-serif}.rate-input-line span{color:#9b805f;white-space:nowrap;font-size:10px}.rate-display>small{color:#a28b70;margin-top:10px;font-size:10px;display:block}.rate-status-box{border:1px solid #e7ebf2;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin-top:17px;padding:13px;display:flex}.rate-status-box>div{flex-direction:column;gap:5px;display:flex}.rate-status-box strong{color:#46546a;font-size:11px}.rate-status-box small{color:#8c98a9;font-size:10px}.full-button{width:100%;margin-top:18px}.confirmation-block{background:#f9fbfe;border:1px solid #e6ecf4;border-radius:10px;margin:0 22px 22px;padding:17px}.confirmation-title{color:#304b70;align-items:center;gap:8px;font-size:12px;display:flex}.confirmation-title svg{color:#4779bd}.confirmation-block>p{color:#7c8a9f;font-size:10px;line-height:1.7}.confirmation-steps{flex-direction:column;gap:10px;margin:15px 0;display:flex}.confirmation-steps>span{color:#7f8ca0;align-items:center;gap:8px;font-size:10px;display:flex}.confirmation-steps>span>span{background:#fff;border:1px solid #dfe5ee;border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.confirmation-steps .step-done{color:#26835c}.confirmation-steps .step-done>span{color:#fff;background:#42a77b;border-color:#42a77b}.locked-notice{color:#946b2a;background:#fff8e9;border:1px solid #f0e0bc;border-radius:8px;margin:0 22px 22px;padding:13px;font-size:11px}.empty-history{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:55px 20px;display:flex}.empty-history>div{color:#8296b2;background:#f0f4fa;border-radius:15px;place-items:center;width:55px;height:55px;display:grid}.empty-history strong{color:#4d5a70;font-size:12px}.empty-history span{color:#929daf;max-width:240px;font-size:10px;line-height:1.7}.history-list{padding:12px 20px}.history-item{gap:13px;min-height:80px;display:flex}.history-timeline{flex-shrink:0;justify-content:center;width:12px;display:flex;position:relative}.history-timeline:after{content:"";background:#e4eaf2;width:1px;position:absolute;top:14px;bottom:-1px}.history-item:last-child .history-timeline:after{display:none}.history-timeline span{z-index:1;background:#fff;border:2px solid #7397cf;border-radius:50%;width:9px;height:9px;margin-top:5px;position:relative}.history-content{flex:1;padding-bottom:17px}.history-title{justify-content:space-between;align-items:start;gap:10px;display:flex}.history-title strong{color:#435168;font-size:11px}.history-title>span{color:#98a2b0;text-align:right;font-size:9px}.history-values{color:#8d9aae;align-items:center;gap:7px;margin-top:11px;font-size:10px;display:flex}.history-values strong{color:#2e527e;font-size:11px}.history-footnote{color:#8a97a9;background:#fafbfd;border-top:1px solid #edf0f5;align-items:center;gap:8px;padding:15px 20px;font-size:10px;display:flex}.coming-soon{text-align:center;flex-direction:column;align-items:center;padding:65px 20px;display:flex}.coming-icon{color:#5074b6;background:#edf3ff;border-radius:17px;place-items:center;width:62px;height:62px;display:grid}.coming-soon h3{margin:19px 0 8px;font:800 17px Manrope,sans-serif}.coming-soon p{color:#8692a5;max-width:400px;margin:0 0 20px;font-size:12px;line-height:1.8}.loading-hint{color:#8996a9;font-size:10px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mobile-menu,.sidebar-close,.mobile-overlay{display:none}@media (width<=1200px){.sidebar{width:230px}.main-area{margin-left:230px}.topbar{padding:0 24px}.page-content{padding-left:24px;padding-right:24px}.stats-grid{gap:10px}.stat-card{padding:15px 13px}.stat-value{font-size:20px}.welcome-illustration{width:195px}.dashboard-columns{gap:12px}}@media (width<=950px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-columns,.taux-layout{grid-template-columns:1fr}.welcome-illustration{width:175px}}@media (width<=700px){.sidebar{width:270px;transition:transform .22s;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.sidebar-close,.mobile-menu{display:inline-grid}.brand{flex:1}.sidebar-close{margin-left:auto}.mobile-overlay{z-index:19;background:#101c326e;border:0;width:100%;height:100%;display:block;position:fixed;inset:0}.main-area{margin-left:0}.topbar{gap:10px;min-height:62px;padding:0 15px}.breadcrumb{gap:5px;font-size:10px}.breadcrumb>span{display:none}.topbar-actions{gap:8px}.period-indicator{display:none}.page-content{padding:24px 14px 15px}.page-heading{flex-direction:column;align-items:start;gap:13px;margin-bottom:20px}.page-heading h1{font-size:23px}.welcome-banner{min-height:0;padding:25px 20px}.welcome-copy h2{font-size:21px}.welcome-copy p{font-size:11px}.welcome-illustration{display:none}.section-heading{margin-top:24px}.stats-grid{gap:9px}.stat-card{padding:13px 11px}.stat-card-top{align-items:start;font-size:10px}.stat-icon{width:32px;height:32px}.stat-value{font-size:19px}.stat-value small{font-size:9px}.stat-note{line-height:1.5}.panel-heading{padding:16px}.form-panel form{padding:18px 15px}.form-grid{grid-template-columns:1fr;gap:15px}.field-full{grid-column:auto}.form-footer{flex-direction:column;align-items:stretch}.form-footer .primary-button,.form-footer .secondary-button{width:100%}.table-panel-heading{flex-direction:column;align-items:start}.table-toolbar{flex-direction:column;align-items:stretch;padding:0 14px 14px}.search-box{width:100%}.compact-stats{grid-template-columns:1fr 1fr}.mini-stat:last-child{grid-column:1/-1}.page-footer{flex-direction:column}.history-title{flex-direction:column;gap:5px}.history-title>span{text-align:left}}.sidebar-host{z-index:20;width:255px;height:100vh;position:fixed;inset:0 auto 0 0}.sidebar-host .sidebar{height:100%;position:absolute;overflow-y:auto}.main-area{min-width:0;height:100vh;margin-left:255px;overflow-y:auto}.layout-main-content{min-width:0;min-height:100%}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0d192b94;justify-content:center;align-items:center;padding:22px;animation:.16s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.modal-backdrop-top{z-index:90}.modal-card{background:#fff;border:1px solid #ffffffa6;border-radius:20px;width:min(790px,100%);max-height:min(90vh,900px);animation:.2s ease-out modalRiseIn;overflow-y:auto;box-shadow:0 28px 90px #0b182b47}.modal-card .panel-heading{padding:23px 27px}.modal-card .panel-heading h3{font-size:17px}.modal-card .panel-heading p{margin:7px 0 0;line-height:1.6}.modal-card form{padding:23px 27px 26px}.modal-card .form-footer{margin-top:24px}.agent-form-panel{width:min(790px,100%)}.parameter-form-modal{width:min(860px,100%)}.confirm-card{width:min(590px,100%);padding:30px}.confirm-icon{color:#327bce;background:#eaf3ff;border-radius:15px;place-items:center;width:52px;height:52px;margin-bottom:16px;display:grid}.confirm-card h3{color:#1d2c44;margin:0 0 8px;font:800 21px Manrope,sans-serif}.confirm-card>p{color:#77859a;margin:0 0 22px;font-size:13px;line-height:1.7}.review-grid{border:1px solid #e9edf4;border-radius:12px;grid-template-columns:minmax(130px,.75fr) minmax(0,1.25fr);gap:0;display:grid;overflow:hidden}.review-grid>span,.review-grid>strong{overflow-wrap:anywhere;border-bottom:1px solid #edf0f5;padding:11px 13px;font-size:12px}.review-grid>span{color:#7e8a9d;background:#f8fafd}.review-grid>strong{color:#24334b;font-weight:700}.review-grid>:nth-last-child(-n+2){border-bottom:0}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:23px;display:flex}.modal-actions .primary-button,.modal-actions .secondary-button{min-height:42px}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalRiseIn{0%{opacity:.7;transform:translateY(10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=900px){.sidebar-host{transition:transform .22s;transform:translate(-100%)}.sidebar-host-open{transform:translate(0)}.main-area{margin-left:0}.sidebar-close{display:inline-grid}.topbar{padding:0 18px}.page-content{padding:24px 18px 16px}}@media (width<=600px){.modal-backdrop{align-items:flex-end;padding:10px}.modal-card{border-radius:18px 18px 12px 12px;max-height:94vh}.modal-card form,.modal-card .panel-heading{padding:18px}.confirm-card{padding:22px 18px}.review-grid{grid-template-columns:minmax(100px,.7fr) minmax(0,1.3fr)}.review-grid>span,.review-grid>strong{padding:9px;font-size:11px}.modal-actions{flex-direction:column-reverse}.modal-actions button{justify-content:center;width:100%}}@media (width<=1200px){.sidebar-host{width:230px}.sidebar-host .sidebar{width:100%;transform:none}.main-area{margin-left:230px}}@media (width<=700px){.sidebar-host{width:270px}.sidebar-host .sidebar{width:270px;transform:none}.sidebar-host-open{transform:translate(0)}.main-area{margin-left:0}}.taux-summary-grid{margin-bottom:18px}.taux-summary-grid .mini-stat{min-width:0}.summary-stat-period{text-transform:capitalize;font-size:19px!important}.taux-current-content{padding:0 22px 22px}.taux-period-field{margin-bottom:18px}.rate-hero-card{background:linear-gradient(145deg,#f9fbff 0%,#f2f6fd 100%);border:1px solid #e8edf5;border-radius:16px;padding:22px}.rate-hero-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.rate-hero-icon{color:#3c67a7;background:#e5eefc;border-radius:13px;place-items:center;width:43px;height:43px;display:grid}.rate-hero-label{color:#7c8aa0;margin-top:24px;font-size:11px;font-weight:700;display:block}.rate-hero-value{color:#1d2c44;overflow-wrap:anywhere;margin-top:8px;font:800 clamp(25px,3vw,34px) Manrope,sans-serif}.rate-hero-value small{color:#77879f;font:700 12px Manrope,sans-serif}.rate-hero-card p{color:#8290a4;margin:12px 0 0;font-size:11px;line-height:1.7}.rate-status-box-spaced{flex-wrap:wrap;margin-top:17px}.rate-status-box-spaced>div:first-child{flex:180px}.rate-progress{background:#e9edf4;border-radius:10px;flex:0 0 75px;height:6px;overflow:hidden}.rate-progress span{border-radius:inherit;background:#38a278;height:100%;transition:width .2s;display:block}.rate-progress-count{color:#52647c;font-size:11px}.taux-main-actions{grid-template-columns:1fr;gap:10px;margin-top:19px;display:grid}.taux-main-actions button{justify-content:center;width:100%}.taux-locked-notice{margin:17px 0 0}.taux-tip{color:#7b8ba2;background:#f8faff;border:1px solid #e6edf7;border-radius:10px;align-items:flex-start;gap:10px;margin-top:17px;padding:13px;font-size:11px;line-height:1.65;display:flex}.taux-tip svg{color:#6184ba;flex-shrink:0}.taux-form-modal{width:min(570px,100%)}.taux-form-modal form{padding-top:5px}.rate-modal-period{color:#446da9;background:#f6f9ff;border:1px solid #e4ecf8;border-radius:11px;align-items:center;gap:12px;margin-bottom:21px;padding:14px;display:flex}.rate-modal-period>div{flex-direction:column;gap:4px;display:flex}.rate-modal-period span{color:#8290a5;font-size:10px}.rate-modal-period strong{color:#2b3b54;text-transform:capitalize;font-size:13px}.modal-helper-text{color:#8a96a8;margin:14px 0 0;font-size:11px;line-height:1.7}@media (width<=700px){.taux-current-content{padding:0 15px 17px}.rate-hero-card{padding:18px}.taux-summary-grid .mini-stat{padding:14px}.summary-stat-period{font-size:16px!important}}.payroll-page .form-panel{position:relative;overflow:hidden}.payroll-page .form-panel:before{content:"";background:linear-gradient(#163b68,#f28c28);width:4px;position:absolute;inset:0 auto 0 0}.payroll-page .compact-stats .mini-stat{min-width:0;transition:transform .18s,box-shadow .18s}.payroll-page .compact-stats .mini-stat:hover{transform:translateY(-2px);box-shadow:0 12px 28px #142a4614}.payroll-review-card{width:min(700px,100%)}.payroll-review-card .review-grid{background:#f8fafc;border:1px solid #e6ebf2;border-radius:14px;grid-template-columns:minmax(145px,1fr) minmax(0,1.25fr);gap:12px 18px;margin:22px 0 18px;padding:16px 18px;display:grid}.payroll-review-card .review-grid span{color:#66758a;font-size:13px}.payroll-review-card .review-grid strong{color:#172b47;text-align:right;overflow-wrap:anywhere;font-size:13px}.payroll-review-note{color:#76511a;background:#fff8e9;border:1px solid #f5dfb1;border-radius:12px;align-items:flex-start;gap:10px;padding:13px 15px;font-size:13px;line-height:1.55;display:flex}.payroll-review-note svg{flex:none;margin-top:1px}@media (width<=560px){.payroll-review-card .review-grid{grid-template-columns:minmax(0,1fr);gap:5px}.payroll-review-card .review-grid strong{text-align:left;margin-bottom:9px}}.payroll-elements-modal{width:min(1000px,100%);max-height:min(92vh,960px)}.payroll-elements-modal form{padding:0 26px 26px;gap:18px!important}.payroll-elements-heading{border-bottom:1px solid #edf0f5;align-items:center;gap:15px;display:flex}.payroll-elements-heading-icon{color:#fff;background:linear-gradient(135deg,#244d80,#327bce);border-radius:15px;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 8px 18px #327bce38}.payroll-elements-heading-copy{flex:1;min-width:0}.payroll-elements-eyebrow{color:#d97706;letter-spacing:.12em;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.payroll-elements-heading .payroll-elements-heading-copy h3{color:#1d2c44;margin:0;font-size:20px;font-weight:800}.payroll-elements-heading .payroll-elements-heading-copy p{color:#77859a;margin:5px 0 0;font-size:12px}.payroll-modal-close{color:#536177;cursor:pointer;background:#f8fafc;border:1px solid #e5eaf1;border-radius:11px;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:26px;line-height:1;display:grid}.payroll-modal-close:hover{color:#1d2c44;background:#eef3f9}.payroll-elements-modal .form-grid{gap:15px}.payroll-elements-modal .form-field>span{color:#65748b;font-size:11px;font-weight:700}.payroll-elements-modal .form-field input,.payroll-elements-modal .form-field select{border-radius:10px;min-height:43px}.payroll-elements-modal .table-scroll{border:1px solid #e8edf4;border-radius:13px}.payroll-elements-modal table{min-width:610px}.payroll-elements-modal thead th{color:#63728a;text-transform:uppercase;letter-spacing:.04em;background:#f5f8fc;font-size:10px}.payroll-elements-modal tbody td{vertical-align:middle;padding:10px}.payroll-elements-modal tbody input,.payroll-elements-modal tbody select{background:#fff;border:1px solid #dfe6ef;border-radius:8px;min-height:38px;padding:8px}.payroll-elements-modal .compact-stats{gap:10px}.payroll-elements-modal .mini-stat{background:#fbfcfe;border:1px solid #e8edf4;border-radius:12px;padding:13px}.payroll-elements-modal .form-hint{line-height:1.6}.payroll-elements-modal .form-footer{border-top:1px solid #edf0f5;padding-top:14px}@media (width<=600px){.payroll-elements-modal{max-height:96vh}.payroll-elements-modal form{padding:0 16px 18px}.payroll-elements-heading{gap:10px;padding:16px!important}.payroll-elements-heading-icon{flex-basis:40px;width:40px;height:40px}.payroll-elements-heading .payroll-elements-heading-copy h3{font-size:16px}.payroll-elements-heading .payroll-elements-heading-copy p{font-size:11px}}.search-field{border:1px solid var(--border,#e5e7eb);background:var(--surface,#fff);width:min(100%,420px);min-height:44px;color:var(--muted,#64748b);border-radius:12px;align-items:center;gap:10px;padding:0 13px;display:flex}.search-field input{min-width:0;color:var(--text,#172033);font:inherit;background:0 0;border:0;outline:0;flex:1}.agent-summary-stats{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=640px){.agent-summary-stats{grid-template-columns:1fr}}:root{--ui-ink:#233b55;--ui-muted:#7a8ba0;--ui-border:#e0e7ef;--ui-accent:#28798a;--ui-green:#2d805d;--ui-surface:#fff;--ui-canvas:#f3f6fa}body,.main-area{background:var(--ui-canvas)}.topbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;min-height:76px}.breadcrumb{font-size:12px}.breadcrumb strong{color:var(--ui-ink)}.page-content{max-width:1580px;padding-top:30px;padding-bottom:24px}.page-heading{border-bottom:1px solid #e0e7ee;align-items:flex-end;margin-bottom:27px;padding-bottom:23px}.page-heading h1{color:var(--ui-ink);letter-spacing:-.8px;margin:8px 0;font-size:28px}.page-heading p{color:var(--ui-muted);font-size:12px;line-height:1.75}.eyebrow{color:#438394;letter-spacing:1.6px}.page-header-layout{align-items:center;gap:15px;display:flex}.page-module-icon{color:#3d697f;background:#e8eff5;border:1px solid #d8e5eb;border-radius:14px;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid}.page-content>.panel,.page-content .panel{border:1px solid var(--ui-border);box-shadow:none;border-radius:14px}.page-content .panel-heading{align-items:center;gap:18px;padding:23px 24px}.page-content .panel-heading h3{letter-spacing:-.3px;color:var(--ui-ink);margin:0 0 6px;font-size:17px;font-weight:750}.page-content .panel-heading p{color:var(--ui-muted);margin:0;font-size:12px;line-height:1.75}.page-content .panel-heading .eyebrow{margin-bottom:8px;display:block}.page-content .primary-button,.page-content .secondary-button{border-radius:8px;gap:8px;min-height:40px;padding:10px 15px;font-size:12px;font-weight:650;line-height:1.4}.page-content .primary-button{color:#fff;box-shadow:none;background:#294f73;border-color:#294f73}.page-content .primary-button:hover{background:#1e3e5d}.page-content .secondary-button{color:#5b718b;box-shadow:none;background:#fff;border:1px solid #dce4ee}.page-content .secondary-button:hover{background:#f5f9fc;border-color:#a9bfd2}.page-content .mini-stat{border:1px solid var(--ui-border);box-shadow:none;background:#fff;border-radius:13px;gap:12px;padding:21px 22px;transform:none}.page-content .mini-stat span{color:#7d8fa4;font-size:11px;line-height:1.5}.page-content .mini-stat strong{color:var(--ui-ink);letter-spacing:-.6px;font-variant-numeric:tabular-nums;font-size:26px;line-height:1.2}.page-content .mini-stat small{color:#8a9bad;font-size:10px}.page-content .compact-stats{gap:16px;margin-bottom:20px}.page-content .form-field{color:#63768e;font-size:12px;line-height:1.6}.page-content .form-field input,.page-content .form-field select,.page-content .form-field textarea{color:#2a415b;min-height:44px;box-shadow:none;background:#fff;border:1px solid #dce5ee;border-radius:8px;padding:10px 12px;font-size:13px}.page-content .form-field input:focus,.page-content .form-field select:focus,.page-content .form-field textarea:focus{border-color:#8daec3;outline:3px solid #e1edf4}.page-content .form-field textarea{resize:vertical;line-height:1.7}.page-content .form-panel form{padding:23px 24px}.page-content .form-footer{flex-wrap:wrap;gap:14px;padding-top:20px}.page-content .form-hint{color:#7e90a4;font-size:11px;line-height:1.65}.page-content .status-pill{border-radius:6px;padding:6px 9px;font-size:10px;font-weight:650;line-height:1.5}.page-content .pill-success{color:#2c7958;background:#eaf5ee}.page-content .pill-warning{color:#9b702a;background:#fbf3e5}.page-content .pill-neutral{color:#6d8096;background:#eef3f8}.page-content .table-panel .table-toolbar{padding:0 24px 20px}.page-content .table-scroll>table>thead{background:#f6f9fc}.page-content .table-scroll>table>thead th{letter-spacing:.35px;color:#8292a6;padding:14px 18px;font-size:10px;font-weight:700}.page-content .table-scroll>table>tbody>tr>td{color:#5f738b;border-color:#edf1f6;padding:16px 18px;font-size:12px;line-height:1.6}.page-content .table-scroll>table>tbody>tr:hover{background:#f9fbfd}.page-content .table-scroll td strong{color:#2d4660}.page-content .table-action{color:#406e94;background:#f0f5fa;border-color:#dce6f0;border-radius:7px;min-height:33px;padding:7px 10px;font-size:11px}.page-content .empty-state{color:#8797a9;font-size:12px;padding:40px 20px!important}.page-content .locked-notice{border-radius:10px;padding:15px 17px;font-size:12px;line-height:1.7}.page-content .search-box{border-radius:8px;min-height:40px}.page-content .search-box input{font-size:12px}.page-footer{color:#9aa7b6;padding-top:25px;font-size:10px}.sidebar .nav-item{border-radius:8px;min-height:44px}.sidebar .nav-item-active{background:#24415c;box-shadow:inset 3px 0 #75a8b9}.sidebar .nav-item-active>svg:first-child{color:#a7d1db}.sidebar .brand-mark{background:#2e6579}.sidebar-note{background:#152c42;border-color:#2b455c}.welcome-banner{background:#1b3653;border-radius:15px}.welcome-illustration{opacity:.85}.page-content .welcome-button{color:#234357;background:#d4e8ee;border-radius:7px}.page-content .rate-display{background:#f4f8fb;border-color:#dce7ef}.page-content .rate-status-box{border-radius:9px}.page-content .confirmation-block{background:#f7fafc;border-color:#dfe8ef}.page-content .payroll-page .compact-stats .mini-stat:before{display:none}.page-content .payroll-page .compact-stats .mini-stat:hover{box-shadow:none;transform:none}.modal-card{border-radius:15px}.modal-card .review-grid{gap:13px 18px}.modal-card .review-grid strong{font-variant-numeric:tabular-nums}.page-content .bulletin-preview{border-radius:14px}.page-content .taux-status-badge{border-radius:7px}@media (width<=900px){.page-heading h1{font-size:24px}.page-content .panel-heading{padding:20px}.page-content .mini-stat{padding:18px}.page-content .mini-stat strong{font-size:23px}.page-content .compact-stats{gap:12px}}@media (width<=640px){.page-content{padding:22px 16px 18px}.page-header-layout{align-items:flex-start;gap:11px}.page-module-icon{border-radius:11px;flex-basis:39px;width:39px;height:39px;margin-top:6px}.page-heading{margin-bottom:22px;padding-bottom:18px}.page-heading h1{font-size:23px}.page-content .panel-heading{flex-wrap:wrap;padding:18px}.page-content .form-panel form{padding:18px}.page-content .form-field input,.page-content .form-field select{min-height:44px}.page-content .table-scroll>table>tbody>tr>td{padding:13px 14px}.page-content .mini-stat strong{font-size:22px}.page-content .form-footer .primary-button{flex:1;justify-content:center}.page-content .panel-heading p{font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.page-content .table-action+.table-action{margin-left:6px}.sidebar-logout{color:#fff;width:100%;font:inherit;cursor:pointer;background:#bd3039;border:1px solid #dc4444;border-radius:9px;justify-content:center;align-items:center;gap:10px;padding:13px 15px;font-size:13px;font-weight:650;display:flex}.sidebar-logout:hover{background:#a42630}.sidebar-logout:focus-visible{outline-offset:3px;outline:3px solid #ffb3b8}.sidebar-logout:disabled{opacity:.65;cursor:wait}.sidebar-logout-error{color:#ffb3b8;font-size:12px;line-height:1.5}.payments-workspace{gap:20px;min-width:0;display:grid}.pay-controls .panel-heading{align-items:flex-start}.pay-controls h3{letter-spacing:-.5px;font-size:22px!important}.pay-secure{color:#33795e;white-space:nowrap;background:#eaf5ee;border-radius:7px;align-items:center;gap:7px;padding:8px 11px;font-size:11px;display:inline-flex}.pay-context{grid-template-columns:minmax(220px,1.3fr) 1fr 1fr auto;align-items:end;gap:24px;padding:0 24px 18px;display:grid}.pay-context>div{gap:11px;padding-bottom:10px;display:grid}.pay-context small{color:#8190a3;font-size:11px}.pay-context strong{color:#243c59;font-size:15px}.pay-context strong span{color:#8b98aa;font-size:12px;font-weight:400}.pay-period-note{color:#8090a4;background:#f9fbfd;border-top:1px solid #edf1f6;padding:14px 24px;font-size:11px;line-height:1.7;margin:0!important}.pay-metrics{grid-template-columns:1.2fr 1fr 1.1fr 1fr;gap:16px;display:grid}.pay-metric{background:#fff;border:1px solid #e1e8ef;border-radius:13px;gap:13px;padding:22px;display:grid}.pay-metric>span{color:#7b8b9f;align-items:center;gap:7px;font-size:11px;display:flex}.pay-metric>strong{letter-spacing:-.7px;color:#203956;font-variant-numeric:tabular-nums;font-size:25px}.pay-metric>strong small{letter-spacing:0;color:#8a98aa;font-size:12px;font-weight:400}.pay-metric>small{color:#8b98a9;font-size:10px}.pay-metric-main{background:#18334f;border-color:#18334f}.pay-metric-main>span,.pay-metric-main>small{color:#b3c7dc}.pay-metric-main>strong{color:#fff}.pay-green{color:#257456!important}.pay-progress{grid-template-columns:1fr 1fr;align-items:center;gap:24px;padding:0 3px;display:grid}.pay-progress>div:first-child{color:#7b8ca0;justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.pay-progress strong{color:#28775c;font-size:17px}.pay-progress strong small{color:#8b99aa;margin-left:5px;font-size:10px;font-weight:400}.pay-progress>div[role]{background:#e6ecee;border-radius:10px;height:7px;overflow:hidden}.pay-progress>div[role]>span{background:#308260;border-radius:10px;height:100%;transition:width .25s;display:block}.pay-completed-banner{color:#287657;background:#edf7f1;border:1px solid #cce4d7;border-radius:12px;align-items:center;gap:15px;padding:18px 22px;display:flex}.pay-completed-banner>div{flex:1}.pay-completed-banner strong{font-size:13px}.pay-completed-banner p{color:#6b8b7b;margin:5px 0 0;font-size:11px}.pay-completed-banner button{color:#287657;background:0 0;border:0;align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}.pay-toolbar{justify-content:space-between;align-items:center;gap:16px;padding:0 24px 22px;display:flex}.pay-tabs{background:#f1f5f9;border-radius:9px;gap:4px;padding:4px;display:flex}.pay-tabs button{color:#7a899e;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:7px;padding:9px 12px;font-size:11px;display:inline-flex}.pay-tabs button.is-active{color:#244665;background:#fff;border-color:#dce5ef;font-weight:700}.pay-tabs span{background:#e8eef4;border-radius:4px;padding:2px 5px;font-size:10px}.pay-toolbar .search-field{width:260px;min-height:39px}.pay-toolbar input{font-size:12px}.pay-table{min-width:1040px}.pay-table th{letter-spacing:.3px;font-size:10px!important}.pay-table td{vertical-align:middle;padding-top:20px!important;padding-bottom:20px!important;font-size:12px!important}.pay-table th:last-child,.pay-table td:last-child{z-index:1;background:#fff;border-left:1px solid #e8eef3;position:sticky;right:0}.pay-table th:last-child{background:#f6f9fc}.pay-agent{align-items:center;gap:11px;min-width:190px;display:flex}.pay-agent strong{color:#28445d;font-size:12px;display:block}.pay-agent small{color:#8d9bad;margin-top:5px;font-size:10px;display:block}.pay-avatar{color:#68839e;background:#edf2f8;border-radius:11px;flex:0 0 37px;place-items:center;width:37px;height:37px;display:grid}.pay-number{font-variant-numeric:tabular-nums;white-space:nowrap}.pay-muted{color:#8e9cad!important}.pay-balance{font-weight:800;color:#1c3c5a!important}.pay-state{color:#8a98a8;white-space:nowrap;align-items:center;gap:6px;font-size:10px;font-weight:600;display:inline-flex}.pay-state.is-paid{color:#287856}.pay-state.is-partial{color:#ac7a2c}.pay-row-complete td{background:#f5faf7}.pay-row-complete .pay-avatar{color:#2b7b58;background:#e1f1e6}.pay-row-complete td:last-child{background:#f5faf7}.pay-row-actions{white-space:normal;min-width:195px;max-width:240px}.pay-action-button{color:#fff;white-space:nowrap;cursor:pointer;background:#207653;border:1px solid #207653;border-radius:9px;justify-content:center;align-items:center;gap:11px;min-height:49px;padding:11px 15px;font-size:12px;font-weight:750;transition:background .15s,border-color .15s;display:inline-flex}.pay-action-button>span{text-align:left}.pay-action-button small{margin-top:4px;font-weight:500;color:#c2e6d3!important;font-size:10px!important;display:block!important}.pay-action-button:hover{background:#155c40;border-color:#155c40}.pay-action-button:focus-visible{outline-offset:3px;outline:3px solid #a7d7be}.pay-action-button:disabled{opacity:.5;cursor:wait}.pay-action-confirm{min-height:46px}.pay-confirmed{color:#2f7a58;align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}.pay-history-link{color:#708499;background:0 0;border:0;align-items:center;gap:5px;margin-top:9px;padding:0;font-size:10px;display:flex}.pay-footer{color:#8b99aa;border-top:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:16px;padding:16px 23px;font-size:10px;display:flex}.pay-footer>span:last-child{align-items:center;gap:7px;display:flex}.pay-history-list{max-height:300px;overflow:auto}.pay-history-list>div{text-align:left;border-top:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:18px;padding:13px 0;font-size:12px;display:flex}.pay-history-list small{color:#8a99ac;overflow-wrap:anywhere;margin-top:4px;font-size:10px;display:block}@media (width<=1200px){.pay-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pay-context{grid-template-columns:1fr 1fr}.pay-progress{grid-template-columns:1fr;gap:10px}.pay-controls .panel-heading{flex-wrap:wrap}}@media (width<=650px){.pay-metrics{grid-template-columns:1fr 1fr;gap:10px}.pay-metric{padding:16px}.pay-metric>strong{font-size:21px}.pay-context{grid-template-columns:1fr;gap:15px}.pay-toolbar,.pay-completed-banner,.pay-footer{flex-direction:column;align-items:flex-start}.pay-toolbar .search-field{width:100%}.pay-tabs{justify-content:space-between;width:100%}.pay-tabs button{padding:8px}.pay-secure{display:none}.pay-controls h3{font-size:19px!important}.pay-progress strong small{display:none}}@media (width<=380px){.pay-metrics{grid-template-columns:1fr}}.payroll-workspace{color:#20314b;gap:22px;min-width:0;display:grid}.pw-header{justify-content:space-between;align-items:center;gap:24px;display:flex}.pw-eyebrow{letter-spacing:1.7px;color:#7a879b;font-size:10px;font-weight:800}.pw-header h2{letter-spacing:-.8px;margin:8px 0 9px;font-size:27px;font-weight:800}.pw-header p,.pw-roster-heading p{color:#79869a;margin:0;font-size:12px;line-height:1.7}.pw-period{gap:7px;min-width:215px;display:grid}.pw-period label{color:#788599;font-size:11px;font-weight:700}.pw-period select{font:inherit;color:#253d5c;background:#fff;border:1px solid #dce4ee;border-radius:10px;padding:12px 35px 12px 14px;font-size:13px;font-weight:600}.pw-context{color:#68788e;align-items:center;gap:22px;padding-bottom:4px;font-size:12px;display:flex}.pw-context>span{align-items:center;gap:8px;display:inline-flex}.pw-context small{color:#8c98aa;font-size:10px}.pw-chip{color:#65738a;background:#f0f3f7;border-radius:6px;padding:7px 11px;font-size:11px;font-weight:700}.pw-chip.is-ready{color:#237257;background:#eaf5f0}.pw-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.pw-refresh{color:#65758e;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-left:auto;font-size:12px;display:flex}.pw-notice{background:#fff8ed;border:1px solid #f2dfbc;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font-size:13px;display:flex}.pw-notice p{color:#856d47;margin:5px 0 0;font-size:12px;line-height:1.6}.pw-overview{grid-template-columns:minmax(280px,.95fr) minmax(360px,1.4fr);gap:20px;display:grid}.pw-budget{color:#fff;background:#172d4b;border-radius:15px;flex-direction:column;padding:26px 28px 20px;display:flex}.pw-budget-top{color:#bbccdf;letter-spacing:1.2px;justify-content:space-between;align-items:center;gap:15px;font-size:10px;font-weight:700;display:flex}.pw-budget-top>span:first-child{align-items:center;gap:9px;display:flex}.pw-budget-currency{border:1px solid #455974;border-radius:5px;padding:5px 8px;font-size:9px}.pw-budget-value{letter-spacing:-1px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:23px 0 5px;font-size:35px;line-height:1.2;display:block}.pw-budget-cdf{color:#acc2db;font-size:14px}.pw-budget-footer{color:#bfd0e3;border-top:1px solid #344b68;justify-content:space-between;align-items:center;gap:10px;margin-top:24px;padding-top:16px;font-size:11px;display:flex}.pw-budget-footer svg{color:#79c7a5;flex-shrink:0}.pw-progress-panel{background:#fff;border:1px solid #e2e8f0;border-radius:15px;padding:25px 28px 18px}.pw-progress-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.pw-progress-heading h3{letter-spacing:-.3px;margin:8px 0 0;font-size:16px}.pw-progress-heading>strong{color:#28775e;letter-spacing:-1.5px;font-size:39px}.pw-progress-heading>strong small{margin-left:3px;font-size:18px}.pw-progress-track{background:#edf2f5;border-radius:10px;height:8px;margin:20px 0 19px;overflow:hidden}.pw-progress-track>span{background:#32866b;border-radius:10px;height:100%;transition:width .3s;display:block}.pw-counts{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.pw-counts>div{color:#7d8b9d;grid-template-columns:18px 1fr;align-items:center;gap:4px 8px;display:grid}.pw-counts strong{color:#233956;font-size:20px}.pw-counts span{grid-column:2;font-size:11px}.pw-counts .pw-count-approved,.pw-count-approved strong{color:#28775e}.pw-remaining{color:#8290a2;border-top:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:14px;margin-top:19px;padding-top:14px;font-size:11px;display:flex}.pw-remaining strong{color:#40526b;font-size:12px}.pw-roster{background:#fff;border:1px solid #e1e7f0;border-radius:15px;min-width:0;overflow:hidden}.pw-roster-heading{justify-content:space-between;align-items:center;gap:16px;padding:24px 25px 20px;display:flex}.pw-roster-heading h3{letter-spacing:-.3px;margin:0 0 7px;font-size:17px}.pw-roster-heading h3>span{color:#7d8ba1;vertical-align:middle;background:#f0f3f8;border-radius:5px;margin-left:8px;padding:3px 7px;font-size:11px}.pw-toolbar{justify-content:space-between;align-items:center;gap:18px;padding:0 25px 20px;display:flex}.pw-tabs{background:#f2f5f9;border-radius:9px;gap:4px;padding:4px;display:flex}.pw-tabs button{color:#7b889c;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:11px;font-weight:600;display:flex}.pw-tabs button.is-active{color:#243e60;background:#fff;border-color:#dfe6ef}.pw-tabs span{color:#92a0b1;font-size:10px}.pw-search{color:#8d9bb0;border:1px solid #e1e7ef;border-radius:8px;align-items:center;gap:9px;width:245px;padding:10px 12px;display:flex}.pw-search input{width:100%;font:inherit;color:#3a4e69;background:0 0;border:0;outline:0;font-size:11px}.pw-table-scroll{overflow-x:auto}.pw-table{border-collapse:collapse;width:100%;min-width:840px}.pw-table thead th{color:#8895a7;text-align:left;text-transform:uppercase;letter-spacing:.9px;white-space:nowrap;background:#f8fafd;border-top:1px solid #edf1f6;border-bottom:1px solid #e8edf4;padding:14px 18px;font-size:9px;font-weight:700}.pw-table th small{color:#a3afbe;margin-left:3px;font-size:8px}.pw-table th:first-child,.pw-table td:first-child{padding-left:25px}.pw-table tbody td{vertical-align:middle;border-bottom:1px solid #edf1f6;padding:20px 18px;font-size:12px}.pw-table tbody tr:last-child td{border-bottom:0}.pw-table tbody tr:hover{background:#fbfcfe}.pw-row-approved .pw-avatar{color:#398269;background:#eaf5f0}.pw-agent{align-items:center;gap:12px;min-width:180px;display:flex}.pw-avatar{color:#7185a1;background:#eef2f8;border-radius:11px;flex:0 0 37px;place-items:center;width:37px;height:37px;font-size:12px;font-weight:700;display:grid}.pw-agent button{color:#253d5e;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:700}.pw-agent small{color:#8f9bae;margin-top:5px;font-size:10px;display:block}.pw-agent small span{margin:0 4px}.pw-number{font-variant-numeric:tabular-nums;white-space:nowrap;color:#556780}.pw-deduction{color:#8b97a8}.pw-net{color:#203957;font-weight:800;font-size:13px!important}.pw-net small{color:#94a0b1;margin-top:5px;font-size:9px;font-weight:400;display:block}.pw-status{color:#a9782b;white-space:nowrap;background:#fcf5e8;border-radius:6px;align-items:center;gap:5px;padding:6px 8px;font-size:10px;font-weight:600;display:inline-flex}.pw-status.is-approved{color:#337c60;background:#eaf5ee}.pw-lock{color:#94a0b1;margin-top:5px;font-size:10px;display:block}.pw-row-actions{min-width:165px}.pw-approve-button,.pw-edit-button{color:#fff;cursor:pointer;white-space:nowrap;background:#244a75;border:1px solid #244a75;border-radius:8px;align-items:center;gap:7px;padding:10px 13px;font-size:11px;font-weight:700;display:inline-flex}.pw-approve-button:hover{background:#193957}.pw-edit-button{color:#526982;background:#fff;border-color:#dce4ee;font-size:10px;font-weight:600}.pw-details{color:#8594a8;cursor:pointer;background:0 0;border:0;margin-top:8px;padding:0;font-size:10px;display:block}.pw-roster-footer{color:#8a98aa;border-top:1px solid #edf1f6;justify-content:space-between;gap:15px;padding:15px 25px;font-size:10px;display:flex}.pw-roster-footer>span:last-child{color:#6f8a7e;align-items:center;gap:6px;display:flex}.pw-empty{text-align:center;color:#8493a9;padding:35px;font-size:13px}.pw-rules{color:#75849b;background:#f8fafd;border:1px solid #e1e7ef;border-radius:11px;padding:16px 20px;font-size:11px;line-height:1.8}.pw-rules summary{cursor:pointer;color:#4e637e;font-weight:600}.pw-rules p{margin:12px 0 0}.payroll-workspace button:disabled{opacity:.5;cursor:wait}.payroll-workspace button:focus-visible,.pw-search:focus-within,.pw-period select:focus-visible{outline-offset:3px;outline:3px solid #b7cce7}@media (width<=1100px){.pw-overview{grid-template-columns:1fr 1.2fr;gap:14px}.pw-budget,.pw-progress-panel{padding:22px}.pw-budget-value{font-size:29px}.pw-toolbar{flex-wrap:wrap}.pw-roster-heading{align-items:flex-start}.pw-roster-heading .secondary-button{font-size:10px}}@media (width<=760px){.pw-header{flex-direction:column;align-items:flex-start;gap:18px}.pw-header h2{font-size:23px}.pw-period{width:100%}.pw-overview{grid-template-columns:1fr}.pw-context{flex-wrap:wrap;gap:10px}.pw-context small{display:none}.pw-roster-heading{flex-direction:column}.pw-toolbar{gap:12px}.pw-search{width:100%}.pw-roster-footer{flex-direction:column;gap:8px}.pw-notice{flex-direction:column;align-items:flex-start}.pw-tabs{justify-content:space-between;width:100%}.pw-progress-heading h3{font-size:14px}}.pw-table th:last-child,.pw-table td:last-child{z-index:1;background:#fff;border-left:1px solid #edf1f6;position:sticky;right:0}.pw-table th:last-child{z-index:2;background:#f8fafd}@media (prefers-reduced-motion:reduce){.pw-progress-track>span{transition:none}}.auth-screen{background:radial-gradient(at 0 0,#d8eceb,#0000 65%),#edf2f6;place-items:center;min-height:100vh;padding:32px;display:grid}.auth-card{background:#fff;border-radius:24px;width:min(100%,470px);padding:42px;box-shadow:0 24px 80px #19334220}.auth-card h1{color:#193342;font-size:29px}.auth-card p,.account-panel p{color:#657680;line-height:1.6}.auth-card form,.account-panel form{gap:20px;display:grid}.auth-card label,.account-panel label{color:#193342;gap:8px;font-weight:600;display:grid}.auth-card input,.account-panel input{font:inherit;border:1px solid #cbd8df;border-radius:10px;width:100%;padding:13px}.auth-card small{color:#657680;margin-top:28px;line-height:1.6;display:block}.account-panel{max-width:780px;padding:32px}.account-panel form{max-width:540px;margin:28px 0}.account-panel h3{margin-bottom:0}.auth-card [role=alert],.account-panel [role=alert]{color:#a33333}.account-workspace{max-width:1180px;margin:0 auto}.account-hero{color:#fff;background:linear-gradient(115deg,#17384d,#2b6776);border-radius:18px;align-items:center;gap:22px;margin-bottom:24px;padding:30px 34px;display:flex;position:relative;overflow:hidden}.account-hero-icon{background:#ffffff12;border:1px solid #ffffff30;border-radius:19px;flex-shrink:0;place-items:center;width:65px;height:65px;display:grid}.account-hero>div>span{letter-spacing:2px;color:#afd3dd;font-size:10px}.account-hero h2{letter-spacing:-.7px;margin:8px 0;font-size:27px}.account-hero p{color:#cee2e9;margin:0;font-size:13px;line-height:1.6}.account-private{color:#d5eae9;white-space:nowrap;background:#ffffff14;border-radius:20px;align-self:flex-start;align-items:center;gap:7px;margin-left:auto;padding:8px 11px;font-size:11px;display:flex}.account-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:24px;display:grid}.account-profile{text-align:center;background:#fff;border:1px solid #e0e7ee;border-radius:16px;padding:30px 25px}.account-avatar{color:#2c6879;background:#e4eff2;border-radius:24px;place-items:center;width:76px;height:76px;margin:auto auto 17px;font-size:25px;font-weight:700;display:grid}.account-profile h3{color:#193342;overflow-wrap:anywhere;margin:0 0 10px;font-size:20px}.account-role{color:#718597;background:#f0f5f8;border-radius:6px;padding:6px 10px;font-size:11px;display:inline-block}.account-profile-rule{background:#e7edf2;height:1px;margin:27px 0}.account-security-note{text-align:left;color:#448091;gap:12px;margin-top:23px;display:flex}.account-security-note>svg{flex-shrink:0}.account-security-note strong{color:#304d60;font-size:12px}.account-security-note p{color:#7c8d9c;margin:6px 0 0;font-size:12px;line-height:1.7}.page-content .account-panel{border-radius:16px;max-width:none;padding:0}.account-panel form{gap:0;max-width:none;margin:0}.account-form-section{border-bottom:1px solid #e8eef2;padding:26px 28px}.account-section-heading{align-items:center;gap:13px;margin-bottom:22px;display:flex}.account-section-heading>span{color:#477c8b;background:#edf4f6;border-radius:11px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.account-section-heading h3{color:#29495c;margin:0 0 5px;font-size:15px}.account-section-heading p{color:#7b8e9c;margin:0;font-size:12px;line-height:1.6}.account-panel label{color:#567082;gap:9px;font-size:12px;font-weight:600}.account-panel input{color:#244357;background:#fcfdfe;border-color:#dce5eb;border-radius:9px;min-height:45px;padding:12px;font-size:13px}.account-panel input:focus{border-color:#76a6b6;outline:3px solid #e2eef2}.account-password-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.account-password{display:block;position:relative}.account-password input{padding-right:44px}.account-password button{color:#7c95a3;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:36px;display:grid;position:absolute;top:5px;bottom:5px;right:5px}.account-password button:hover{color:#2d6276;background:#eaf2f5}.account-confirm{background:#f2f7f9;border:1px solid #e0ebef;border-radius:12px;margin:24px 28px 0;padding:20px}.account-confirm .account-section-heading{color:#54828e;align-items:flex-start;margin-bottom:16px}.account-save{flex-direction:column;align-items:flex-end;gap:13px;padding:24px 28px;display:flex}.account-save p{margin:0;font-size:11px;line-height:1.7}.page-content .account-save .primary-button{background:#276777;border-color:#276777}.page-content .account-save .primary-button:hover{background:#1f5361}.account-error{background:#fff0ef;border-radius:8px;margin:20px 28px 0;padding:12px;font-size:12px}@media (width<=1000px){.account-layout{grid-template-columns:1fr}.account-profile{display:none}.account-hero{padding:25px}.account-private{display:none}}@media (width<=600px){.account-hero{gap:14px;padding:22px 18px}.account-hero h2{font-size:21px}.account-hero-icon{border-radius:14px;width:48px;height:48px}.account-password-grid{grid-template-columns:1fr}.account-form-section{padding:22px 18px}.account-confirm{margin:20px 18px 0;padding:16px}.account-save{align-items:stretch;padding:22px 18px}.account-save button{justify-content:center}}.bulletins-page{gap:20px;min-width:0;display:grid}.bulletin-intro{justify-content:space-between;align-items:center;gap:24px;padding:26px;display:flex}.bulletin-intro h3{letter-spacing:-.5px;margin:8px 0;font-size:23px}.bulletin-intro p,.bulletin-toolbar p{color:#667884;margin:7px 0;font-size:13px}.bulletin-eyebrow{letter-spacing:1.2px;color:#267785;font-size:10px;font-weight:800}.bulletin-existing{color:#526671;font-size:13px}.bulletin-errors{border-left:4px solid #b45309;padding:24px}.bulletin-errors li{margin:7px 0}.bulletin-preview{padding:0;overflow:hidden}.bulletin-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;display:flex}.bulletin-toolbar h3{margin:6px 0}.bulletin-actions{flex-wrap:wrap;gap:10px;display:flex}.bulletin-actions a{text-decoration:none}.bulletin-copy-note{color:#31535e;background:#edf4f5;align-items:center;gap:9px;padding:12px 24px;font-size:12px;display:flex}.bulletin-frame{background:#e9eef1;border:0;width:100%;height:1240px;display:block}.bulletin-disabled{pointer-events:none;opacity:.55}@media (width<=700px){.bulletin-intro{flex-direction:column;align-items:flex-start}.bulletin-frame{height:1050px}.bulletin-toolbar{padding:18px}.bulletin-intro h3{font-size:20px}}.bulletin-modal-backdrop{z-index:60;background:#0d1c2d94;align-items:center;padding:24px}.bulletin-modal{border-radius:15px;flex-direction:column;width:min(1120px,100%);max-height:94vh;display:flex;overflow:hidden}.bulletin-modal-header{background:#fff;border-bottom:1px solid #e0e8ee;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 26px;display:flex}.bulletin-modal-header h2{letter-spacing:-.5px;color:#203d51;text-transform:capitalize;margin:7px 0 5px;font-size:21px}.bulletin-modal-header p{color:#7b8d9e;margin:0;font-size:12px;line-height:1.6}.bulletin-modal-header .icon-button{background:#f6f9fc;border:1px solid #e1e8ef;border-radius:8px;flex-shrink:0}.bulletin-modal-body{overscroll-behavior:contain;background:#f3f6f9;flex-direction:column;gap:18px;min-height:0;padding:22px;display:flex;overflow-y:auto}.bulletin-modal-body>.form-panel{background:#fff;border-radius:11px;flex-shrink:0;margin:0}.bulletin-modal-body .form-panel>.panel-heading{border-bottom:1px solid #edf1f5;margin:0;padding:18px 22px}.bulletin-modal-body .panel-heading h3{align-items:center;gap:8px;font-size:15px;display:flex}.bulletin-modal-body .form-panel>.form-field{padding:17px 22px 21px}.bulletin-modal-body .form-field select{min-height:44px;font-size:13px}.bulletin-modal-body .bulletin-existing{margin:0;padding:0 22px 20px}.bulletin-modal-body .bulletin-frame{height:1050px}.bulletin-modal-body .bulletin-preview{border-radius:11px;flex-shrink:0;margin:0}.bulletin-modal-body .bulletin-toolbar{background:#fff;padding:19px 22px}.bulletin-modal-body .bulletin-errors{background:#fff9ef;border-radius:9px;margin:0;font-size:12px}.bulletin-agent-prompt{text-align:center;color:#8093a3;background:#fff;border:1px dashed #d4e1e9;border-radius:12px;padding:48px 24px 54px}.bulletin-agent-prompt>svg{color:#7e9fb2;margin-bottom:14px}.bulletin-agent-prompt h3{color:#385b71;margin:0 0 9px;font-size:16px}.bulletin-agent-prompt p{margin:0;font-size:12px;line-height:1.75}.bulletin-modal-loading{text-align:center;color:#7e93a7;padding:30px;font-size:13px}@media (width<=700px){.bulletin-modal-backdrop{align-items:center;padding:9px}.bulletin-modal{border-radius:12px;max-height:96vh}.bulletin-modal-header{gap:12px;padding:17px}.bulletin-modal-header h2{font-size:18px}.bulletin-modal-header p{font-size:11px}.bulletin-modal-body{gap:12px;padding:12px}.bulletin-modal-body .form-panel>.panel-heading{padding:15px}.bulletin-modal-body .form-panel>.form-field{padding:14px 15px 17px}.bulletin-modal-body .bulletin-toolbar{padding:16px}.bulletin-modal-body .bulletin-frame{height:900px}.bulletin-modal-body .bulletin-actions{gap:8px;width:100%}.bulletin-modal-body .bulletin-actions>button,.bulletin-modal-body .bulletin-actions>a{flex:1;justify-content:center}.bulletin-agent-prompt{padding:32px 18px}}