html,body,#root{margin:0;padding:0;min-height:100vh}#root{display:flex;flex-direction:column}*{box-sizing:border-box;margin:0;padding:0}:root{--primary: #3b82f6;--primary-hover: #2563eb;--bg: #f8fafc;--card-bg: #ffffff;--text: #1e293b;--text-muted: #64748b;--border: #e2e8f0;--error: #dc2626;--error-bg: #fef2f2;--error-border: #fecaca;--success: #16a34a;--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1)}@media(prefers-color-scheme:dark){:root{--primary: #60a5fa;--primary-hover: #3b82f6;--bg: #0f172a;--card-bg: #1e293b;--text: #f1f5f9;--text-muted: #94a3b8;--border: #334155;--error: #f87171;--error-bg: #450a0a;--error-border: #7f1d1d;--shadow: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .3), 0 1px 2px -1px rgb(0 0 0 / .3)}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg);color:var(--text);line-height:1.5}.container{min-height:100vh;display:flex;flex-direction:column}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.125rem;color:var(--text-muted)}.login-card{max-width:400px;margin:auto;padding:3rem 2rem;background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow);text-align:center}.login-card h1{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.subtitle{color:var(--text-muted);margin-bottom:2rem}.google-button-container{display:flex;justify-content:center}.error{background-color:var(--error-bg);border:1px solid var(--error-border);color:var(--error);padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.875rem}.header{background:var(--card-bg);border-bottom:1px solid var(--border);padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.header-left{display:flex;align-items:center;gap:1.5rem}.header h1{font-size:1.25rem;font-weight:600}.ou-select{padding:.5rem 2rem .5rem .75rem;font-size:.875rem;border:1px solid var(--border);border-radius:6px;background-color:var(--bg);color:var(--text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;min-width:180px}.ou-select:hover{border-color:var(--text-muted)}.ou-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #3b82f633}.user-menu{display:flex;align-items:center;gap:.75rem}.avatar{width:32px;height:32px;border-radius:50%}.user-name{font-size:.875rem;color:var(--text-muted)}.logout-button{background:none;border:1px solid var(--border);padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;color:var(--text);transition:background-color .15s,border-color .15s}.logout-button:hover{background-color:var(--bg);border-color:var(--text-muted)}.main{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.no-access{text-align:center;padding:4rem 2rem;color:var(--text-muted)}.no-access p{margin-bottom:.5rem}.dashboard{width:100%}.dashboard-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.dashboard-header h2{font-size:1.5rem;font-weight:600}.role-badge{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .75rem;background:var(--primary);color:#fff;border-radius:9999px}@media(prefers-color-scheme:dark){.role-badge{color:#0f172a}}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.dashboard-card{background:var(--card-bg);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-sm)}.dashboard-card h3{font-size:.875rem;font-weight:500;color:var(--text-muted);margin-bottom:.75rem}.stat{font-size:2.5rem;font-weight:700;color:var(--text);line-height:1;margin-bottom:.5rem}.stat-label{font-size:.875rem;color:var(--text-muted)}.loading-inline{color:var(--text-muted);padding:2rem;text-align:center}.total-balance-card{background:var(--card-bg);border-radius:12px;padding:2rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm);text-align:center}.total-balance-card h3{font-size:.875rem;font-weight:500;color:var(--text-muted);margin-bottom:.5rem}.total-balance{font-size:3rem;font-weight:700;color:var(--text);line-height:1.2;margin-bottom:.5rem}.balance-list{display:flex;flex-direction:column;gap:.75rem}.balance-item{background:var(--card-bg);border-radius:12px;padding:1.25rem 1.5rem;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:space-between;gap:1rem}.balance-item-info{display:flex;align-items:center;gap:.75rem;min-width:0}.balance-item-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.balance-item-status{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .5rem;border-radius:4px;white-space:nowrap}.status-open{background:#dcfce7;color:#166534}.status-closed{background:#fee2e2;color:#991b1b}@media(prefers-color-scheme:dark){.status-open{background:#14532d;color:#86efac}.status-closed{background:#7f1d1d;color:#fecaca}}.balance-item-amount{font-size:1.25rem;font-weight:600;white-space:nowrap}.balance-error{font-size:.875rem;color:var(--error)}.section{background:var(--card-bg);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-sm)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.section-header h3{font-size:1.125rem;font-weight:600;margin:0}.btn-primary{background:var(--primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--bg);color:var(--text);border:1px solid var(--border);padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s,border-color .15s}.btn-secondary:hover{background:var(--card-bg);border-color:var(--text-muted)}.btn-small{padding:.25rem .5rem;font-size:.75rem}.btn-danger{background:var(--error);color:#fff;border:none;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;cursor:pointer}.empty-state{text-align:center;padding:2rem;color:var(--text-muted)}.empty-state p{margin:.25rem 0}.counterparty-list{display:flex;flex-direction:column;gap:.5rem}.counterparty-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg);border-radius:8px;gap:1rem}.counterparty-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.counterparty-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.counterparty-badges{display:flex;gap:.5rem;flex-wrap:wrap}.badge{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.125rem .375rem;border-radius:4px}.badge-vendor{background:#dbeafe;color:#1e40af}.badge-customer{background:#dcfce7;color:#166534}.badge-ach{background:#f3e8ff;color:#7c3aed}.badge-mail{background:#fef3c7;color:#92400e}.badge-check{background:#fed7aa;color:#9a3412}.badge-ach-alt{background:#e9d5ff;color:#6b21a8}@media(prefers-color-scheme:dark){.badge-vendor{background:#1e3a5f;color:#93c5fd}.badge-customer{background:#14532d;color:#86efac}.badge-ach{background:#4c1d95;color:#c4b5fd}.badge-mail{background:#78350f;color:#fcd34d}.badge-check{background:#7c2d12;color:#fdba74}.badge-ach-alt{background:#581c87;color:#d8b4fe}}.counterparty-actions{flex-shrink:0}.counterparty-arrow{font-size:1.5rem;color:var(--text-muted);flex-shrink:0}a.counterparty-item{text-decoration:none;color:inherit;cursor:pointer;transition:background-color .15s}a.counterparty-item:hover{background:var(--border)}.page{width:100%;max-width:600px}.page-header{margin-bottom:1.5rem}.page-header h2{font-size:1.5rem;font-weight:600;margin:.5rem 0 0}.back-link{color:var(--primary);text-decoration:none;font-size:.875rem;display:inline-block}.back-link:hover{text-decoration:underline}.page-form{background:var(--card-bg);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-sm)}.form-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h3{font-size:1rem;font-weight:600;margin:0 0 1rem;color:var(--text)}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.header-title{text-decoration:none;color:inherit}.header-title:hover{opacity:.8}a.btn-primary,a.btn-secondary{display:inline-block;text-decoration:none;text-align:center}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.375rem;color:var(--text)}.form-group input[type=text],.form-group select{width:100%;padding:.5rem .75rem;font-size:.875rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #3b82f633}.checkbox-group{display:flex;flex-direction:column;gap:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}.ach-fields{background:var(--bg);border-radius:8px;padding:1rem;margin-top:.5rem}.radio-group{display:flex;flex-direction:column;gap:.5rem}.radio-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;cursor:pointer}.radio-label input[type=radio]{width:1rem;height:1rem;cursor:pointer}.payment-fields{background:var(--bg);border-radius:8px;padding:1rem;margin-top:.5rem}.payment-fields h4{font-size:.875rem;font-weight:600;margin-bottom:.75rem;color:var(--text)}.payment-fields h4:not(:first-child){margin-top:1rem}.form-row{display:flex;gap:.75rem}.form-row .form-group{flex:1}.form-group-city{flex:2!important}.form-group-state{flex:0 0 70px!important}.form-group-zip{flex:0 0 100px!important}.existing-ach{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem;background:var(--card-bg);border-radius:6px;border:1px solid var(--border)}.existing-ach p{margin:0;font-size:.875rem}.danger-zone{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.danger-zone h4{font-size:.875rem;font-weight:600;color:var(--error);margin-bottom:.75rem}.delete-confirm{background:var(--error-bg);border:1px solid var(--error-border);border-radius:8px;padding:1rem}.delete-confirm p{margin:0 0 .75rem;font-size:.875rem}.delete-confirm-actions{display:flex;gap:.5rem}.btn-danger{background:var(--error);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer}.btn-danger:hover{opacity:.9}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.text-muted{color:var(--text-muted)}.text-small{font-size:.75rem}@media(max-width:768px){.header{padding:1rem;flex-direction:column;align-items:stretch}.header-left{flex-direction:column;align-items:stretch;gap:1rem}.header-left h1{text-align:center}.ou-select{width:100%}.user-menu{justify-content:center}.main{padding:1rem}.dashboard-header{flex-direction:column;align-items:flex-start;gap:.5rem}.login-card{margin:1rem;padding:2rem 1.5rem}}