:root{--text:#1f2933;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:14px/145% var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}#root{min-height:100svh}h1,h2{color:var(--text-h);font-weight:500}.topnav{z-index:40;color:#fff;background:#23272f;justify-content:space-between;align-items:center;height:60px;padding:0 1.5rem;display:flex;position:sticky;top:0}.topnav-brand{align-items:center;gap:.6rem;display:flex}.topnav-wordmark{flex-direction:column;line-height:1;display:flex}.topnav-wordmark-main{letter-spacing:.02em;font-size:1.15rem;font-style:italic;font-weight:800}.topnav-wordmark-sub{letter-spacing:.12em;color:#cbd2d9;margin-top:1px;font-size:.6rem;font-style:italic;font-weight:700}.topnav-actions{align-items:center;gap:.9rem;display:flex}.topnav-icon-btn{color:#cbd2d9;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;display:flex;position:relative}.topnav-icon-btn:hover{color:#fff;background:#ffffff14}.topnav-badge{background:#dc2626;border:1.5px solid #23272f;border-radius:50%;width:8px;height:8px;position:absolute;top:3px;right:3px}.topnav-avatar{color:#fff;background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.topnav-divider{background:#3e4451;width:1px;height:1.5rem}.topnav-overlay{z-index:35;background:#0006;position:fixed;inset:60px 0 0}.topnav-menu{z-index:36;background:#1f2933;width:min(80vw,280px);max-height:calc(100vh - 60px);transition:transform .2s ease-out;position:fixed;top:60px;right:0;overflow-y:auto;transform:translate(100%)}.topnav-menu.open{transform:translate(0)}.topnav-menu ul{margin:0;padding:.5rem 0;list-style:none}.topnav-menu a{color:#cbd2d9;border-left:3px solid #0000;padding:.75rem 1.5rem;font-size:.95rem;text-decoration:none;display:block}.topnav-menu a:hover{color:#fff;background:#323f4b}.topnav-menu a.active{color:#fff;background:#323f4b;border-left-color:#4dabf7;font-weight:500}@media (width<=640px){.topnav{height:52px;padding:0 1rem}.topnav-wordmark-main{font-size:1rem}.topnav-wordmark-sub{font-size:.55rem}.topnav-actions{gap:.6rem}.topnav-overlay,.topnav-menu{top:52px}.topnav-menu{max-height:calc(100vh - 52px)}}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-content{background:#f5f7fa;flex:1;min-width:0;padding:2rem 2.5rem}.app-content h1{margin-top:0}@media (width<=768px){.app-content{padding:1.25rem 1rem}}.dashboard-page{color:#1a2333}.dashboard-error{color:#dc2626}.client-index-title{color:#0f172a;margin:0 0 1.25rem;font-family:Georgia,Times New Roman,serif;font-size:1.9rem;font-weight:700}.client-index-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.client-index-tabs{background:#fff;border:1px solid #e5e7eb;border-radius:999px;gap:3px;padding:3px;display:inline-flex}.client-tab{color:#4b5563;cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:.3rem;padding:.35rem .7rem;font-size:.78rem;font-weight:600;display:flex}.client-tab svg{width:13px;height:13px}.client-tab-active{color:#fff;background:#0f172a}.client-search-wrap{flex-direction:row-reverse;align-items:center;display:flex}.client-search-toggle{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.client-search-toggle:hover{background:#f8fafc}.client-search-input{color:#1a2333;opacity:0;background:#fff;border:1px solid #0000;border-radius:999px;outline:none;width:0;min-width:0;margin-right:0;padding:0;font-size:.85rem;transition:width .25s,opacity .2s,padding .25s,margin .25s}.client-search-input-open{opacity:1;border-color:#e5e7eb;width:220px;margin-right:.5rem;padding:.5rem 1rem}.client-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.client-table{border-collapse:collapse;width:100%}.client-table thead th{color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.03em;background:#0f172a;padding:0;font-size:.8rem}.client-sort-btn{width:100%;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;padding:.75rem 1rem;display:inline-flex}.client-sort-btn:hover{background:#ffffff14}.sort-icon{opacity:.5;flex-shrink:0}.sort-icon-active{opacity:1}.client-th-right .client-sort-btn{justify-content:flex-end}.client-visit-cell{text-align:right}.client-net-cell{text-align:right;font-variant-numeric:tabular-nums;color:#8a94a6}.client-net-cell.positive{color:#16a34a}.client-net-cell.negative{color:#dc2626}.client-table tbody td{color:#1a2333;border-bottom:1px solid #f1f3f5;padding:.75rem 1rem;font-size:.9rem}.client-table tbody tr:last-child td{border-bottom:none}.client-table tbody tr:hover td{background:#f8fafc}.client-row-clickable{cursor:pointer}.client-id-cell{color:#8a94a6;font-variant-numeric:tabular-nums}.client-name-cell{font-weight:600}.client-table-empty{text-align:center;color:#8a94a6;padding:2rem 1rem!important}@media (width<=640px){.client-index-title{font-size:1.4rem}.client-table thead th,.client-table tbody td{padding:.55rem .6rem;font-size:.8rem}.client-search{width:100%;max-width:none}}.pnl-row-tr td{border-bottom:1px solid #f1f3f5;padding:0!important}.pnl-row-td{background:#f8fafc}.pnl-row-wrap{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid}.pnl-row-wrap.open{grid-template-rows:1fr}.pnl-row-inner{min-height:0;overflow:hidden}.pnl-panel{background:#fff;border-top:1px solid #e5e7eb}.pnl-panel-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;max-width:640px;margin:0 auto;padding:1rem 1.25rem;display:flex}.pnl-panel-header h2{color:#1a2333;margin:0;font-size:1.05rem}.pnl-panel-close{cursor:pointer;color:#4b5563;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.3rem;display:inline-flex}.pnl-panel-close:hover{background:#f1f3f5}.pnl-modal-status{text-align:center;color:#8a94a6;padding:2rem 1.25rem;font-size:.9rem}.pnl-modal-error{color:#dc2626}.pnl-chart{flex-direction:column;max-width:640px;margin:0 auto;padding:1.25rem;display:flex}.pnl-row{grid-template-columns:130px 1fr 2px 1fr;align-items:center;min-height:2.5rem;font-size:.85rem;display:grid}.pnl-row-total{font-size:.95rem;font-weight:700}.pnl-label{text-align:right;color:#1a2333;text-overflow:ellipsis;white-space:nowrap;padding-right:.75rem;overflow:hidden}.pnl-bar-left{justify-content:flex-end;align-items:center;gap:.5rem;height:100%;display:flex}.pnl-bar-right{justify-content:flex-start;align-items:center;gap:.5rem;height:100%;display:flex}.pnl-centerline{background:#cbd2d9;align-self:stretch;width:2px}.pnl-bar-fill{border-radius:2px;min-width:3px;height:1rem}.pnl-bar-positive{background:#16a34a}.pnl-bar-negative{background:#dc2626}.pnl-value{font-variant-numeric:tabular-nums;color:#1a2333;white-space:nowrap}.pnl-date{color:#9aa5b1;font-variant-numeric:tabular-nums;font-size:.7rem}.pnl-divider{border-top:2px dashed #cbd2d9;margin:.5rem 0}@media (width<=640px){.pnl-row{grid-template-columns:90px 1fr 2px 1fr;font-size:.75rem}.pnl-label{padding-right:.4rem}}.cashflow-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.cashflow-header h1{color:#1a2333;font-size:1.5rem;font-weight:700}.cashflow-actions{align-items:center;gap:.75rem;display:flex}.cashflow-actions select{font:inherit;border:1px solid #cbd2d9;border-radius:8px;padding:.5rem .75rem}.btn-outline,.btn-primary{font:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.9rem;font-weight:600;display:inline-flex}.btn-outline{color:#1a2333;background:#fff;border:1px solid #d3d9e2}.btn-outline:hover{background:#f5f7fa}.btn-primary{color:#fff;background:#3b82f6;border:1px solid #3b82f6}.btn-primary:hover{background:#2f6fdb}.transaction-form button[type=submit]{font:inherit;color:#fff;cursor:pointer;background:#3b82f6;border:1px solid #3b82f6;border-radius:8px;padding:.5rem .75rem;font-weight:500}.transaction-form button[type=submit]:disabled{opacity:.6;cursor:default}.transaction-form input,.transaction-form select,.transaction-form textarea,.transaction-form button:not([type=submit]){font:inherit;border:1px solid #cbd2d9;border-radius:8px;padding:.5rem .75rem}.transaction-form textarea{resize:vertical}.cashflow-error{color:#dc2626;font-weight:500}.transaction-form{background:#fff;border:1px solid #e5e4e7;border-radius:12px;flex-direction:column;gap:.75rem;margin:1.25rem 0;padding:1.25rem;display:flex}.form-row{flex-wrap:wrap;gap:1rem;display:flex}.transaction-form label{color:#4b5563;flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.transaction-form label.grow{flex:1;min-width:200px}.statement-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.25rem;display:flex}.search-box{color:#8a94a6;background:#fff;border:1px solid #d3d9e2;border-radius:8px;flex:1;align-items:center;gap:.5rem;min-width:200px;max-width:340px;padding:.5rem .85rem;display:flex}.search-box input{font:inherit;color:#1a2333;border:none;outline:none;width:100%}.statement-stats{align-items:center;gap:1.25rem;font-size:.9rem;font-weight:600;display:flex}.stat-in{color:#16a34a}.stat-out{color:#dc2626}.stat-count{color:#8a94a6;font-weight:500}.cashflow-table-wrap{background:#fff;border:1px solid #e5e9f0;border-radius:12px;margin-top:1rem;overflow-x:auto}.cashflow-table{border-collapse:collapse;width:100%}.cashflow-table th,.cashflow-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #eef1f5;padding:.75rem 1rem;font-size:.9rem}.statement-table td:nth-child(4){white-space:normal;min-width:180px}.cashflow-table th{letter-spacing:.04em;text-transform:uppercase;color:#8a94a6;background:#f8f9fb;font-size:.75rem;font-weight:600}.cashflow-table tbody tr:hover{background:#fafbfd}.cashflow-empty{text-align:center;color:#9aa5b1}.amount-in{color:#16a34a;font-weight:600}.amount-out{color:#dc2626;font-weight:600}.statement-actions{white-space:nowrap;align-items:center;gap:.4rem;display:flex}.icon-button{color:#c92a2a;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.3rem;display:inline-flex}.icon-button:hover{background:#fff0f0}.icon-button:disabled{opacity:.35;cursor:default}.icon-button:disabled:hover{background:0 0}label.icon-button{color:#8a94a6}label.icon-button:hover{color:#1c7ed6;background:#eaf5ff}.icon-button-view{color:#4b5563;position:relative}.icon-button-view:hover{color:#1a2333;background:#eef2f7}.attachment-badge{color:#fff;background:#3b82f6;border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:12px;height:12px;display:flex;position:absolute;bottom:1px;right:1px}.modal-backdrop{z-index:100;background:#0f172a73;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-panel{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:420px;max-height:85vh;transition:max-width .45s;display:flex;overflow-y:auto}.modal-header{border-bottom:1px solid #eef1f5;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.modal-header h2{color:#1a2333;font-size:1.05rem;font-weight:700}.modal-body{flex-direction:column;gap:.9rem;padding:1.25rem;display:flex}.modal-row{justify-content:space-between;align-items:baseline;gap:1rem;font-size:.9rem;display:flex}.modal-row-column{flex-direction:column;align-items:stretch;gap:.5rem}.modal-label{color:#8a94a6;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0;font-size:.8rem;font-weight:600}.modal-muted{color:#9aa5b1;font-size:.85rem}.modal-note-input{font:inherit;resize:vertical;color:#1a2333;border:1px solid #e5e4e7;border-radius:8px;padding:.6rem .75rem;font-size:.9rem}.modal-note-input:focus{border-color:#1c7ed6;outline:none}.modal-upload{align-self:flex-start;padding:.4rem .7rem;font-size:.8rem}.modal-footer{border-top:1px solid #eef1f5;padding:1rem 1.25rem;display:flex}.modal-delete{color:#fff;cursor:pointer;background:#dc2626;border:1px solid #dc2626;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;display:inline-flex}.modal-delete:hover{background:#b91c1c;border-color:#b91c1c}.modal-panel-expanded{max-width:640px}.attachment-grid{flex-wrap:wrap;gap:.6rem;display:flex}.attachment-thumb-btn{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:.25rem;width:72px;padding:.25rem;display:flex}.attachment-thumb-btn:hover{background:#f5f7fa}.attachment-thumb-btn.active{background:#eff6ff;border-color:#3b82f6}.attachment-thumb{object-fit:cover;background:#eef1f5;border-radius:6px;width:56px;height:56px}.attachment-thumb-file{color:#8a94a6;justify-content:center;align-items:center;display:flex}.attachment-source-badge{text-transform:uppercase;letter-spacing:.02em;color:#7c3aed;background:#f3e8ff;border-radius:4px;padding:.05rem .35rem;font-size:.55rem;font-weight:600}.attachment-thumb-name{color:#4b5563;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.65rem;overflow:hidden}.attachment-preview-wrap{grid-template-rows:0fr;transition:grid-template-rows .45s;display:grid}.attachment-preview-wrap.open{grid-template-rows:1fr}.attachment-preview-inner{min-height:0;overflow:hidden}.attachment-preview{background:#fff;border:1px solid #eef1f5;border-radius:10px;overflow:hidden}.viewer-header{border-bottom:1px solid #eef1f5;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.viewer-filename{color:#1a2333;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex;overflow:hidden}.viewer-header-actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.viewer-header-actions a{color:#1c7ed6;white-space:nowrap;font-size:.8rem}.viewer-body{background:#f5f7fa;flex:1;align-items:stretch;min-height:0;display:flex}.viewer-nav{color:#4b5563;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;display:flex}.viewer-nav:hover{background:#eef1f5}.viewer-content{flex:1;justify-content:center;min-width:0;display:flex;overflow:hidden auto}.viewer-image{width:100%;height:auto;display:block}.pdf-canvas-wrap{justify-content:center;width:100%;min-height:200px;display:flex}.pdf-canvas{max-width:100%;height:auto;display:block}.viewer-unsupported{text-align:center;color:#6b7280;padding:2rem}.viewer-footer{color:#8a94a6;border-top:1px solid #eef1f5;justify-content:space-between;align-items:center;padding:.6rem 1rem;font-size:.8rem;display:flex}.viewer-page-nav{align-items:center;gap:.4rem;display:flex}.viewer-page-label{text-align:center;min-width:3.5rem}.tag-input{min-width:140px}.tag-chip-row{white-space:normal;flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.tag-chip{color:#1d4ed8;white-space:nowrap;background:#dbeafe;border-radius:999px;align-items:center;gap:.25rem;padding:.15rem .6rem;font-size:.8rem;font-weight:500;display:inline-flex}.tag-chip button{color:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:.9rem;line-height:1}.tag-chip-row input[type=text]{font:inherit;color:#8a94a6;border:none;outline:none;flex:1;min-width:70px;padding:.1rem 0;font-size:.85rem}@media (width<=640px){.cashflow-header h1{font-size:1.1rem}.btn-outline,.btn-primary{gap:.25rem;padding:.4rem .6rem;font-size:.75rem}.btn-outline svg,.btn-primary svg{width:12px;height:12px}.cashflow-actions{gap:.4rem}.transaction-form{padding:.85rem;font-size:.8rem}.transaction-form label{font-size:.75rem}.statement-toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:none;padding:.4rem .6rem;font-size:.8rem}.search-box svg{flex-shrink:0;width:13px;height:13px}.statement-stats{flex-wrap:wrap;gap:.6rem;font-size:.72rem}.cashflow-table th,.cashflow-table td{white-space:normal;overflow-wrap:anywhere;padding:.4rem .35rem;font-size:.7rem}.statement-table{table-layout:fixed}.statement-table th:first-child,.statement-table td:first-child{width:13%}.statement-table th:nth-child(2),.statement-table td:nth-child(2),.statement-table th:nth-child(3),.statement-table td:nth-child(3){width:19%}.statement-table th:nth-child(4),.statement-table td:nth-child(4){width:34%;min-width:0}.statement-table th:nth-child(5),.statement-table td:nth-child(5){width:15%}.tag-input{min-width:0}.tag-chip{overflow-wrap:anywhere;max-width:100%;padding:.1rem .4rem;font-size:.65rem}.tag-chip-row input[type=text]{min-width:40px;font-size:.7rem}.statement-actions{flex-wrap:wrap;gap:.15rem}.icon-button{padding:.2rem}.icon-button svg{width:13px;height:13px}.attachment-thumb-btn{width:60px}.attachment-thumb{width:46px;height:46px}.modal-header h2{font-size:.9rem}.modal-body{gap:.7rem;padding:.9rem}.modal-row{font-size:.8rem}.modal-label{font-size:.7rem}.viewer-filename{font-size:.75rem}.viewer-header-actions a{font-size:.7rem}.viewer-nav{width:1.8rem}.viewer-footer{font-size:.7rem}}.toast{color:#fff;z-index:300;background:#1a2333;border-radius:8px;padding:.6rem 1.1rem;font-size:.85rem;font-weight:500;animation:3s forwards toast-in-out;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0003}@keyframes toast-in-out{0%{opacity:0;transform:translate(-50%,10px)}10%{opacity:1;transform:translate(-50%)}90%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,10px)}}