:root{--primary: #00636e;--primary-dark: #034854;--primary-light: #007a87;--primary-selected: rgba(0, 92, 102, .08);--primary-hover: rgba(0, 92, 102, .04);--primary-outlined: rgba(0, 92, 102, .5);--input-focus: #007a87;--header: #212121;--page: #e5e9ed;--nav: #ffffff;--border: #e0e0e0;--divider: rgba(0, 0, 0, .12);--input-border: rgba(0, 0, 0, .23);--text: rgba(0, 0, 0, .87);--muted: rgba(0, 0, 0, .6);--label: rgba(0, 0, 0, .6);--chip: #e0e0e0;--danger: #d91c03;--warning: #ef6c00;--info: #0288d1;--success: #488c18;--warn-bg: #fff4e5;--warn-text: #663c00;--info-bg: #e5f6fd;--info-text: #014361;--magenta: #ed40a9;--berry: #c00368;--drawer: 175px;--header-h: 64px;--radius: 4px;--font: Inter, "Open Sans", sans-serif;--elevation-1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--elevation-2: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--elevation-4: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);--elevation-6: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--elevation-8: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--elevation-24: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);font-family:var(--font);font-size:14px;line-height:1.43;letter-spacing:.17px;font-variant-numeric:lining-nums tabular-nums;color:var(--text)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button,input,select{font-family:inherit;letter-spacing:inherit}button{cursor:pointer}.app{display:grid;grid-template-rows:var(--header-h) 1fr;height:100%;background:var(--page)}.topbar{background:var(--header);color:#fff;display:flex;align-items:center;padding:0 16px 0 0;gap:12px;border-bottom:3px solid var(--magenta)}.topbar-logo{width:64px;height:61px;display:grid;place-items:center;flex-shrink:0}.topbar-logo img{width:40px;height:40px}.org-select{background:transparent;color:#fff;border:0;font-size:14px;font-weight:500;padding:8px}.topbar-spacer{flex:1}.topbar-user{display:flex;align-items:center;gap:10px;font-size:14px}.avatar{width:32px;height:32px;border-radius:50%;background:#757575;display:grid;place-items:center;font-size:12px;font-weight:400;letter-spacing:.14px}.body{display:grid;grid-template-columns:var(--drawer) 1fr;min-height:0;overflow:hidden}.sidenav{background:var(--nav);border-right:1px solid var(--divider);display:flex;flex-direction:column;padding:8px 0 12px;min-height:0;overflow:auto}.nav-item{display:flex;align-items:center;gap:10px;border:0;background:transparent;text-align:left;padding:10px 16px;font-size:14px;color:var(--text);width:100%;position:relative}.nav-item svg,.btn-icon svg,.wh-row svg,.sort-item svg{width:18px;height:18px;flex-shrink:0;fill:currentColor}.nav-item:hover{background:#0000000a}.nav-item.active{font-weight:600;background:var(--primary-selected);color:var(--primary)}.nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--magenta)}.nav-foot{margin-top:auto;padding:12px 16px;font-size:11px;color:var(--muted)}.nav-logo{display:block;width:120px;height:auto;margin-bottom:8px}.main{min-width:0;min-height:0;padding:24px;overflow:hidden;display:flex;flex-direction:column}.main>:not(.prod-page){flex:1;min-height:0;overflow:auto}.page-title{font-size:20px;font-weight:800;line-height:1.334;letter-spacing:0;margin:0 0 16px;min-height:35px;display:flex;align-items:center}.settings-card{background:#fff;border-radius:var(--radius);box-shadow:var(--elevation-1);min-height:calc(100% - 45px);display:flex;flex-direction:column}.tabs{display:flex;border-bottom:1px solid var(--divider);overflow-x:auto}.tab{width:200px;min-width:140px;min-height:48px;border:0;background:transparent;border-bottom:2px solid transparent;margin-bottom:-1px;font-size:13px;font-weight:500;letter-spacing:.46px;text-transform:none;color:var(--muted)}.tab:hover{background:#0000000a}.tab.active{font-weight:600;border-bottom:2px solid var(--primary);color:var(--primary)}.tab-panel{padding:20px 24px 32px;flex:1}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;min-height:35px}.section-title{font-size:16px;font-weight:800;letter-spacing:.15px;color:var(--text);margin:0}.tab-panel .section-head .section-title{font-size:20px;letter-spacing:0}.section-sub{font-size:12px;line-height:1.66;letter-spacing:.4px;color:var(--muted);margin:4px 0 0;font-weight:400}.btn{display:inline-flex;align-items:center;justify-content:center;height:34px;min-width:64px;padding:0 16px;border-radius:var(--radius);font-size:13px;font-weight:500;letter-spacing:.46px;line-height:1.25;text-transform:capitalize;border:1px solid transparent}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--elevation-2)}.btn-primary:hover{background:var(--primary-dark);box-shadow:var(--elevation-4)}.btn-primary:disabled{opacity:.38;cursor:default;box-shadow:none}.btn-outline{background:#fff;border-color:#bbb;color:var(--text)}.btn-outline:hover{background:#0000000a}.btn-text{background:transparent;border:0;color:var(--primary);height:auto;padding:4px 8px;min-width:0;text-transform:none}.btn-danger{background:var(--danger);color:#fff;box-shadow:var(--elevation-2)}.btn-danger:disabled{opacity:.38;cursor:default;box-shadow:none}.btn-icon{width:34px;height:34px;min-width:34px;padding:0;border:0;background:transparent;border-radius:50%;color:#0000008f;text-transform:none}.btn-icon:hover{background:#0000000a}.link{background:none;border:0;color:var(--primary);font-size:14px;padding:0;font-weight:400;text-decoration:underline;text-decoration-color:#005c6666;text-underline-offset:2px}.link:hover{color:var(--primary-dark);text-decoration-color:currentColor}.link:disabled{opacity:.38;text-decoration:none;cursor:default}.modal-foot .btn{min-width:110px;padding:0 24px}.gs-block{margin-bottom:40px;max-width:420px}.gs-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.fee-box{box-shadow:inset 0 0 0 1px var(--border);border-radius:var(--radius);padding:10px 12px;margin-top:10px;display:grid;grid-template-columns:1fr auto;gap:6px 16px;font-size:14px;color:var(--muted)}.alert-info{margin-top:12px;background:var(--info-bg);color:var(--info-text);border-radius:var(--radius);padding:8px 16px;font-size:14px;font-weight:500;letter-spacing:.15px}.country-row{display:flex;align-items:center;gap:8px;margin:8px 0 12px}.country-row h3{margin:0;font-size:14px;font-weight:700;letter-spacing:.15px}.tax-card{box-shadow:inset 0 0 0 1px var(--border);border-radius:var(--radius);padding:16px;margin-bottom:16px;max-width:820px;position:relative}.tax-card-top{display:flex;justify-content:space-between;align-items:flex-start}.tax-label{font-size:16px;font-weight:800;letter-spacing:.15px}.tax-rate{font-weight:400;color:var(--muted)}.tax-reg{font-size:14px;color:var(--muted);margin:6px 0 10px}.tax-sched{font-size:12px;color:var(--muted);margin:-4px 0 10px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--chip);border-radius:16px;height:32px;padding:0 12px;display:inline-flex;align-items:center;font-size:13px;letter-spacing:.16px;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip.inactive{font-style:italic;color:var(--muted)}.show-all{margin-top:10px}.empty{max-width:420px;margin:48px auto;text-align:center;color:var(--text)}.empty h3{margin:0 0 8px;font-size:16px;font-weight:800;letter-spacing:.15px}.empty p{margin:0 0 16px;font-size:14px;color:var(--muted)}.skeleton{max-width:820px}.skel-card{height:120px;border-radius:var(--radius);background:#eee;margin-bottom:12px;animation:ext-skeleton 1.2s ease infinite}@keyframes ext-skeleton{0%,to{opacity:1}50%{opacity:.45}}.menu{position:absolute;right:8px;top:40px;background:#fff;border-radius:var(--radius);min-width:220px;z-index:6;padding:8px 0;box-shadow:var(--elevation-8)}.menu button{display:block;width:100%;text-align:left;border:0;background:none;padding:6px 16px;min-height:36px;font-size:16px;letter-spacing:.15px}.menu button:hover{background:#0000000a}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:grid;place-items:center;z-index:20;padding:24px}.modal{background:#fff;border-radius:var(--radius);width:min(480px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;box-shadow:var(--elevation-24)}.modal.wide{width:min(720px,100%)}.modal.xs{width:min(400px,100%)}.modal.add-charge{width:min(512px,100%);max-height:min(900px,calc(100vh - 48px))}.modal.add-charge.wide{width:min(592px,100%)}.modal-header{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:8px 8px 8px 24px}.modal-header.dark{background:#5f6e7a;color:#fff;min-height:40px;padding:8px 16px;border-radius:var(--radius) var(--radius) 0 0}.modal-header.dark h2{color:#fff;font-size:14px;font-weight:700}.modal-header h2{margin:0;font-size:16px;font-weight:800;letter-spacing:.15px}.modal-x{border:0;background:none;font-size:22px;line-height:1;color:#0000008f;width:40px;height:40px;border-radius:50%}.modal-x:hover{background:#0000000a}.modal-body{padding:8px 24px 16px;overflow:auto;position:relative;flex:1;min-height:0}.modal-foot{display:flex;justify-content:flex-end;gap:8px;min-height:64px;align-items:center;padding:8px 16px 16px}.modal-foot.spread{justify-content:space-between}.callout{background:var(--warn-bg);color:var(--warn-text);border-radius:var(--radius);padding:8px 16px;font-size:14px;font-weight:500;letter-spacing:.15px;margin-bottom:16px}.callout.info{background:var(--info-bg);color:var(--info-text)}.stepper{display:flex;align-items:center;justify-content:space-between;margin:8px 8px 20px}.step{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#bdbdbd;color:#fff;font-weight:700;font-size:13px}.step.on{background:var(--primary)}.step-line{flex:1;height:2px;background:var(--primary);margin:0 8px}.field{margin-bottom:16px}.field label{display:block;font-size:12px;font-weight:400;color:var(--label);margin-bottom:6px;letter-spacing:.15px}.field input:not([type=checkbox]):not([type=radio]),.field select{width:100%;height:40px;max-height:40px;border:1px solid var(--input-border);border-radius:var(--radius);padding:0 14px;font-size:16px;line-height:1.25;letter-spacing:.15px;background:#fff;color:var(--text)}.field input:hover,.field select:hover{border-color:#000}.field input:focus,.field select:focus{outline:0;border-color:var(--input-focus);border-width:2px;padding:0 13px}.field input:disabled,.field select:disabled{background:#f5f5f5;color:#00000061}.field.error input,.field.error select{border-color:var(--danger)}.field .err{color:var(--danger);font-size:12px;line-height:1.66;letter-spacing:.4px;margin:3px 0 0}.row-2{display:grid;grid-template-columns:1fr 120px;gap:12px}.row-date{display:grid;grid-template-columns:180px 1fr;gap:12px}.rate-wrap{position:relative}.rate-wrap input{padding-right:28px}.rate-wrap input:focus{padding-right:27px}.rate-wrap .pct{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:14px}.summary-bar{box-shadow:inset 0 0 0 1px var(--border);border-radius:var(--radius);padding:10px 12px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;margin-bottom:16px}.summary-bar .muted{color:var(--muted)}.summary-actions{display:flex;align-items:center;gap:8px}.icon-pair{display:flex;align-items:center;gap:20px;margin-left:8px}[data-tax-menu]{position:relative}[data-tax-menu] .menu{right:0;top:36px}.wh-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fafafa;box-shadow:inset 0 0 0 1px var(--border);padding:8px 12px}.wh-toolbar input{height:40px;border:1px solid var(--input-border);border-radius:var(--radius);padding:0 14px;min-width:220px;font-size:16px;line-height:1.25}.wh-toolbar input:focus{outline:0;border-color:var(--input-focus);border-width:2px;padding:0 13px}.wh-list{box-shadow:inset 0 0 0 1px var(--border);max-height:320px;overflow:auto}.wh-row{display:flex;align-items:center;gap:10px;padding:8px 12px;min-height:48px;border-top:1px solid var(--divider);font-size:14px}.wh-row:first-child{border-top:0}.wh-row:hover{background:#0000000a}.wh-row.on{background:var(--primary-selected)}.wh-row .grow{flex:1}.toggle{width:34px;height:14px;border-radius:8px;border:0;background:#bdbdbd;position:relative;flex-shrink:0}.toggle.on{background:#00636e80}.toggle i{width:20px;height:20px;border-radius:50%;background:#fafafa;position:absolute;top:-3px;left:0;display:block;box-shadow:0 1px 3px #0000004d}.toggle.on i{left:14px;background:var(--primary)}.x-remove{border:0;background:none;color:var(--danger);font-size:18px;width:34px;height:34px;border-radius:50%}.x-remove:hover{background:#d91c0314}.confirm-title{display:flex;gap:12px;align-items:flex-start}.confirm-title h2{font-size:16px;font-weight:800;letter-spacing:.15px}.warn-icon{color:var(--warning);font-size:22px;line-height:1}.bullets{margin:0;padding-left:18px;font-size:14px;color:var(--text)}.bullets li{margin:6px 0}.snack-stack{position:fixed;bottom:24px;left:24px;z-index:40;display:flex;flex-direction:column;gap:8px}.snack{min-width:288px;background:#323232;color:#fff;padding:8px 16px;border-radius:var(--radius);font-size:14px;min-height:48px;display:flex;align-items:center;box-shadow:var(--elevation-6)}.snack.error{background:var(--danger)}.screenshot-page{display:flex;justify-content:center;align-items:flex-start}.screenshot-page img{display:block;width:auto;max-width:100%;height:auto;object-fit:contain}.placeholder{background:#fff;border-radius:var(--radius);box-shadow:var(--elevation-1);padding:24px}.placeholder table{width:100%;border-collapse:collapse;font-size:14px}.placeholder th,.placeholder td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--divider)}.placeholder th{background:#fafafa;font-size:14px;font-weight:600;letter-spacing:.17px}.muted{color:var(--muted)}.sort-item{box-shadow:inset 0 0 0 1px var(--border);border-radius:var(--radius);padding:14px 16px;display:flex;align-items:center;gap:12px;margin-bottom:12px;cursor:grab}.sort-item .grow{flex:1;font-weight:700}.hint{font-size:14px;color:var(--muted);margin:0 0 16px}.schedule-btn{width:100%;text-align:left;border:0;background:var(--primary-selected);color:var(--primary);padding:10px 12px;border-radius:var(--radius);font-weight:600;margin-bottom:14px;text-transform:none}.fac-tab{position:fixed;right:0;top:30%;z-index:50;writing-mode:vertical-rl;transform:rotate(180deg);background:#333;color:#fff;border:0;border-radius:0 0 4px 4px;padding:10px 6px;font-size:11px;letter-spacing:.04em;text-transform:none}.fac-panel{position:fixed;right:0;top:64px;bottom:16px;width:280px;background:#2b2b2b;color:#eee;z-index:50;padding:16px;overflow:auto;font-size:12px}.fac-panel h4{margin:0 0 8px;font-size:13px}.fac-panel select,.fac-panel button.fac-snap{width:100%;text-align:left;margin:0 0 6px;padding:8px;border-radius:var(--radius);border:1px solid #555;background:#3a3a3a;color:#fff;text-transform:none}.fac-panel button.fac-snap.on{border-color:var(--primary-light);background:#1f4a50}.fac-panel .soon{opacity:.45;pointer-events:none}.fac-close{float:right;background:none;border:0;color:#fff;font-size:16px}.tooltip{position:relative}.tooltip:hover:after{content:attr(data-tip);position:absolute;left:0;top:calc(100% + 6px);background:#616161e6;color:#fff;font-size:10px;font-weight:500;line-height:1.2;padding:4px 8px;border-radius:var(--radius);white-space:nowrap;z-index:8}.tooltip-end:hover:after{left:auto;right:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.workbench{display:grid;grid-template-columns:1fr;gap:16px;align-items:stretch;flex:1;min-height:0}.workbench.has-preview{grid-template-columns:minmax(0,1fr) 400px}.data-card{background:#fff;border-radius:var(--radius);box-shadow:var(--elevation-1);overflow:auto;min-width:0}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th,.data-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--divider);white-space:nowrap}.data-table th{background:#fafafa;font-size:13px;font-weight:600;letter-spacing:.17px;color:var(--muted)}.data-table tbody tr{cursor:pointer}.data-table tbody tr:hover{background:#0000000a}.data-table tbody tr.on{background:var(--primary-selected)}.data-table .num{text-align:right;font-variant-numeric:tabular-nums}.data-table .check-col{width:40px}.lock-tag{display:inline-block;margin-left:8px;font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--muted)}.side-preview{background:#fff;border-radius:var(--radius);box-shadow:var(--elevation-1);padding:16px 20px 24px}.side-preview h3{margin:0 0 12px;font-size:16px;font-weight:800;letter-spacing:.15px}.side-preview h4{margin:0;font-size:14px;font-weight:700;letter-spacing:.15px}.totals{margin:8px 0 16px;display:flex;flex-direction:column;gap:8px}.totals>div{display:flex;justify-content:space-between;gap:12px;font-size:14px}.totals .grand{padding-top:8px;border-top:1px solid var(--divider);font-weight:700}.tax-preview{margin-top:8px}.tax-preview-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.tax-line{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid var(--divider);font-size:14px}.customer-tax-line{align-items:flex-start}.customer-section{margin-bottom:20px}.customer-section h4{margin-bottom:8px}.check-inline{display:flex;align-items:center;gap:8px;margin:8px 0;font-size:14px}.preview-tabs{display:flex;gap:0;border-bottom:1px solid var(--divider);margin:8px 0 16px}.preview-tabs button{flex:1;height:40px;border:0;background:transparent;border-bottom:2px solid transparent;margin-bottom:-1px;font-size:13px;font-weight:500;color:var(--muted);text-transform:none}.preview-tabs button.on{font-weight:600;color:var(--primary);border-bottom-color:var(--primary)}.batch-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;background:#fff;box-shadow:var(--elevation-1);border-radius:var(--radius);padding:10px 16px;margin-bottom:16px}.batch-chip{display:inline-flex;align-items:center;gap:8px;background:#f5f5f5;border-radius:16px;padding:6px 12px;font-size:13px}.row-2.even{grid-template-columns:1fr 1fr}.btn-outline:disabled{opacity:.38;cursor:default}.invoice-summary{max-width:420px}.embedded-charges .page-title{display:none}.prod-page{min-width:0;flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.prod-page>:not(.workbench){flex-shrink:0}.charges-for{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:16px;font-weight:600}.charges-for select{height:40px;min-width:220px;border:1px solid var(--input-border);border-radius:var(--radius);padding:0 12px;background:#fff}.filter-card{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;background:#fff;box-shadow:var(--elevation-1);border-radius:var(--radius);padding:12px 16px;margin-bottom:12px;position:relative;z-index:10}.filter-search{display:flex;align-items:center;gap:8px;flex:1 1 280px;min-width:240px}.filter-search select{height:40px;border:1px solid var(--input-border);border-radius:var(--radius);padding:0 8px;background:#fff;max-width:160px}.filter-search-input{display:flex;align-items:center;gap:8px;flex:1;height:40px;border:1px solid var(--input-border);border-radius:var(--radius);padding:0 12px;background:#fff}.filter-search-input svg{fill:var(--muted);flex-shrink:0}.filter-search-input input{border:0;outline:0;width:100%;height:38px;background:transparent}.filter-pop{position:relative}.filter-btn{display:inline-flex;align-items:center;gap:4px;height:40px;border:0;background:transparent;color:var(--muted);font-size:14px;font-weight:500;padding:0 8px;text-transform:none}.filter-btn.on,.filter-btn:hover{background:#0000000a;color:var(--text)}.filter-btn.icon-only{width:40px;justify-content:center;padding:0}.filter-btn svg{fill:currentColor}.filter-menu{left:0;right:auto;top:40px;max-height:320px;overflow:auto}.menu-check,.field label.menu-check{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:6px 16px;min-height:36px;margin-bottom:0;font-size:14px;color:var(--text)}.menu-check input[type=checkbox]{width:16px;height:16px;margin:0;flex-shrink:0}.filter-dates{display:grid;gap:8px;padding:8px 16px 12px}.date-range-fields label,.filter-date-field{display:grid;gap:4px;font-size:12px;color:var(--muted)}.date-range-fields input,.filter-date-field input{height:40px;border:1px solid var(--input-border);border-radius:var(--radius);padding:0 8px}.grid-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;min-height:40px}.toolbar-left{display:flex;align-items:center;gap:4px;min-width:0}.toolbar-left .dot{width:5px;height:5px;border-radius:50%;background:var(--primary);opacity:.7;margin:0 6px;flex-shrink:0}.toolbar-actions{display:flex;align-items:center;gap:8px}.toolbar-selected{font-weight:600}.icon-btn{width:40px;height:40px;border:0;background:transparent;border-radius:50%;display:grid;place-items:center;color:var(--muted)}.icon-btn:hover{background:#0000000a}.icon-btn svg{fill:currentColor}.grid-card{overflow:hidden;display:flex;flex-direction:column;min-height:0;height:100%}.grid-scroll{overflow:auto;flex:1;min-height:0}.wide-grid{min-width:1680px}.grid-foot{display:flex;justify-content:space-between;padding:8px 16px;border-top:1px solid var(--divider);background:#fff}.details-panel{background:#fff;border-radius:var(--radius);box-shadow:var(--elevation-1);display:flex;flex-direction:column;height:100%;min-height:0;min-width:0;overflow:hidden}.details-head{min-height:60px;background:#5f6e7a;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px 8px 16px;border-radius:var(--radius) var(--radius) 0 0;flex-shrink:0}.details-head h3{margin:0;min-width:0;font-size:16px;font-weight:700;color:#fff;letter-spacing:.15px}.details-head .from-title{background:none;border:0;color:#fff;font-size:16px;font-weight:700;padding:0;text-transform:none;text-align:left;letter-spacing:.15px}.btn-edit-light{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.72);background:transparent;color:#fff;border-radius:var(--radius);font-weight:600;font-size:13px;text-transform:none}.btn-edit-light:hover{background:#ffffff14}.btn-edit-light:disabled{opacity:.38}.btn-edit-light svg{fill:currentColor}.details-body{padding:16px;overflow:auto;flex:1;min-height:0}.details-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--divider);flex-shrink:0;background:#fff}.details-foot.spread{justify-content:space-between}.details-tabs{margin:0;padding:0;flex-shrink:0}.customer-tabs button{flex:1;min-height:48px;font-size:11px;font-weight:500;letter-spacing:.17px;text-transform:none;color:var(--muted);border:0;border-bottom:2px solid #e4e4e4;background:transparent;margin-bottom:0}.customer-tabs button.on{color:var(--text);font-weight:600;background:#f5f5f5;border-bottom-color:var(--primary)}.rates-filter{display:flex;align-items:center;gap:8px;height:50px;padding:5px 8px;background:#f8f8f8;border-bottom:2px solid #e4e4e4;flex-shrink:0}.rates-filter select{flex:1;height:36px}.rates-filter .icon-btn{width:36px;height:36px;border:1px solid #bbb;border-radius:var(--radius);background:#fff}.collapse-box{border-bottom:1px solid #e4e4e4}.collapse-head{display:flex;align-items:center;gap:4px;height:40px;padding:0 12px;width:100%;border:0;background:transparent;text-align:left;font-size:14px;font-weight:800;color:var(--text);text-transform:none}.collapse-head:hover{background:var(--primary-hover)}.collapse-head .tree-toggle{width:24px;height:24px}.collapse-body{padding:16px 20px 20px}.kv-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:4px 0;font-size:14px;line-height:19px}.kv-row dt{color:var(--text);font-weight:400}.kv-row dd{margin:0;font-weight:700}.bill-title{font-size:16px;font-weight:600;margin:0 0 12px;padding:0 4px}.settings-sub{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.settings-sub h5{margin:0;font-size:14px;font-weight:700}.settings-card-box{padding:16px;border:1px solid #e0e0e0;border-radius:var(--radius);display:flex;flex-direction:column;gap:8px}.rate-row{display:flex;gap:12px;padding:10px 8px;border-bottom:1px solid var(--divider)}.rate-row .muted{font-size:13px}.batch-fields{display:flex;flex-direction:column;gap:12px;margin-top:12px}.batch-fields .field{margin-bottom:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-row.triple{grid-template-columns:1fr 1fr 1fr}.id-pair{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);margin:4px 0 12px}.tax-edit{margin:4px 0 16px}.tax-edit-line{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;font-size:14px}.tax-edit-name{flex:1;min-width:0;text-align:left}.tax-edit-amt{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0;text-align:right}.add-tax-link{display:inline-block;margin:8px 0 12px;font-weight:600}.add-tax-link:disabled{opacity:.38;pointer-events:none}.batch-count{font-weight:700;margin-top:0}.page-tabs{display:flex;gap:0;border-bottom:1px solid var(--divider);margin-bottom:16px}.page-tabs button{height:48px;padding:0 16px;border:0;background:transparent;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--muted);font-weight:500;text-transform:none}.page-tabs button.on{color:var(--primary);font-weight:600;border-bottom-color:var(--primary)}.invoice-filters{margin-bottom:12px}.invoice-preview-card{background:#fff;border-radius:var(--radius);box-shadow:var(--elevation-1);padding:16px 20px 24px;height:100%;min-height:0;overflow:auto}.invoice-preview-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.invoice-sheet h3{margin:0 0 12px;font-size:20px;font-weight:800}.invoice-kicker{margin:0 0 4px;font-size:12px;font-weight:700;letter-spacing:1.2px;color:var(--muted)}.invoice-meta{display:grid;gap:4px;margin:0 0 16px}.invoice-meta div{display:flex;justify-content:space-between;gap:12px;font-size:13px}.invoice-meta dt{color:var(--muted)}.invoice-meta dd{margin:0;font-weight:600}.invoice-sheet h4{margin:16px 0 8px;font-size:14px}.status-chip{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:12px;font-size:12px;font-weight:600;background:#e8f5e9;color:#2e7d32}.status-chip.overdue{background:#fdecea;color:var(--danger)}.status-chip.paid{background:#eee;color:var(--muted)}.status-chip.unpaid{background:#fff4e5;color:var(--warn-text)}.dialog-full{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;z-index:25;display:flex;flex-direction:column}.dialog-full-head{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;box-shadow:var(--elevation-1)}.dialog-full-head h2{margin:0;font-size:20px}.dialog-full-head .muted{margin:2px 0 0}.dialog-full-head .icon-btn{font-size:24px;color:var(--text)}.dialog-tabs{padding:0 16px}.dialog-full-body{flex:1;overflow:auto;padding:16px 24px 32px}.invoice-summary-wrap{max-width:480px}.tree-grid .tree-parent td:first-child{display:flex;align-items:center;gap:4px;font-weight:600}.tree-toggle{width:28px;height:28px;border:0;background:transparent;display:grid;place-items:center;color:var(--muted)}.tree-toggle svg{fill:currentColor}.tree-toggle.open svg{transform:rotate(0)}.tree-toggle:not(.open) svg{transform:rotate(-90deg)}.tree-child td:first-child{padding-left:36px}.tree-child.on-parent{background:#005c6608}.embedded-charges .grid-scroll{max-height:calc(100vh - 260px)}.form-divider{border:0;border-top:1px solid var(--divider);margin:8px 0 16px}.field-message{display:block;margin-top:4px;font-size:12px;color:var(--muted)}.tax-create{margin:8px 0 16px}.tax-create-line{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;font-size:14px;font-weight:700}.tax-create-amt{display:flex;align-items:center;gap:4px;font-weight:700}.x-teal{border:0;background:none;color:var(--primary);font-size:16px;font-weight:700;width:28px;height:28px;padding:0;letter-spacing:0;text-transform:none}.x-teal:hover{background:var(--primary-hover);border-radius:50%}.batch-tax-table{margin-top:16px;padding-top:8px;border-top:1px solid var(--divider)}.batch-tax-head,.batch-tax-row{display:grid;grid-template-columns:1fr 72px 36px;align-items:center;gap:8px;min-height:40px}.batch-tax-head{font-size:13px;font-weight:600;color:var(--muted)}.batch-tax-row{font-size:14px}.batch-tax-more{position:relative}.batch-tax-more .menu{right:0;top:auto;bottom:36px;min-width:180px}.tax-preview-box{border:1px solid #ddd;border-radius:8px;padding:12px 16px}.tax-preview-item{padding:6px 0}.tax-preview-label{display:flex;align-items:baseline;gap:8px}.tax-preview-item strong{font-size:14px}.tax-preview-box .tax-switch-row:last-child{border-bottom:0}.tax-preview-box+.add-tax-link{margin-top:4px}.tax-switch-row{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 0;border-bottom:1px solid var(--divider)}.tax-switch-row .grow{flex:1;min-width:0}.tax-switch-row strong{display:block;font-size:14px}.exempt-label{font-size:13px;color:var(--muted);white-space:nowrap}.menu-sep{height:1px;background:var(--divider);margin:6px 0}.no-spin::-webkit-outer-spin-button,.no-spin::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.no-spin{-moz-appearance:textfield}.recalc-lead{font-weight:500;margin:0 0 12px}.recalc-foot-right{display:flex;gap:8px}.recalc-radio{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px;font-size:14px}.recalc-radio>span{display:grid;gap:8px;flex:1;min-width:0}.recalc-radio>input[type=radio]{width:20px;height:20px;margin:0;flex:0 0 20px;accent-color:var(--primary)}.recalc-input,.recalc-select,.recalc-range-btn{width:100%;height:40px;border:1px solid var(--input-border);border-radius:var(--radius);background:#fff;color:var(--text);padding:0 14px;font-size:16px;line-height:1.25;letter-spacing:.15px}.recalc-input:hover:not(:disabled),.recalc-select:hover:not(:disabled),.recalc-range-btn:hover:not(:disabled){border-color:#000}.recalc-input:focus,.recalc-select:focus,.recalc-range-btn:focus{outline:0;border-color:var(--input-focus);border-width:2px;padding:0 13px}.recalc-input:disabled,.recalc-select:disabled,.recalc-range-btn:disabled{background:#f5f5f5;color:#00000061;cursor:default}.recalc-range-btn{text-align:left;color:var(--muted)}.recalc-range-btn.error{border-color:var(--danger);color:var(--danger)}.field-error{color:var(--danger);font-size:12px;line-height:1.66;letter-spacing:.4px}.recalc-customer{display:grid;gap:6px;font-size:12px;color:var(--label)}.recalc-alert{margin-top:8px}.dual-cal{border:1px solid var(--input-border);border-radius:var(--radius);padding:8px;position:relative}.dual-cal-nav{display:flex;justify-content:space-between;position:absolute;left:4px;right:4px;top:4px}.cal-nav-btn{width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:var(--primary);display:inline-grid;place-items:center;padding:0;font-size:20px;line-height:1}.cal-nav-btn:hover,.cal-day:hover{background:#0000000a}.cal-nav-btn:focus-visible,.cal-day:focus-visible{outline:3px solid rgba(0,99,110,.3);outline-offset:1px}.dual-cal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.month-title{text-align:center;font-size:13px;font-weight:600;margin-bottom:8px}.month-weekdays,.month-days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:12px}.month-weekdays{color:var(--muted);margin-bottom:4px}.cal-day{border:0;background:transparent;height:28px;border-radius:14px;cursor:pointer;color:var(--text);font-size:12px}.cal-day.in{background:var(--primary-selected)}.cal-day.edge{background:var(--primary);color:#fff}.cal-day.edge:hover{background:var(--primary-dark)}.snack.persist{background:#323232;color:#fff;align-items:flex-start;gap:12px;min-width:320px;padding:12px 16px}.snack-copy{display:grid;gap:2px}.snack-copy strong{font-size:14px;font-weight:600}.charges-for{width:50%;min-height:40px;margin-bottom:8px;gap:8px;font-size:20px;font-weight:500}.charges-for strong{font-weight:900}.charges-for select{flex:1;font-size:16px}.filter-card{display:grid;grid-template-columns:200px 200px 160px 200px;gap:0;padding:0;margin-bottom:8px;overflow:visible}.filter-search{grid-column:1 / -1;width:100%;padding:16px;gap:0}.filter-search select{width:200px;max-width:none;border-radius:4px 0 0 4px;border-right:0}.filter-search-input{border-radius:0 4px 4px 0;padding-right:2px}.filter-search-submit{width:40px;height:38px;border:0;border-radius:50%;background:transparent;color:var(--primary);display:grid;place-items:center}.filter-search-submit:hover{background:var(--primary-hover)}.filter-search-submit svg{fill:currentColor}.filter-card>.filter-pop{min-width:0}.filter-card>.filter-pop:nth-of-type(4){width:160px}.filter-card>.filter-pop .filter-btn{width:100%;height:60px;padding:20px;justify-content:center;border:1px solid #e4e4e4;border-radius:0;color:#555;font-weight:400;line-height:19px;position:relative}.filter-card>.filter-pop .filter-btn.on{background:#e4e4e4}.filter-applied{position:absolute;top:4px;right:6px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;color:#ff9d00;font-size:14px;font-weight:900}.production-filter-fields{width:230px;padding:16px}.production-filter-fields .field{margin-bottom:16px}.production-filter-fields .field:last-child{margin-bottom:0}.multi-select-box{position:relative}.multi-select-box summary{list-style:none;height:40px;border:1px solid var(--input-border);border-radius:var(--radius);padding:9px 34px 9px 12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.multi-select-box summary::-webkit-details-marker{display:none}.multi-select-box summary:after{content:"▾";position:absolute;right:12px}.multi-select-options{position:absolute;top:40px;left:0;width:260px;max-height:230px;overflow:auto;background:#fff;border:1px solid #bbb;z-index:10;box-shadow:var(--elevation-8)}.date-range-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 0}.filter-date-presets{margin:4px -16px -12px;padding-top:8px;border-top:1px solid var(--divider)}.filter-card .filter-menu{top:60px;min-width:230px;max-height:none;overflow:visible}.filter-card>.filter-pop:nth-of-type(2) .filter-menu{min-width:330px}.grid-toolbar{background:#fff;border:1px solid var(--border);border-bottom:0;margin:0;min-height:52px;padding:8px 8px 8px 16px}.toolbar-actions>.filter-pop .btn{gap:8px}.toolbar-actions>.filter-pop .filter-menu{left:auto;right:0}.button-plus{font-size:22px;line-height:1;font-weight:300}.selection-alert{min-height:34px;display:flex;align-items:center;gap:8px;padding:5px 12px;background:var(--info-bg);border:1px solid rgba(2,136,209,.5);border-radius:var(--radius);color:var(--info-text)}.selection-alert i{width:5px;height:5px;border-radius:50%;background:var(--primary)}.selection-alert button{border:0;padding:0;background:transparent;color:var(--primary);text-decoration:underline}.workbench{gap:0}.data-card{border-radius:0 0 var(--radius) var(--radius);box-shadow:none;border:1px solid var(--border)}.workbench.has-preview{grid-template-columns:minmax(0,1fr) 420px;gap:16px}.data-table th,.data-table td{height:52px;padding:0 12px;border-bottom:1px solid var(--divider)}.data-table th{height:40px;background:#fafafa;color:var(--text);font-size:12px;font-weight:500;letter-spacing:.17px;position:sticky;top:0;z-index:2}.data-table .check-col{width:48px;min-width:48px;text-align:center;position:sticky;left:0;z-index:3;background:#fff}.data-table th.check-col{background:#fafafa;z-index:4}.data-table tbody tr.on .check-col{background:#edf5f6}.data-table tbody tr:hover .check-col{background:#f5f5f5}.grid-foot{min-height:52px;align-items:center}.detail-history{margin:20px 0 0}.detail-history h4{margin:0 0 10px;font-size:12px;line-height:17px;font-weight:700}.history-box{display:grid;grid-template-columns:45% 55%;border:1px solid #bbb;border-radius:6px;margin-bottom:10px;background:#f5f5f5;overflow:hidden;font-size:12px}.history-box.adjustment{background:#cce4f8}.history-box dl{margin:0;padding:10px 15px;border-right:1px solid #bbb}.history-box dl>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:5px 0}.history-box dt{font-weight:400}.history-box dd{margin:0;font-weight:700;overflow-wrap:anywhere}.history-box p{margin:0;padding:15px;background:#fff;line-height:17px}.change-reason-field{padding:28px 12px 12px}.change-reason-field label{display:block;margin-bottom:6px;font-size:12px;color:var(--label)}.change-reason-field textarea{width:100%;min-height:230px;resize:vertical;padding:14px;border:1px solid #bbb;border-radius:6px;background:#f5f5f5;font:inherit}.change-reason-field textarea:focus{outline:2px solid var(--input-focus);outline-offset:-2px}
