:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f7f8fa;--color-surface:#fff;--color-border:#e2e5ea;--color-text:#1f2430;--color-text-muted:#5b6270;--color-primary:#2f6feb;--color-primary-dark:#1d4fb8;--color-on-primary:#fff;--color-success:#1a7f4b;--color-success-bg:#e6f6ee;--color-warning:#9a6b00;--color-warning-bg:#fff4d9;--color-danger:#b3261e;--color-danger-bg:#fdeceb;--color-ai:#6a3fd6;--color-ai-bg:#f1ebfd;--color-info-bg:#eaf1ff;--color-neutral-bg:#eef0f4;--color-flagged-bg:#fffaf3;--color-row-hover-bg:#fafbfd;--chart-series-1:#2a78d6;--chart-series-2:#eb6834;--chart-series-3:#1baf7a;--chart-series-4:#eda100;--chart-series-5:#e87ba4;--chart-series-6:#008300;--chart-series-7:#4a3aa7;--chart-series-8:#e34948;--chart-sequential-blue-100:#cde2fb;--chart-sequential-blue-400:#3987e5;--chart-sequential-blue-700:#0d366b;--chart-neutral:#c9ccd3;--chart-neutral-strong:#8b93a1;--radius:8px;--shadow:0 1px 2px #1018280f, 0 1px 3px #10182814;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#14161a;--color-surface:#1c1f24;--color-border:#2c2f36;--color-text:#eef0f3;--color-text-muted:#9aa0aa;--color-primary:#4c8bf0;--color-primary-dark:#2f6feb;--color-on-primary:#fff;--color-success:#34c281;--color-success-bg:#16321f;--color-warning:#e0a63c;--color-warning-bg:#372a12;--color-danger:#f2685f;--color-danger-bg:#3a1c1a;--color-ai:#a58af0;--color-ai-bg:#2a2145;--color-info-bg:#1b2a42;--color-neutral-bg:#2a2d33;--color-flagged-bg:#332c18;--color-row-hover-bg:#22252b;--chart-series-1:#3987e5;--chart-series-2:#d95926;--chart-series-3:#199e70;--chart-series-4:#c98500;--chart-series-5:#d55181;--chart-series-6:#008300;--chart-series-7:#9085e9;--chart-series-8:#e66767;--chart-neutral:#545a66;--chart-neutral-strong:#7b828e}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#14161a;--color-surface:#1c1f24;--color-border:#2c2f36;--color-text:#eef0f3;--color-text-muted:#9aa0aa;--color-primary:#4c8bf0;--color-primary-dark:#2f6feb;--color-on-primary:#fff;--color-success:#34c281;--color-success-bg:#16321f;--color-warning:#e0a63c;--color-warning-bg:#372a12;--color-danger:#f2685f;--color-danger-bg:#3a1c1a;--color-ai:#a58af0;--color-ai-bg:#2a2145;--color-info-bg:#1b2a42;--color-neutral-bg:#2a2d33;--color-flagged-bg:#332c18;--color-row-hover-bg:#22252b;--chart-series-1:#3987e5;--chart-series-2:#d95926;--chart-series-3:#199e70;--chart-series-4:#c98500;--chart-series-5:#d55181;--chart-series-6:#008300;--chart-series-7:#9085e9;--chart-series-8:#e66767;--chart-neutral:#545a66;--chart-neutral-strong:#7b828e}}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);min-width:960px;margin:0;transition:background .15s,color .15s}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3{margin:0 0 .5rem}button{font:inherit;cursor:pointer;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);padding:.55rem 1rem;transition:background .15s,border-color .15s}button:hover:not(:disabled){border-color:var(--color-primary)}button:disabled{opacity:.55;cursor:not-allowed}button.primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary);font-weight:600}button.primary:hover:not(:disabled){background:var(--color-primary-dark)}button.subtle{color:var(--color-primary);background:0 0;border-color:#0000}select,input[type=date],input[type=file]{font:inherit;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);padding:.45rem .6rem}.app-shell{flex-direction:column;flex:1;min-height:100vh;display:flex}.top-nav{background:var(--color-surface);border-bottom:1px solid var(--color-border);align-items:center;gap:1.5rem;padding:.9rem 1.75rem;display:flex}.top-nav .brand{color:var(--color-text);font-size:1.05rem;font-weight:700}.top-nav .nav-links{flex-wrap:wrap;gap:.35rem;margin-left:auto;display:flex}.top-nav .nav-link{color:var(--color-text-muted);border:1px solid #0000;border-radius:999px;padding:.35rem .85rem;font-size:.85rem;text-decoration:none}.top-nav .nav-link:hover{border-color:var(--color-border)}.top-nav .nav-link.active{background:var(--color-primary);color:var(--color-on-primary)}.top-nav .nav-divider{background:var(--color-border);align-self:stretch;width:1px;margin:0 .25rem}.top-nav .account-info{align-items:center;gap:.75rem;display:flex}.top-nav .company-name{color:var(--color-text-muted);font-size:.85rem;font-weight:600}.account-menu{position:relative}.account-avatar{border:1px solid var(--color-primary);background:var(--color-primary);width:2.1rem;height:2.1rem;color:var(--color-on-primary);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:.8rem;font-weight:700;display:flex}.account-avatar:hover{background:var(--color-primary-dark)}.account-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);z-index:20;flex-direction:column;gap:.1rem;min-width:11rem;padding:.35rem;display:flex;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 8px 24px #00000026}.account-dropdown button{text-align:left;border-radius:calc(var(--radius) - 2px);color:var(--color-text);cursor:pointer;background:0 0;border:none;padding:.5rem .6rem;font-size:.88rem}.account-dropdown button:hover{background:var(--color-neutral-bg);border-color:#0000}.account-dropdown-divider{background:var(--color-border);height:1px;margin:.3rem .2rem}main.page{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:2rem 2.5rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.badge{border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.78rem;font-weight:600;display:inline-flex}.badge.ai{background:var(--color-ai-bg);color:var(--color-ai)}.badge.confirmed,.badge.confidence-high{background:var(--color-success-bg);color:var(--color-success)}.badge.confidence-mid{background:var(--color-warning-bg);color:var(--color-warning)}.badge.confidence-low{background:var(--color-danger-bg);color:var(--color-danger)}.badge.flag-duplicate{background:var(--color-warning-bg);color:var(--color-warning)}.badge.flag-anomaly{background:var(--color-danger-bg);color:var(--color-danger)}.badge.flag-ai-review{background:var(--color-ai-bg);color:var(--color-ai)}.badge.flag-resolved,.badge.invoice-paid{background:var(--color-success-bg);color:var(--color-success)}.badge.invoice-partially-paid{background:var(--color-warning-bg);color:var(--color-warning)}.badge.invoice-overdue{background:var(--color-danger-bg);color:var(--color-danger)}.badge.invoice-sent{background:var(--color-info-bg);color:var(--color-primary-dark)}.badge.invoice-draft{background:var(--color-neutral-bg);color:var(--color-text-muted)}.badge.invoice-cancelled{background:var(--color-neutral-bg);color:var(--color-text-muted);text-decoration:line-through}table.txn-table{border-collapse:collapse;width:100%;font-size:.92rem}table.txn-table th{text-align:left;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--color-border);padding:.6rem .75rem;font-size:.78rem}table.txn-table td{border-bottom:1px solid var(--color-border);vertical-align:middle;padding:.65rem .75rem}table.txn-table tr.flagged{background:var(--color-flagged-bg)}table.txn-table tr:hover{background:var(--color-row-hover-bg)}.amount-positive{color:var(--color-success);font-weight:600}.amount-negative{color:var(--color-text)}.flag-reason{color:var(--color-text-muted);margin-top:.15rem;font-size:.8rem}.toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.toolbar .spacer{flex:1}.modal-overlay{z-index:50;background:#10182873;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-card{width:100%;max-width:640px;max-height:90vh;overflow-y:auto}.modal-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.modal-header h1{margin:0}.modal-header button{padding:.1rem .5rem;font-size:1.25rem;line-height:1}.pagination{justify-content:flex-end;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.status-banner{border-radius:var(--radius);margin-bottom:1.25rem;padding:.85rem 1.1rem;font-size:.92rem}.status-banner.error{background:var(--color-danger-bg);color:var(--color-danger)}.status-banner.info{background:var(--color-info-bg);color:var(--color-primary-dark)}.status-banner.success{background:var(--color-success-bg);color:var(--color-success)}.upload-dropzone{border:2px dashed var(--color-border);border-radius:var(--radius);text-align:center;color:var(--color-text-muted);padding:2.5rem}.report-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.stat-tile{padding:1.25rem}.stat-tile .label{color:var(--color-text-muted);margin-bottom:.35rem;font-size:.85rem}.stat-tile .value{font-size:1.6rem;font-weight:700}.category-bar-row{align-items:center;gap:.75rem;padding:.4rem 0;display:flex}.category-bar-row .name{width:160px;font-size:.88rem}.category-bar-row .bar-track{background:var(--color-neutral-bg);border-radius:999px;flex:1;height:10px;overflow:hidden}.category-bar-row .bar-fill{background:var(--color-primary);height:100%}.category-bar-row .amount{text-align:right;font-variant-numeric:tabular-nums;width:130px;font-size:.88rem}@media (width<=1024px){.report-grid{grid-template-columns:1fr}main.page{padding:1.25rem}}.dashboard-kpi-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.dashboard-kpi-grid .stat-tile .sub{color:var(--color-text-muted);margin-top:.2rem;font-size:.78rem}.dashboard-charts-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.dashboard-charts-grid .card.span-2{grid-column:span 2}.chart-title{margin-bottom:1rem;font-size:1rem}.stacked-status-bar{background:var(--color-border);border-radius:6px;width:100%;height:28px;display:flex;overflow:hidden}.stacked-status-bar .segment{height:100%}.status-legend{flex-wrap:wrap;gap:.6rem 1.1rem;margin-top:1rem;display:flex}.status-legend .legend-item{color:var(--color-text);align-items:center;gap:.4rem;font-size:.82rem;display:flex}.status-legend .swatch{border-radius:2px;flex-shrink:0;width:10px;height:10px}@media (width<=1024px){.dashboard-kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-charts-grid{grid-template-columns:1fr}.dashboard-charts-grid .card.span-2{grid-column:span 1}}.form-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem;display:grid}.form-field{flex-direction:column;gap:.3rem;display:flex}.form-field label{color:var(--color-text-muted);font-size:.82rem}.form-field input[type=text],.form-field input[type=email],.form-field input[type=tel],.form-field input[type=number],.form-field input[type=password],.form-field select,.form-field textarea{font:inherit;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);padding:.45rem .6rem}.form-field.span-2{grid-column:span 2}.line-items{flex-direction:column;gap:.6rem;margin-bottom:1rem;display:flex}.line-item-row{align-items:center;gap:.6rem;display:flex}.line-item-row input[type=text]{flex:1}.line-item-row input[type=number]{width:140px}.card+.card{margin-top:1.25rem}.info-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.25rem;display:grid}.info-grid .label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.78rem}.info-grid .value{margin-top:.15rem;font-size:1rem;font-weight:600}.comment-feed{flex-direction:column;gap:.9rem;margin-top:1rem;display:flex}.comment-item{border:1px solid var(--color-border);border-radius:var(--radius);padding:.75rem .9rem}.comment-item .comment-date{color:var(--color-text-muted);margin-bottom:.3rem;font-size:.78rem}.comment-form{flex-direction:column;gap:.6rem;margin-top:1rem;display:flex}.comment-form textarea{font:inherit;border:1px solid var(--color-border);border-radius:var(--radius);resize:vertical;min-height:4.5rem;padding:.6rem}.link-button{color:var(--color-primary);cursor:pointer;font:inherit;background:0 0;border:none;padding:0}.link-button:hover{text-decoration:underline}@media (width<=1024px){.form-grid{grid-template-columns:1fr}.form-field.span-2{grid-column:span 1}.info-grid{grid-template-columns:repeat(2,1fr)}}.theme-toggle{border-radius:999px;justify-content:center;align-items:center;width:2.15rem;height:2.15rem;padding:0;display:inline-flex}.auth-page{background:radial-gradient(circle at 18% 15%, #2f6feb24, transparent 55%), radial-gradient(circle at 85% 10%, #2f6feb17, transparent 45%), var(--color-bg);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:2.5rem 1.5rem;display:flex;position:relative}.auth-page .theme-toggle{position:absolute;top:1.25rem;right:1.25rem}.auth-shell{flex-direction:column;align-items:center;gap:1.75rem;width:100%;max-width:440px;display:flex}.auth-brand{align-items:center;gap:.65rem;display:flex}.auth-brand-mark{background:var(--color-primary);width:38px;height:38px;color:var(--color-on-primary);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.auth-brand-name{color:var(--color-text);letter-spacing:-.01em;font-size:1.2rem;font-weight:700}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;width:100%;padding:2.25rem 2.25rem 2rem;box-shadow:0 12px 32px #1018281f,0 2px 8px #1018280f}.auth-card h1{margin-bottom:.35rem;font-size:1.55rem}.auth-card form{margin-top:0}.auth-subtitle{color:var(--color-text-muted);margin:0 0 1.5rem;font-size:.94rem}.auth-divider{color:var(--color-text-muted);align-items:center;gap:.75rem;margin:1.25rem 0;font-size:.82rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--color-border);flex:1;height:1px}button.google{justify-content:center;align-items:center;gap:.6rem;width:100%;padding:.6rem 1rem;font-weight:600;display:flex}button.google svg{flex-shrink:0}.auth-footer{text-align:center;color:var(--color-text-muted);margin:1.5rem 0 0;font-size:.9rem}.auth-footer a{color:var(--color-primary);font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.field-hint{color:var(--color-text-muted);margin-top:.3rem;font-size:.85rem;display:block}.field-error{color:var(--color-danger);margin-top:.3rem;font-size:.85rem;display:block}@media (width<=520px){.auth-card{padding:1.75rem 1.5rem 1.5rem}}
