.workspace-ui .office-shell #owner-menu nav>.menu-route-billing-action{background:#178447!important;background-image:none!important;border-color:#178447!important;color:#fff!important;box-shadow:0 8px 20px rgba(23,132,71,.2)}
.workspace-ui .office-shell #owner-menu nav>.menu-route-billing-action:hover{background:#126d3a!important;background-image:none!important}
.route-payment-notice{width:100%;display:grid;grid-template-columns:42px 1fr auto 18px;gap:10px;align-items:center;margin:16px 0 4px;padding:14px;border:1px solid;border-radius:14px;text-align:left;background:#fff;color:#102e55;box-shadow:0 8px 24px rgba(15,56,105,.08)}
.route-payment-notice svg{width:20px;height:20px}.route-payment-notice-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.7)}
.route-payment-notice strong,.route-payment-notice small{display:block}.route-payment-notice strong{font-size:15px}.route-payment-notice small{margin-top:3px;line-height:1.35}
.route-payment-notice-count{display:grid;place-items:center;min-width:28px;height:28px;border-radius:999px;background:#fff;font-weight:800}
.route-payment-notice.is-green{border-color:#68c98d;background:#e9f8ef}.route-payment-notice.is-yellow{border-color:#e6bd52;background:#fff7da}.route-payment-notice.is-red{border-color:#ef8994;background:#fff0f2}
.route-payment-notice.is-orange{border-color:#e79029;background:#fff0db;color:#8a4200}
.route-billing-page{display:grid;gap:16px}.route-billing-heading{display:flex;gap:13px;align-items:flex-start;padding:18px;border-radius:16px;background:linear-gradient(135deg,#174d8f,#2466d8);color:#fff}
.route-billing-heading>span{display:grid;place-items:center;flex:0 0 42px;height:42px;border:1px solid rgba(255,255,255,.3);border-radius:12px}.route-billing-heading svg{width:22px}.route-billing-heading h1{margin:0;font-size:23px}.route-billing-heading p{margin:6px 0 0;color:#eaf3ff;line-height:1.45}
.route-billing-summary{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px}.route-billing-summary>div,.route-billing-summary>label,.route-billing-summary>button,.route-review-summary{min-width:0;padding:14px;border:1px solid #d5e3f2;border-radius:13px;background:#fff}.route-billing-summary span,.route-review-summary span{display:block;color:#58708d;font-size:12px}.route-billing-summary strong,.route-review-summary strong{display:block;margin-top:5px;color:#102e55;font-size:20px}.route-billing-office{display:flex;flex-direction:column;gap:6px}.route-billing-office select{width:100%;min-height:36px;padding:6px 28px 6px 8px;border:1px solid #bfd2e7;border-radius:8px;background:#f8fbff;color:#15375e;font:inherit;font-size:12px;font-weight:700}.route-billing-routes{position:relative;text-align:left;cursor:pointer}.route-billing-routes small{display:block;margin-top:3px;color:#58708d;font-size:10px}.route-billing-routes svg{position:absolute;right:12px;top:50%;width:16px;transform:translateY(-50%) rotate(90deg);color:#2466d8}.route-billing-routes[aria-expanded=true] svg{transform:translateY(-50%) rotate(-90deg)}.route-billing-results[hidden]{display:none!important}.route-billing-results>header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:2px 2px 10px}.route-billing-results>header span{color:#2466d8;font-size:11px;font-weight:800}.route-billing-results>header h2{margin:3px 0 0;color:#102e55;font-size:18px}.route-billing-results>header>strong{color:#58708d;font-size:12px}
.route-invoice-list{display:grid;gap:10px}.route-invoice-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:16px;border:1px solid #d5e3f2;border-radius:14px;background:#fff;box-shadow:0 5px 15px rgba(16,46,85,.05)}
.route-invoice-main h2{margin:3px 0;font-size:17px;color:#102e55}.route-invoice-main p{margin:4px 0;color:#617894;font-size:12px}.route-invoice-office{color:#2466d8;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.route-invoice-facts{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(100px,1fr);gap:8px;margin:12px 0 0}.route-invoice-facts div{min-width:0;padding-top:8px;border-top:1px solid #e3ebf4}.route-invoice-facts dt,.route-balance-label{color:#617894;font-size:10px}.route-invoice-facts dd{margin:3px 0 0;color:#173958;font-size:12px;font-weight:800;overflow-wrap:anywhere}.route-invoice-side{display:flex;min-width:145px;flex-direction:column;align-items:flex-end;gap:6px}.route-invoice-side>strong{font-size:18px;color:#102e55}.route-balance-label{font-weight:700}
.route-invoice-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}.route-invoice-status.is-pending{background:#fff3cd;color:#7d5900}.route-invoice-status.is-submitted{background:#e8f1ff;color:#1556ae}.route-invoice-status.is-rejected{background:#ffe6e9;color:#a51f32}.route-invoice-status.is-paid{background:#e5f7eb;color:#176b39}
.route-invoice-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.route-invoice-link{border:0;background:transparent;color:#1761c5;text-decoration:underline;font-weight:700}.route-pay-button{background:#178447!important;border-color:#178447!important;color:#fff!important}.route-reject{color:#a51f32!important;border-color:#efb0b8!important}.route-waiting{color:#1556ae;font-size:12px;font-weight:700}.route-rejection-reason{color:#a51f32!important}.route-rejection-box{margin:12px 0;padding:12px;border:1px solid #efb0b8;border-radius:10px;background:#fff0f2;color:#821c2a}
.route-paid-history{margin-top:8px;border:1px solid #d5e3f2;border-radius:14px;background:#fff}.route-paid-history>summary{padding:15px;color:#174d8f;font-weight:800;cursor:pointer}.route-paid-history>.route-invoice-list{padding:0 12px 12px}.route-review-section>h2{font-size:18px;color:#102e55}.route-bank-account{margin-bottom:10px;padding:11px 12px;border-radius:11px;background:#e9f8ef;border:1px solid #84cfa0}.route-bank-account span,.route-bank-account small{display:block;color:#4d6c59;font-size:11px}.route-bank-account strong{display:block;margin:3px 0;color:#155f33;font-size:15px}.route-bank-account p{margin:2px 0 4px;font-size:13px;font-weight:800;color:#143d26}.route-bank-account .route-bank-key{margin:2px 0;color:#155f33;font-weight:800}.route-bank-account.is-missing{background:#fff7da;border-color:#e6bd52}.route-bank-account.is-missing strong,.route-bank-account.is-missing p{color:#725400}
.route-payment-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 11px}.route-payment-details div{min-width:0;padding:8px;border:1px solid #dbe6f1;border-radius:9px;background:#f8fbff}.route-payment-details dt{font-size:10px;color:#617894}.route-payment-details dd{margin:3px 0 0;color:#102e55;font-size:12px;font-weight:800;overflow-wrap:anywhere}.route-payment-modal .modal-body{padding-block:14px!important}.route-payment-modal .modal-foot{padding-block:12px!important}.route-payment-modal .route-rejection-box{margin:0 0 10px}.route-proof-upload{position:relative}.route-proof-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.route-proof-label label{color:#21466d;font-size:12px;font-weight:700}.route-proof-label strong{padding:3px 7px;border-radius:999px;background:#fff0f2;color:#a51f32;font-size:10px}.route-proof-input{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.route-proof-picker{display:grid;gap:5px}.route-proof-select{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 12px;border:1px dashed #80a9dd;border-radius:10px;background:#f5f9ff;color:#174d8f;font-size:13px;font-weight:800;cursor:pointer}.route-proof-select:hover{border-color:#2466d8;background:#edf5ff}.route-proof-select:focus-visible{outline:3px solid #38a9ff;outline-offset:2px}.route-proof-select svg{width:18px;height:18px}.route-proof-picker small{color:#617894;font-size:10px}.route-proof-selection{display:grid;gap:7px}.route-proof-selection[hidden],.route-proof-picker[hidden]{display:none!important}.route-proof-visual{display:grid;place-items:center;height:135px;overflow:hidden;border:1px solid #c8d9ec;border-radius:10px;background:#edf4fb}.route-proof-visual img{display:block;width:100%;height:100%;object-fit:contain}.route-proof-pdf{display:flex;align-items:center;gap:9px;max-width:100%;padding:12px;color:#174d8f}.route-proof-pdf svg{width:24px;flex:none}.route-proof-pdf span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700}.route-proof-remove{min-height:36px;border:1px solid #efb0b8;border-radius:8px;background:#fff;color:#a51f32;font-weight:700;cursor:pointer}.route-payment-modal [type=submit]:disabled{opacity:.48;cursor:not-allowed}.route-proof-preview{text-align:center}.route-proof-preview img,.route-proof-preview object{max-width:100%;width:100%;max-height:65vh;min-height:280px;border:1px solid #d5e3f2;border-radius:10px;object-fit:contain}.route-proof-preview p{color:#617894}
@media(max-width:640px){.route-billing-summary{grid-template-columns:1fr 1fr}.route-billing-summary>.route-billing-total{grid-column:1/-1}.route-billing-summary>label,.route-billing-summary>button{padding:11px}.route-invoice-card{grid-template-columns:1fr;gap:12px}.route-invoice-facts{grid-template-columns:minmax(0,1.4fr) minmax(90px,1fr)}.route-invoice-side{min-width:0;align-items:flex-start}.route-invoice-actions{justify-content:flex-start}.route-payment-details{grid-template-columns:repeat(3,minmax(0,1fr))}.route-payment-modal .modal-head{padding-block:15px!important}.route-payment-modal .modal-body{padding:12px 16px!important}.route-payment-modal .modal-foot{padding:11px 16px!important}.route-billing-heading h1{font-size:20px}.route-payment-notice{margin-inline:0}}