:root{color-scheme:light;--ink:#080b10;--muted:#666a72;--line:#dedede;--panel:#fff;--page:#f7f7f6;--green:#2d6848;--red:#963033;--purple:#9678ef;--orange:#f06423;--shadow:none;font-family:Manrope,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--page);color:var(--ink)}button,select{font:inherit}.app-shell{min-height:100vh}.main-header{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:200px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:68px;padding:0 10px;border-bottom:1px solid var(--line);background:#fff}.brand-lockup{display:flex;align-items:center;gap:10px;min-width:0}.logo-mark{display:grid;line-height:.82;font-weight:900;color:#2f3033}.logo-mark span{font-size:18px}.logo-mark strong{font-size:25px}.brand-lockup h1{margin:0;font-size:16px;letter-spacing:0}.brand-lockup p{margin:4px 0 0;color:#646464;font-size:10px;letter-spacing:4px}.main-nav{display:flex;align-items:stretch;gap:4px;min-width:0;overflow-x:auto;height:68px}.module-tab{display:flex;align-items:center;gap:9px;min-height:44px;padding:0 13px;border:0;border-bottom:2px solid transparent;background:transparent;color:#454850;cursor:pointer;white-space:nowrap}.module-tab span{display:grid;width:18px;height:18px;place-items:center;color:#777}.module-tab.is-active{border-bottom-color:#1f4f3a;color:#0c1014;font-weight:700}.account-area{display:flex;align-items:center;gap:10px;height:100%;padding-left:8px}.admin-button{width:36px;height:36px;justify-content:center;padding:0;background:#f5f5f4}.admin-copy{display:grid;gap:2px;padding-right:14px;border-right:1px solid var(--line)}.admin-copy strong{font-size:14px}.admin-copy small{font-size:10px;letter-spacing:3px;color:#666}.logout-button{display:flex;align-items:center;gap:9px;min-height:40px;border:0;background:transparent;color:#191b20;cursor:pointer}.module-view{display:none;padding:16px 10px 28px}.module-view.is-active{display:block}.dashboard-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:32px}.dashboard-toolbar h2{margin:0;font-size:28px}.eyebrow{margin:0 0 9px;color:#6d6060;font-size:11px;font-weight:800;letter-spacing:5px;text-transform:uppercase}.fx-status{margin:8px 0 0;color:#667085;font-size:14px}.toolbar{display:flex;align-items:center;gap:10px}.segmented{display:flex;padding:3px;border:1px solid var(--line);background:#fff}.company-filter{min-width:54px;min-height:34px;border:0;background:transparent;color:var(--muted);cursor:pointer}.company-filter.is-active{background:#173f2e;color:#fff}select{min-height:42px;padding:0 34px 0 12px;border:1px solid var(--line);background:#fff;color:var(--ink)}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:32px}.metric,.panel,.module-shell{border:1px solid var(--line);background:var(--panel)}.metric{min-height:146px;padding:26px}.metric p,.metric span{margin:0;color:var(--muted)}.metric p{font-size:11px;font-weight:800;letter-spacing:5px;text-transform:uppercase}.metric strong{display:block;margin:17px 0 12px;font-size:34px;font-weight:400;line-height:1.05;letter-spacing:1px}.metric:nth-child(1) strong{color:#174f38}.metric:nth-child(2) strong{color:#8f2d31}.metric span.positive{color:var(--green)}.metric span.negative{color:var(--red)}.panel{padding:26px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.panel h3,.module-shell h2{margin:0;font-size:18px}.entity-panel{margin-bottom:32px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(360px,1fr);gap:20px;margin-bottom:32px}.lower-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.75fr)}.icon-button,.primary-button,.secondary-button{min-height:38px;border:0;cursor:pointer}.icon-button{width:38px;background:#fff;color:#777;font-size:18px}.primary-button{padding:0 15px;background:#1f4f3a;color:#fff;font-weight:700}.secondary-button{padding:0 15px;border:1px solid var(--line);background:#fff;color:#111;font-weight:700}.company-bars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.company-row{display:grid;gap:10px;padding:22px;border:1px solid var(--line)}.company-row__top,.bar-labels{display:flex;justify-content:space-between;gap:12px}.company-row__top strong{font-size:14px}.company-row__top span{color:var(--green);font-family:Consolas,monospace}.bar-labels{color:var(--muted);font-size:12px}.bar-track{position:relative;overflow:hidden;height:7px;background:#f0f0ef}.bar-income,.bar-expense{position:absolute;inset:0 auto 0 0}.bar-income{background:var(--green)}.bar-expense{background:var(--red)}.chart-panel{min-height:474px}.flow-panel{min-height:474px}.total-expenses{color:var(--red);font-weight:800}.pie-layout{display:grid;grid-template-columns:1fr;align-items:center;gap:18px}#expensePie{width:100%;max-width:280px;aspect-ratio:1;margin:10px auto}.legend{display:grid;gap:10px}.legend-item{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:9px;color:#444a55;font-size:14px}.legend-dot{width:10px;height:10px}.legend-value{color:var(--ink);font-family:Consolas,monospace}#cashflowChart{width:100%;height:280px;display:block}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:13px 10px;border-bottom:1px solid #ececeb;text-align:left;white-space:nowrap}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:2px}td:last-child,th:last-child,th:nth-child(6),td:nth-child(6){text-align:right}.amount-income{color:var(--green);font-weight:800}.amount-expense{color:var(--red);font-weight:800}.currency-badge{display:inline-grid;min-width:44px;height:22px;margin-left:6px;place-items:center;background:#f2f2f1;color:#18212f;font-size:12px;font-weight:800}.rate-cell{display:block;color:#18212f;font-weight:800}td small{display:block;margin-top:3px;color:#667085;font-size:11px}.placeholder-compact{min-height:220px}.mini-chart-line{height:110px;margin-top:20px;background:linear-gradient(135deg,transparent 0 20%,#2d6848 20% 22%,transparent 22% 43%,#2d6848 43% 45%,transparent 45% 65%,#f06423 65% 67%,transparent 67%)}.module-shell{max-width:1180px;min-height:520px;margin:0 auto;padding:34px}.module-shell p{max-width:760px;color:#5f636b;line-height:1.6}.module-actions{display:flex;gap:10px;margin-top:24px}.placeholder-list{display:grid;gap:12px;max-width:560px;margin-top:28px}.placeholder-list span,.user-row,.setting-line,.owner-grid div{display:flex;justify-content:space-between;padding:18px;border:1px solid var(--line);background:#fff}.budget-grid,.owner-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}.budget-grid div{height:120px;border:1px solid var(--line);background:linear-gradient(to top,#2d6848 45%,#fff 45%)}.user-row{max-width:560px;margin-top:12px}.setting-line{max-width:560px;margin-top:12px}@media (max-width:1160px){.main-header{grid-template-columns:1fr;align-items:start;padding:12px}.main-nav{height:auto}.account-area{justify-self:start}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.lower-grid{grid-template-columns:1fr}.company-bars{grid-template-columns:1fr}}@media (max-width:720px){.module-view{padding:12px}.dashboard-toolbar,.toolbar{align-items:stretch;flex-direction:column}.segmented,select{width:100%}.company-filter{flex:1}.metrics-grid{grid-template-columns:1fr}.panel,.metric,.module-shell{padding:18px}.brand-lockup p{letter-spacing:2px}.budget-grid,.owner-grid{grid-template-columns:1fr}}.categories-page{padding:20px 4px 44px}.categories-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:28px}.categories-header h2{margin:0;font-size:34px;font-weight:400;letter-spacing:0}.categories-header p:not(.eyebrow){margin:6px 0 0;color:#5f636b;font-size:14px}.new-category-button{display:flex;align-items:center;gap:12px;min-height:37px;margin-top:0;padding:0 18px;border:0;background:#174f38;color:#fff;font-weight:800;cursor:pointer}.new-category-button span{font-size:20px;font-weight:400;line-height:1}.category-section{margin-top:26px}.category-section>.eyebrow{margin-bottom:14px}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:12px}.category-card{display:grid;grid-template-columns:12px minmax(0,1fr) 28px;align-items:center;gap:12px;min-height:52px;padding:0 16px;border:1px solid var(--line);background:#fff}.category-card strong{font-size:14px;font-weight:500}.category-swatch{width:12px;height:12px}.swatch-grey{background:#817d78}.swatch-green{background:#245b41}.swatch-orange{background:#e87508}.swatch-red{background:#963033}.swatch-purple{background:#9579ef}.delete-category{display:grid;width:28px;height:28px;place-items:center;border:0;background:transparent;color:#aaa;cursor:pointer;font-size:17px}.delete-category:hover{color:#963033}.category-card:hover{border-color:#c9c9c7}@media (max-width:980px){.category-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.categories-header{flex-direction:column}.new-category-button{align-self:flex-start}}@media (max-width:620px){.category-grid{grid-template-columns:1fr}.categories-page{padding:12px 0 32px}.categories-header h2{font-size:30px}}.budgets-page{padding:20px 4px 44px}.budgets-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.budgets-header h2{margin:0;font-size:34px;font-weight:400;letter-spacing:0}.budgets-header p:not(.eyebrow){margin:6px 0 0;color:#5f636b;font-size:14px}.new-budget-button{display:flex;align-items:center;gap:12px;min-height:37px;padding:0 18px;border:0;background:#174f38;color:#fff;font-weight:800;cursor:pointer}.new-budget-button span{font-size:20px;font-weight:400;line-height:1}.budget-empty{display:grid;min-height:150px;place-items:center;border:1px solid var(--line);background:#fff;color:#a09499;font-size:14px}.budget-form{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,.7fr) minmax(160px,.55fr) auto;gap:12px;align-items:end;margin-bottom:18px;padding:18px;border:1px solid var(--line);background:#fff}.budget-form label{display:grid;gap:8px;color:#5f636b;font-size:12px}.budget-form input,.budget-form select{width:100%;min-height:40px;border:1px solid var(--line);background:#fff;padding:0 11px}.budget-form-actions{display:flex;gap:8px}.budget-list{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:12px}.budget-card{padding:18px;border:1px solid var(--line);background:#fff}.budget-card.is-exceeded{border-color:#963033}.budget-card-top{display:flex;justify-content:space-between;gap:16px}.budget-card h3{margin:0;font-size:18px}.delete-budget{display:grid;width:28px;height:28px;place-items:center;border:0;background:transparent;color:#aaa;cursor:pointer;font-size:17px}.delete-budget:hover{color:#963033}.budget-values{display:flex;justify-content:space-between;gap:14px;margin-top:20px;color:#5f636b;font-size:13px}.budget-values strong{color:#111;font-weight:700}.budget-meter{height:8px;margin-top:10px;background:#f0f0ef;overflow:hidden}.budget-meter span{display:block;height:100%;background:#2d6848}.budget-card.is-exceeded .budget-meter span{background:#963033}.budget-alert{margin:12px 0 0;color:#5f636b;font-size:13px}.budget-card.is-exceeded .budget-alert{color:#963033;font-weight:800}@media (max-width:1120px){.budget-list{grid-template-columns:repeat(2,minmax(240px,1fr))}.budget-form{grid-template-columns:1fr 1fr}}@media (max-width:680px){.budgets-header{flex-direction:column}.budget-list,.budget-form{grid-template-columns:1fr}.new-budget-button{align-self:flex-start}}.modal-open{overflow:hidden}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.72)}.modal-backdrop[hidden]{display:none}.transaction-modal{position:relative;width:min(512px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto;padding:24px;background:#fff;box-shadow:0 18px 50px rgba(0,0,0,.35)}.transaction-modal h2{margin:0 0 22px;font-size:18px}.modal-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border:0;background:transparent;color:#555;font-size:24px;cursor:pointer}.transaction-modal form{display:grid;gap:18px}.transaction-type-toggle,.company-toggle{display:grid;grid-template-columns:1fr 1fr;background:#f7f7f6}.transaction-type-toggle button,.company-toggle button{min-height:34px;border:0;background:transparent;color:#716d6b;font-weight:700;cursor:pointer}.transaction-type-toggle button.is-active{background:#963033;color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.18)}.company-toggle button.is-active{background:#174f38;color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.18)}.form-grid{display:grid;gap:12px}.two-cols{grid-template-columns:1fr 1fr}.transaction-modal label{display:grid;gap:9px}.transaction-modal label>span{color:#756f6f;font-size:12px;font-weight:800;letter-spacing:4px;text-transform:uppercase}.transaction-modal input,.transaction-modal select,.transaction-modal textarea{width:100%;min-height:36px;border:1px solid #e2e2e0;background:#fff;padding:0 13px;color:#222;font:inherit;box-shadow:0 1px 3px rgba(0,0,0,.05)}.transaction-modal textarea{min-height:60px;padding:10px 13px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:2px}@media (max-width:560px){.transaction-modal{padding:20px}.two-cols{grid-template-columns:1fr}.modal-actions{justify-content:stretch}.modal-actions button{flex:1}}.owners-page{padding:20px 10px 44px}.owners-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.owners-header h2{margin:0;font-size:34px;font-weight:400;letter-spacing:0}.owners-header p:not(.eyebrow){margin:6px 0 0;color:#5f636b;font-size:14px}.owners-actions{display:flex;gap:8px;align-items:center}.new-owner-entry-button{display:flex;align-items:center;gap:12px;min-height:37px;padding:0 18px;border:0;background:#174f38;color:#fff;font-weight:800;cursor:pointer}.new-owner-entry-button span{font-size:20px;font-weight:400}.owner-cards{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:16px;margin-bottom:24px}.owner-card{min-height:250px;padding:26px;border:1px solid var(--line);background:#fff}.owner-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.owner-card h3{margin:0 0 6px;font-size:16px}.owner-card p{margin:0;color:#756f6f;font-size:11px;font-weight:800;letter-spacing:4px;text-transform:uppercase}.owner-balance{display:block;margin:24px 0 20px;padding-bottom:22px;border-bottom:1px solid #ececeb;color:#174f38;font-size:30px;font-weight:400}.owner-card.is-negative .owner-balance{color:#963033}.owner-company-line{display:flex;justify-content:space-between;gap:12px;margin-top:16px}.owner-company-line span{color:#18212f}.owner-company-line strong{font-weight:400}.delete-owner,.delete-owner-entry{display:grid;width:28px;height:28px;place-items:center;border:0;background:transparent;color:#aaa;cursor:pointer;font-size:17px}.delete-owner:hover,.delete-owner-entry:hover{color:#963033}.owners-table-panel{border:1px solid var(--line);background:#fff}.owners-table{min-width:980px}.owner-entry-type{display:inline-grid;min-height:20px;place-items:center;padding:0 8px;background:#eef6f1;color:#236246;font-size:12px}.owner-entry-type.withdrawal{background:#faeeee;color:#963033}.owner-entry-type.repayment{background:#eef3f7;color:#2e77d0}.owner-entry-modal{position:relative;width:min(520px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto;padding:24px;background:#fff;box-shadow:0 18px 50px rgba(0,0,0,.35)}.owner-entry-modal h2{margin:0 0 22px;font-size:18px}.owner-entry-modal form{display:grid;gap:18px}.owner-entry-modal label{display:grid;gap:9px}.owner-entry-modal label>span{color:#756f6f;font-size:12px;font-weight:800;letter-spacing:4px;text-transform:uppercase}.owner-entry-modal input,.owner-entry-modal select,.owner-entry-modal textarea{width:100%;min-height:36px;border:1px solid #e2e2e0;background:#fff;padding:0 13px;color:#222;font:inherit;box-shadow:0 1px 3px rgba(0,0,0,.05)}.owner-entry-modal textarea{min-height:70px;padding:10px 13px;resize:vertical}.owner-entry-note{margin:0;color:#756f6f;font-size:13px}@media (max-width:1100px){.owner-cards{grid-template-columns:1fr}.owners-header{flex-direction:column}.owners-actions{flex-wrap:wrap}}@media (max-width:620px){.owners-page{padding:12px 0 32px}.owners-actions{width:100%}.owners-actions button{flex:1}.owner-entry-modal .two-cols{grid-template-columns:1fr}}.settings-page{max-width:980px;padding:20px 14px 44px}.settings-header{margin-bottom:26px}.settings-header h2{margin:0;font-size:34px;font-weight:400}.settings-panel{margin-bottom:24px;padding:32px;border:1px solid var(--line);background:#fff}.profile-picture-row{display:flex;align-items:center;gap:20px}.avatar-preview{display:grid;width:80px;height:80px;place-items:center;border:1px solid var(--line);background:#f5f5f4;color:#9a9692;font-size:34px;overflow:hidden}.avatar-preview img{width:100%;height:100%;object-fit:cover}.upload-picture-button{display:inline-flex;align-items:center;gap:12px;min-height:38px;padding:0 18px;border:1px solid var(--line);background:#fff;font-weight:800;cursor:pointer}.settings-help{margin:10px 0 0;color:#a09499;font-size:12px}.settings-field{display:grid;gap:10px;max-width:448px;margin-bottom:26px}.settings-field span{color:#756f6f;font-size:12px;font-weight:800;letter-spacing:4px;text-transform:uppercase}.settings-field input{min-height:37px;border:1px solid #e2e2e0;background:#fff;padding:0 13px;font:inherit;box-shadow:0 1px 3px rgba(0,0,0,.05)}.settings-field small{color:#9a9292}.settings-divider{height:1px;margin:6px 0 18px;background:#dedede}.settings-message{min-height:18px;margin:12px 0 0;color:#174f38;font-size:13px}.settings-message.is-error{color:#963033}@media (max-width:620px){.settings-page{padding:12px 0 32px}.settings-panel{padding:20px}.profile-picture-row{align-items:flex-start;flex-direction:column}}.transactions-page{padding:20px 10px 44px}.transactions-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.transactions-header h2{margin:0;font-size:34px;font-weight:400;letter-spacing:0}.transactions-header p:not(.eyebrow){margin:6px 0 0;color:#5f636b;font-size:14px}.transactions-actions{display:flex;gap:8px;align-items:center}.new-transaction-button{display:flex;align-items:center;gap:12px;min-height:37px;padding:0 18px;border:0;background:#174f38;color:#fff;font-weight:800;cursor:pointer}.new-transaction-button span{font-size:20px;font-weight:400}.transactions-table-panel{border:1px solid var(--line);background:#fff}.transactions-table{min-width:1120px}.delete-transaction{display:grid;width:28px;height:28px;place-items:center;border:0;background:transparent;color:#aaa;cursor:pointer;font-size:17px}.delete-transaction:hover{color:#963033}@media (max-width:760px){.transactions-header{flex-direction:column}.transactions-actions{width:100%;flex-wrap:wrap}.transactions-actions button{flex:1}}.transaction-form-message{min-height:18px;margin:0;color:#963033;font-size:13px}.editable-transaction{cursor:pointer}.editable-transaction:hover{background:#fafafa}.import-status{margin:8px 0 0;color:#667085;font-size:13px}.import-excel-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.transactions-table{min-width:1320px}.date-picker-wrap{position:relative;display:grid}.date-picker-wrap #transactionDate{padding-right:42px}.date-picker-button{position:absolute;right:1px;top:1px;width:36px;min-height:34px;border:0;border-left:1px solid #e2e2e0;background:#fff;color:#555;cursor:pointer;font-size:16px}.date-picker-button:hover{background:#f7f7f6;color:#174f38}.date-picker-native{position:absolute;right:1px;top:1px;z-index:2;width:36px!important;height:34px!important;min-height:34px!important;padding:0!important;border:0!important;opacity:0;cursor:pointer}
.project-panel{margin-bottom:32px}.panel-note{color:#667085;font-size:13px;font-weight:700}.project-table{min-width:760px}.project-table td:first-child strong{display:block;font-size:14px}.project-table td:first-child small{display:block;margin-top:4px;color:#667085;font-size:12px}.project-share-wrap{display:grid;grid-template-columns:46px 130px;align-items:center;justify-content:end;gap:10px}.project-share-wrap>strong{font-size:13px;text-align:right}.project-share{width:130px;height:8px;background:#f0f0ef;overflow:hidden}.project-share span{display:block;height:100%;background:#2d6848}.project-share span.is-negative{background:#963033}.project-empty{height:76px;color:#9a9292;text-align:center!important}
thead th{position:sticky;top:68px;z-index:6;background:#fff;box-shadow:0 1px 0 #ececeb}.table-wrap{overflow:visible}.transactions-table-panel,.owners-table-panel,.project-table-wrap{overflow:visible}@media (max-width:1160px){thead th{top:0}}
[data-sort],[data-owner-sort]{cursor:pointer;user-select:none;white-space:nowrap}
[data-sort],[data-owner-sort],[data-invoice-sort]{cursor:pointer;user-select:none;white-space:nowrap}
[data-sort]::after,[data-owner-sort]::after,[data-invoice-sort]::after{content:"";display:inline-block;width:12px;margin-left:6px;color:#174f38;font-size:10px}
[data-sort].is-sorted::after,[data-owner-sort].is-sorted::after,[data-invoice-sort].is-sorted::after{content:"▲"}
[data-sort].is-sorted[data-direction="desc"]::after,[data-owner-sort].is-sorted[data-direction="desc"]::after,[data-invoice-sort].is-sorted[data-direction="desc"]::after{content:"▼"}
[data-sort].is-sorted,[data-owner-sort].is-sorted,[data-invoice-sort].is-sorted{color:#174f38}
.transactions-table{table-layout:fixed;min-width:1320px}.transactions-table th,.transactions-table td{text-align:left!important;overflow:hidden;text-overflow:ellipsis}.transactions-table th:nth-child(1),.transactions-table td:nth-child(1){width:92px}.transactions-table th:nth-child(2),.transactions-table td:nth-child(2){width:64px}.transactions-table th:nth-child(3),.transactions-table td:nth-child(3){width:78px}.transactions-table th:nth-child(4),.transactions-table td:nth-child(4){width:118px}.transactions-table th:nth-child(5),.transactions-table td:nth-child(5){width:90px}.transactions-table th:nth-child(6),.transactions-table td:nth-child(6){width:190px;text-align:left!important;white-space:normal;overflow-wrap:anywhere;line-height:1.35}.transactions-table th:nth-child(7),.transactions-table td:nth-child(7){width:420px;white-space:normal;overflow-wrap:anywhere;line-height:1.35}.transactions-table th:nth-child(8),.transactions-table td:nth-child(8){width:190px;white-space:nowrap}.transactions-table th:nth-child(9),.transactions-table td:nth-child(9){width:150px;white-space:nowrap}.transactions-table th:nth-child(10),.transactions-table td:nth-child(10){width:28px;padding-left:0;padding-right:0}.transactions-table .amount-income,.transactions-table .amount-expense{white-space:nowrap}.transactions-table .delete-transaction{width:24px;height:24px;font-size:0}.transaction-fx-info{padding:14px 16px;border:1px solid #e2e2e0;background:#fafafa}.transaction-fx-info .eyebrow{margin-bottom:12px}.fx-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fx-info-grid div{display:grid;gap:4px}.fx-info-grid span{color:#756f6f;font-size:11px;font-weight:800;letter-spacing:3px;text-transform:uppercase}.fx-info-grid strong{font-size:14px}.transaction-fx-info small{display:block;margin-top:10px;color:#667085;font-size:12px}@media (max-width:560px){.fx-info-grid{grid-template-columns:1fr}}
.transaction-filters{display:grid;grid-template-columns:minmax(220px,1.35fr) repeat(5,minmax(140px,.8fr)) repeat(2,minmax(130px,.65fr)) auto;gap:10px;align-items:end;margin-bottom:14px;padding:14px;border:1px solid var(--line);background:#fff}.transaction-filters label{display:grid;gap:7px}.transaction-filters span{color:#756f6f;font-size:11px;font-weight:800;letter-spacing:3px;text-transform:uppercase}.transaction-filters input,.transaction-filters select{width:100%;min-height:38px;border:1px solid #e2e2e0;background:#fff;padding:0 11px;font:inherit}.filter-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end}.filter-actions strong{white-space:nowrap;color:#667085;font-size:13px}.transactions-empty{height:92px;text-align:center!important;color:#9a9292}@media (max-width:1320px){.transaction-filters{grid-template-columns:repeat(4,minmax(150px,1fr))}.filter-actions{justify-content:flex-start}}@media (max-width:720px){.transaction-filters{grid-template-columns:1fr}}

.transaction-summary{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:10px;margin:-4px 0 14px}.transaction-summary article{display:grid;gap:6px;min-height:72px;padding:14px 16px;border:1px solid var(--line);background:#fff}.transaction-summary span{color:#756f6f;font-size:11px;font-weight:800;letter-spacing:3px;text-transform:uppercase}.transaction-summary strong{font-size:20px;font-weight:800;white-space:nowrap}.transaction-summary article:nth-child(1) strong{color:var(--green)}.transaction-summary article:nth-child(2) strong{color:var(--red)}@media (max-width:900px){.transaction-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.transaction-summary{grid-template-columns:1fr}.transaction-summary strong{font-size:18px}}
body.is-regular-user .transaction-summary{display:none!important}
.transactions-page{--tx-filter-top:68px;--tx-summary-top:185px;--tx-table-head-top:286px}.transaction-filters{position:sticky;top:var(--tx-filter-top);z-index:20;margin-bottom:10px;box-shadow:0 1px 0 #ececeb,0 10px 18px rgba(247,247,246,.92)}.transaction-summary{position:sticky;top:var(--tx-summary-top);z-index:19;background:var(--page);padding-bottom:10px;margin-bottom:10px;box-shadow:0 1px 0 #ececeb,0 10px 18px rgba(247,247,246,.88)}.transactions-table thead th{top:var(--tx-table-head-top);z-index:18}body.is-regular-user .transactions-page{--tx-table-head-top:185px}@media (max-width:1320px){.transactions-page{--tx-summary-top:248px;--tx-table-head-top:349px}body.is-regular-user .transactions-page{--tx-table-head-top:248px}}@media (max-width:720px){.transactions-page{--tx-filter-top:0;--tx-summary-top:430px;--tx-table-head-top:735px}.transaction-filters,.transaction-summary{position:static}.transactions-table thead th{top:0}}
.sync-banner{padding:10px 16px;border-bottom:1px solid #e5d3a6;background:#fff7df;color:#5f4511;font-size:14px;font-weight:700}
.transactions-table th:nth-child(10),.transactions-table td:nth-child(10){width:44px!important;padding-left:4px!important;padding-right:4px!important;text-align:center!important}
.transactions-table .delete-transaction{display:inline-grid!important;width:28px!important;height:28px!important;min-height:28px!important;padding:0!important;place-items:center!important;border:0!important;background:transparent!important;color:#a7a19d!important;font-size:17px!important;font-weight:400!important;line-height:1!important}
.transactions-table .delete-transaction:hover{background:#faeeee!important;color:#963033!important}
.transactions-table .delete-transaction svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}

@media (max-width:900px){
body{overflow-x:hidden}
.app-shell{width:100%;max-width:100vw;overflow-x:hidden}
.main-header{grid-template-columns:1fr;gap:8px;align-items:start;min-height:0;padding:10px 12px}
.brand-lockup{width:100%}
.brand-lockup h1{font-size:15px}
.brand-lockup p{font-size:9px;letter-spacing:3px}
.main-nav{width:100%;height:auto;min-height:46px;overflow-x:auto;overflow-y:hidden;padding-bottom:3px;scrollbar-width:thin}
.module-tab{min-height:42px;padding:0 12px;flex:0 0 auto}
.account-area{width:100%;height:auto;justify-content:space-between;padding-left:0}
.admin-copy{padding-right:10px}
.logout-button{min-height:36px}
.module-view{width:100%;padding:14px 10px 28px;overflow:hidden}
.dashboard-toolbar,.transactions-header,.categories-header,.budgets-header,.owners-header{gap:14px;margin-bottom:18px}
.dashboard-toolbar h2,.transactions-header h2,.categories-header h2,.budgets-header h2,.owners-header h2,.settings-header h2{font-size:30px;line-height:1.1}
.eyebrow{letter-spacing:4px}
.toolbar{width:100%}
.segmented{width:100%}
.company-filter{flex:1}
.metrics-grid,.dashboard-grid,.lower-grid,.company-bars,.category-grid,.budget-list,.owner-cards{grid-template-columns:1fr}
.metric{min-height:118px;padding:20px}
.metric strong{font-size:30px}
.panel{padding:20px}
.chart-panel,.flow-panel{min-height:auto}
#cashflowChart{height:220px}
.legend-item{grid-template-columns:10px minmax(0,1fr);gap:8px}
.legend-value{grid-column:2;white-space:normal}
.transactions-page,.categories-page,.budgets-page,.owners-page,.settings-page{padding:14px 0 30px}
.transactions-actions,.owners-actions,.invoices-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.transactions-actions button,.transactions-actions label,.owners-actions button,.owners-actions label,.invoices-actions button,.invoices-actions label{width:100%;min-width:0}
.transaction-filters{position:static;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;margin-bottom:10px;box-shadow:none}
.filter-actions{grid-column:1/-1;justify-content:flex-start}
.transaction-summary{position:static;grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:0;margin:0 0 10px;background:transparent;box-shadow:none}
.transaction-summary article{min-height:68px;padding:12px}
.transaction-summary strong{font-size:18px}
.table-wrap,.transactions-table-panel,.owners-table-panel,.project-table-wrap{max-width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}
.transactions-table{min-width:1160px}
.transactions-table th,.transactions-table td{padding:12px 8px}
.transactions-table th:nth-child(6),.transactions-table td:nth-child(6){width:160px}
.transactions-table th:nth-child(7),.transactions-table td:nth-child(7){width:320px}
.transactions-table th:nth-child(8),.transactions-table td:nth-child(8){width:150px}
.transactions-table th:nth-child(9),.transactions-table td:nth-child(9){width:130px}
.transactions-table thead th,thead th{top:0}
.modal-backdrop{align-items:start;padding:8px}
.transaction-modal,.owner-entry-modal{width:100%;max-width:560px;max-height:calc(100dvh - 16px);padding:20px}
.two-cols{grid-template-columns:1fr}
.settings-panel{padding:22px}
}

@media (max-width:640px){
.main-header{padding:9px 10px}
.brand-lockup{gap:8px}
.logo-mark span{font-size:15px}
.logo-mark strong{font-size:21px}
.brand-lockup h1{font-size:14px}
.brand-lockup p{letter-spacing:2px}
.module-tab{gap:7px;padding:0 10px;font-size:14px}
.module-tab span{width:16px;height:16px}
.admin-copy small{letter-spacing:2px}
.dashboard-toolbar,.toolbar{align-items:stretch;flex-direction:column}
.dashboard-toolbar h2,.transactions-header h2,.categories-header h2,.budgets-header h2,.owners-header h2,.settings-header h2{font-size:28px}
.transactions-header,.categories-header,.budgets-header,.owners-header{flex-direction:column}
.transactions-actions,.owners-actions,.invoices-actions{grid-template-columns:1fr}
.new-transaction-button,.new-category-button,.new-budget-button,.new-owner-entry-button,.secondary-button,.primary-button{min-height:42px;justify-content:center}
.transaction-filters{grid-template-columns:1fr}
.transaction-summary{grid-template-columns:1fr}
.metric strong{font-size:28px;letter-spacing:0}
.panel,.metric,.module-shell,.settings-panel{padding:16px}
.company-row{padding:16px}
.company-row__top,.bar-labels,.budget-values,.owner-company-line{align-items:flex-start;flex-direction:column;gap:6px}
.category-card{min-height:50px;padding:0 12px}
.budget-form{grid-template-columns:1fr;padding:14px}
.budget-form-actions{display:grid;grid-template-columns:1fr 1fr}
.owner-card{min-height:0;padding:18px}
.owner-balance{font-size:27px}
.profile-picture-row{align-items:flex-start;flex-direction:column}
.settings-field{max-width:none}
.transaction-modal,.owner-entry-modal{max-width:none;min-height:calc(100dvh - 16px);padding:18px}
.transaction-modal form,.owner-entry-modal form{gap:14px}
.transaction-modal label>span,.owner-entry-modal label>span,.settings-field span{letter-spacing:3px}
.modal-actions{display:grid;grid-template-columns:1fr 1fr}
.modal-actions button{width:100%}
#cashflowChart{height:190px}
#expensePie{max-width:220px}
}
.project-combobox{position:relative;display:grid}
.project-combobox #transactionProject{padding-right:42px}
.project-menu-button{position:absolute;right:1px;top:1px;width:36px;min-height:34px;border:0;border-left:1px solid #e2e2e0;background:#fff;color:#222;cursor:pointer;font-size:12px}
.project-menu-button:hover{background:#f7f7f6;color:#174f38}
.project-options-menu{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:70;max-height:210px;overflow:auto;border:1px solid #d9d9d7;background:#fff;box-shadow:0 12px 28px rgba(0,0,0,.16)}
.project-option{display:block;width:100%;min-height:34px;padding:8px 12px;border:0;background:#fff;color:#222;text-align:left;font:inherit;cursor:pointer}
.project-option:hover{background:#f4f7f5;color:#174f38}
.project-option-empty{padding:10px 12px;color:#9a9292;font-size:13px}
.category-combobox{position:relative;display:grid}
.category-combobox #transactionCategory{padding-right:42px}
.category-menu-button{position:absolute;right:1px;top:1px;width:36px;min-height:34px;border:0;border-left:1px solid #e2e2e0;background:#fff;color:#222;cursor:pointer;font-size:12px}
.category-menu-button:hover{background:#f7f7f6;color:#174f38}
.category-options-menu{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:70;max-height:210px;overflow:auto;border:1px solid #d9d9d7;background:#fff;box-shadow:0 12px 28px rgba(0,0,0,.16)}
.category-option{display:block;width:100%;min-height:34px;padding:8px 12px;border:0;background:#fff;color:#222;text-align:left;font:inherit;cursor:pointer}
.category-option:hover{background:#f4f7f5;color:#174f38}
.category-option-empty{padding:10px 12px;color:#9a9292;font-size:13px}
.dashboard-project-row{cursor:pointer}
.dashboard-project-row:hover{background:#fafafa}
.dashboard-project-row:hover strong{color:#174f38}
.owner-filters{display:grid;grid-template-columns:minmax(220px,1.35fr) repeat(4,minmax(140px,.8fr)) repeat(2,minmax(130px,.65fr)) auto;gap:10px;align-items:end;margin-bottom:14px;padding:14px;border:1px solid var(--line);background:#fff}
.owner-filters label{display:grid;gap:7px}
.owner-filters span{color:#756f6f;font-size:11px;font-weight:800;letter-spacing:3px;text-transform:uppercase}
.owner-filters input,.owner-filters select{width:100%;min-height:38px;border:1px solid #e2e2e0;background:#fff;padding:0 11px;font:inherit}
.owner-summary{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:10px;margin:-4px 0 14px}
.owner-summary article{display:grid;gap:6px;min-height:72px;padding:14px 16px;border:1px solid var(--line);background:#fff}
.owner-summary span{color:#756f6f;font-size:11px;font-weight:800;letter-spacing:3px;text-transform:uppercase}
.owner-summary strong{font-size:20px;font-weight:800;white-space:nowrap}
.owner-summary article:nth-child(1) strong{color:var(--green)}
.owner-summary article:nth-child(2) strong{color:var(--red)}
.owners-empty{height:92px;text-align:center!important;color:#9a9292}
.owners-table .delete-owner-entry{display:inline-grid!important;width:28px!important;height:28px!important;min-height:28px!important;padding:0!important;place-items:center!important;border:0!important;background:transparent!important;color:#a7a19d!important;font-size:0!important;line-height:1!important}
.owners-table .delete-owner-entry:hover{background:#faeeee!important;color:#963033!important}
.owners-table .delete-owner-entry svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.editable-owner-entry{cursor:pointer}
.editable-owner-entry:hover{background:#fafafa}
.auth-locked .app-shell{filter:blur(2px);pointer-events:none;user-select:none}
.auth-backdrop{z-index:80;background:rgba(0,0,0,.78)}
.login-modal{position:relative;width:min(420px,calc(100vw - 28px));padding:28px;background:#fff;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.login-modal h2{margin:0 0 22px;font-size:30px;font-weight:400}
.login-modal form{display:grid;gap:16px}
.login-modal label{display:grid;gap:9px}
.login-modal label>span,.user-form label>span{color:#756f6f;font-size:12px;font-weight:800;letter-spacing:4px;text-transform:uppercase}
.login-modal input,.user-form input,.user-form select{width:100%;min-height:38px;border:1px solid #e2e2e0;background:#fff;padding:0 13px;color:#222;font:inherit;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.users-page{padding:20px 10px 44px}
.users-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}
.users-header h2{margin:0;font-size:34px;font-weight:400;letter-spacing:0}
.users-header p:not(.eyebrow){margin:6px 0 0;color:#5f636b;font-size:14px}
.user-form{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:12px;align-items:end;margin-bottom:10px;padding:18px;border:1px solid var(--line);background:#fff}
.users-table-panel{border:1px solid var(--line);background:#fff}
.users-table{min-width:760px}
.role-badge{display:inline-grid;min-height:22px;place-items:center;padding:0 9px;background:#eef6f1;color:#236246;font-size:12px;font-weight:800}
.role-badge.user{background:#eef3f7;color:#2e77d0}
.editable-user{cursor:pointer}
.editable-user:hover{background:#fafafa}
.delete-user{display:grid;width:28px;height:28px;place-items:center;border:0;background:transparent;color:#aaa;cursor:pointer;font-size:0;line-height:1}
.delete-user:hover{color:#963033;background:#faeeee}
.delete-user svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.user-modal{position:relative;width:min(520px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto;padding:24px;background:#fff;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.user-modal h2{margin:0 0 22px;font-size:18px}
.user-modal form{display:grid;gap:18px}
.user-modal label{display:grid;gap:9px}
.user-modal label>span{color:#756f6f;font-size:12px;font-weight:800;letter-spacing:4px;text-transform:uppercase}
.user-modal input,.user-modal select{width:100%;min-height:36px;border:1px solid #e2e2e0;background:#fff;padding:0 13px;color:#222;font:inherit;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.is-hidden-by-role{display:none!important}
.record-audit-info{padding:14px 16px;border:1px solid #e2e2e0;background:#fafafa}
.record-audit-info .eyebrow{margin-bottom:12px}
.audit-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.audit-info-grid div{display:grid;gap:4px}
.audit-info-grid span{color:#756f6f;font-size:11px;font-weight:800;letter-spacing:3px;text-transform:uppercase}
.audit-info-grid strong{font-size:14px}
.record-audit-info small{display:block;margin-top:10px;color:#667085;font-size:12px}
.transactions-table{min-width:1510px!important}
.transactions-table th:nth-child(8),.transactions-table td:nth-child(8){width:160px!important;white-space:nowrap}
.transactions-table th:nth-child(9),.transactions-table td:nth-child(9){width:190px!important;white-space:nowrap;overflow:visible!important;text-overflow:clip!important}
.transactions-table th:nth-child(10),.transactions-table td:nth-child(10){width:180px!important;white-space:nowrap;overflow:visible!important;text-overflow:clip!important}
.transactions-table th:nth-child(11),.transactions-table td:nth-child(11){width:44px!important;padding-left:4px!important;padding-right:4px!important;text-align:center!important}
.owners-table th:nth-child(6),.owners-table td:nth-child(6){width:160px}
.owners-table th:nth-child(7),.owners-table td:nth-child(7){width:170px;white-space:nowrap}
.owners-table th:nth-child(8),.owners-table td:nth-child(8){width:44px;text-align:center}
@media (max-width:560px){.audit-info-grid{grid-template-columns:1fr}}
.permission-locked{cursor:not-allowed!important;opacity:.68}
@media (max-width:1180px){.user-form{grid-template-columns:repeat(2,minmax(180px,1fr))}}
@media (max-width:680px){.user-form{grid-template-columns:1fr}.users-page{padding:12px 0 32px}}
@media (max-width:1320px){.owner-filters{grid-template-columns:repeat(4,minmax(150px,1fr))}}
@media (max-width:900px){.owner-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.owner-filters{grid-template-columns:1fr}.owner-summary{grid-template-columns:1fr}}
.profile-settings-trigger,.profile-menu-trigger{cursor:pointer}
.account-area{position:relative}
.admin-copy{border:0;border-right:1px solid var(--line);background:transparent;text-align:left}
.admin-button{overflow:hidden}
.admin-button img{width:100%;height:100%;object-fit:cover}
.profile-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:35;display:grid;min-width:178px;padding:6px;border:1px solid var(--line);background:#fff;box-shadow:0 12px 28px rgba(0,0,0,.12)}
.profile-menu[hidden]{display:none}
.profile-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;padding:0 12px;border:0;background:#fff;color:#111;text-align:left;font:inherit;font-weight:700;cursor:pointer}
.profile-menu button:hover{background:#f7f7f6}
.profile-menu span{display:grid;width:18px;place-items:center;color:#667085}
.settings-modal{position:relative;width:min(760px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto;background:#f7f7f6;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.settings-modal .settings-page{max-width:none;padding:28px}
@media (max-width:620px){.settings-modal .settings-page{padding:20px}}
.company-row__top span.amount-income{color:var(--green)}
.company-row__top span.amount-expense{color:var(--red)}
.invoices-page{padding:20px 10px 44px}
.invoices-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}
.invoices-header h2{margin:0;font-size:34px;font-weight:400;letter-spacing:0}
.invoices-header p:not(.eyebrow){margin:6px 0 0;color:#5f636b;font-size:14px}
.invoices-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.new-invoice-button{display:flex;align-items:center;gap:12px;min-height:37px;padding:0 18px;border:0;background:#174f38;color:#fff;font-weight:800;cursor:pointer}
.new-invoice-button span{font-size:20px;font-weight:400}
.invoice-filters{display:grid;grid-template-columns:minmax(220px,1.35fr) repeat(4,minmax(140px,.8fr)) repeat(2,minmax(130px,.65fr)) auto;gap:10px;align-items:end;margin-bottom:14px;padding:14px;border:1px solid var(--line);background:#fff}
.invoice-filters label{display:grid;gap:7px}
.invoice-filters span{color:#756f6f;font-size:11px;font-weight:800;letter-spacing:3px;text-transform:uppercase}
.invoice-filters input,.invoice-filters select{width:100%;min-height:38px;border:1px solid #e2e2e0;background:#fff;padding:0 11px;font:inherit}
.invoice-summary{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px;margin:-4px 0 14px}
.invoice-summary article{display:grid;gap:6px;min-height:72px;padding:14px 16px;border:1px solid var(--line);background:#fff}
.invoice-summary span{color:#756f6f;font-size:11px;font-weight:800;letter-spacing:3px;text-transform:uppercase}
.invoice-summary strong{font-size:20px;font-weight:800;white-space:nowrap}
.invoice-summary article:nth-child(1) strong,.invoice-summary article:nth-child(2) strong{color:var(--green)}
.invoice-summary article:nth-child(4) strong{color:var(--red)}
.invoices-table-panel{border:1px solid var(--line);background:#fff}
.invoices-table{table-layout:fixed;min-width:1464px}
.invoices-table th,.invoices-table td{text-align:left!important;overflow:hidden;text-overflow:ellipsis}
.invoices-table th:nth-child(1),.invoices-table td:nth-child(1){width:110px}
.invoices-table th:nth-child(2),.invoices-table td:nth-child(2){width:70px}
.invoices-table th:nth-child(3),.invoices-table td:nth-child(3),.invoices-table th:nth-child(4),.invoices-table td:nth-child(4){width:120px}
.invoices-table th:nth-child(5),.invoices-table td:nth-child(5){width:95px}
.invoices-table th:nth-child(6),.invoices-table td:nth-child(6){width:70px}
.invoices-table th:nth-child(7),.invoices-table td:nth-child(7){width:190px;white-space:normal;overflow-wrap:anywhere;line-height:1.35}
.invoices-table th:nth-child(8),.invoices-table td:nth-child(8){width:220px;white-space:normal;overflow-wrap:anywhere;line-height:1.35}
.invoices-table th:nth-child(9),.invoices-table td:nth-child(9){width:300px;white-space:normal;overflow-wrap:anywhere;line-height:1.35}
.invoices-table th:nth-child(10),.invoices-table td:nth-child(10){width:210px;white-space:nowrap;overflow:visible!important;text-overflow:clip!important}
.invoices-table th:nth-child(11),.invoices-table td:nth-child(11){width:44px;text-align:center!important}
.invoice-status{display:inline-grid;min-height:22px;place-items:center;padding:0 9px;background:#eef6f1;color:#236246;font-size:12px;font-weight:800}
.invoice-status.open{background:#faeeee;color:#963033}
.invoice-status.days{background:#eef3f7;color:#2e77d0}
.invoice-status.late{background:#faeeee;color:#963033}
.invoice-status.credit-note{background:#f4f1e8;color:#6d5218}
.invoice-amount strong{font-weight:800;color:#174f38}
.invoice-amount small{white-space:normal}
.invoices-empty{height:92px;text-align:center!important;color:#9a9292}
.invoices-table thead th{top:68px;z-index:18}
.editable-invoice{cursor:pointer}
.editable-invoice:hover{background:#fafafa}
.delete-invoice{display:inline-grid!important;width:28px!important;height:28px!important;min-height:28px!important;padding:0!important;place-items:center!important;border:0!important;background:transparent!important;color:#a7a19d!important;font-size:0!important;line-height:1!important;cursor:pointer}
.delete-invoice:hover{background:#faeeee!important;color:#963033!important}
.delete-invoice svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.invoice-modal{position:relative;width:min(560px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto;padding:24px;background:#fff;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.invoice-modal h2{margin:0 0 22px;font-size:18px}
.invoice-modal form{display:grid;gap:18px}
.invoice-modal label{display:grid;gap:9px}
.invoice-modal label>span{color:#756f6f;font-size:12px;font-weight:800;letter-spacing:4px;text-transform:uppercase}
.invoice-modal input,.invoice-modal select,.invoice-modal textarea{width:100%;min-height:36px;border:1px solid #e2e2e0;background:#fff;padding:0 13px;color:#222;font:inherit;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.invoice-modal textarea{min-height:70px;padding:10px 13px;resize:vertical}
.invoice-modal .date-picker-wrap input[id^="invoice"]{padding-right:42px}
.invoice-modal .modal-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1320px){.invoice-filters{grid-template-columns:repeat(4,minmax(150px,1fr))}.invoice-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.invoices-page{padding:14px 0 30px}.invoices-header{gap:14px;margin-bottom:18px}.invoices-header h2{font-size:30px;line-height:1.1}.invoice-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.invoice-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.invoices-table-panel{max-width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.invoices-table{min-width:1220px}.invoices-table thead th{top:0}.invoice-modal{width:100%;max-width:560px;max-height:calc(100dvh - 16px);padding:20px}}
@media (max-width:640px){.invoices-header{flex-direction:column}.invoices-header h2{font-size:28px}.new-invoice-button{width:100%;justify-content:center}.invoice-filters,.invoice-summary{grid-template-columns:1fr}}
