:root{--background:#f7f7f4;--surface:#ffffff;--surface-muted:#f0f2f4;--border:#d8dde3;--text:#1c242b;--muted:#63707b;--primary:#2563eb;--primary-dark:#1d4ed8;--good:#15803d;--bad:#dc2626;--warning:#a16207}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:var(--background);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.workspace{display:flex;flex-direction:column;gap:18px;margin:0 auto;max-width:1440px;padding:24px}.topbar{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.login-card h1,.panel h2,.topbar h1{margin:0}.topbar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.eyebrow{color:var(--primary);font-size:12px;font-weight:800;letter-spacing:0;margin:0 0 4px;text-transform:uppercase}.muted,.panel-heading p{color:var(--muted);margin:4px 0 0}.login-card,.metric-card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 20px rgb(17 24 39/6%)}.panel{padding:18px}.panel-heading,.statement-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.filters-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}label{color:var(--muted);display:grid;font-size:12px;font-weight:700;grid-gap:6px;gap:6px}input,select{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);min-height:38px;padding:8px 10px}.file-button,.ghost-button,.primary-button,.secondary-button{align-items:center;border-radius:8px;display:inline-flex;gap:8px;min-height:38px;padding:8px 12px}.primary-button{background:var(--primary);border:1px solid var(--primary);color:#fff}.file-button,.secondary-button{background:var(--surface);border:1px solid var(--border);color:var(--text)}.ghost-button,.text-button{background:transparent;border:0;color:var(--primary)}.breakdown-grid,.summary-grid,.totals-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.side-by-side,.two-column{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.metric-card{padding:16px}.metric-card>span{color:var(--muted);display:block;font-size:12px;font-weight:800;margin-bottom:10px}.bar-label,.comparison-row,.metric-row,.movement-row,.statement-row div{align-items:center;display:flex;gap:12px;justify-content:space-between}.metric-row+.metric-row{margin-top:8px}.tone-good{color:var(--good)}.tone-bad{color:var(--bad)}.bar-list,.comparison-list,.movement-list,.statement-review{display:grid;grid-gap:10px;gap:10px}.comparison-row,.movement-row{border-bottom:1px solid var(--border);padding:8px 0}.movement-row span{color:var(--muted);display:block;font-size:12px;margin-top:3px}.bar-track{background:var(--surface-muted);border-radius:999px;height:9px;overflow:hidden}.bar-fill{background:var(--primary);border-radius:999px;height:100%}.statement-controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.file-button input{display:none}.statement-column{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px}.statement-column h4{align-items:center;display:flex;gap:8px;margin:0 0 10px}.statement-row{background:var(--surface-muted);border-radius:8px;display:grid;grid-gap:6px;gap:6px;margin-top:8px;padding:10px}.statement-row span{color:var(--muted);font-size:12px}.error-banner,.warning-box{border-radius:8px;padding:12px}.warning-box{background:#fef9c3;color:var(--warning)}.error-banner,.error-text{background:#fee2e2;color:var(--bad)}.error-text{border-radius:8px;margin:0;padding:10px}.login-shell{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px}.login-card{display:grid;grid-gap:16px;gap:16px;max-width:420px;padding:24px;width:100%}.google-mark,.login-google-button{justify-content:center}.google-mark{align-items:center;border:1px solid var(--border);border-radius:50%;display:inline-flex;font-weight:800;height:22px;width:22px}.loading-panel{min-height:180px}@media (max-width:720px){.workspace{padding:14px}.panel-heading,.statement-header,.topbar{align-items:stretch;flex-direction:column}.side-by-side,.two-column{grid-template-columns:1fr}}