:root{--c-charcoal: #1A1916;--c-gold: #B8922A;--c-paper: #F5F2EB;--c-paper-2: #ECE7D9;--c-ink: #2A2823;--c-mute: #8A8377;--c-line: #D9D2C2;--c-good: #2E7D32;--c-warn: #C77700;--c-bad: #B23A3A;--f-display: "Playfair Display", Georgia, serif;--f-body: "DM Sans", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--f-mono: "DM Mono", "SF Mono", Menlo, monospace;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--r-sm: 4px;--r-md: 8px;--r-lg: 12px;--shadow-1: 0 1px 2px rgba(26, 25, 22, .06), 0 1px 3px rgba(26, 25, 22, .04);--shadow-2: 0 4px 12px rgba(26, 25, 22, .08), 0 2px 4px rgba(26, 25, 22, .04)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--c-paper);color:var(--c-ink);font-family:var(--f-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit}.login-shell{min-height:100vh;display:grid;place-items:center;background:var(--c-charcoal)}.login-card{background:var(--c-paper);padding:var(--s-7) var(--s-6);width:100%;max-width:380px;border-radius:var(--r-lg);box-shadow:var(--shadow-2)}.login-title{font-family:var(--f-display);font-size:28px;margin-bottom:var(--s-2);color:var(--c-charcoal)}.login-subtitle{color:var(--c-mute);font-size:13px;margin-bottom:var(--s-6)}.field{margin-bottom:var(--s-4)}.field label{display:block;font-size:12px;letter-spacing:.04em;text-transform:uppercase;font-family:var(--f-mono);color:var(--c-mute);margin-bottom:var(--s-1)}.field input{width:100%;padding:10px 12px;border:1px solid var(--c-line);border-radius:var(--r-sm);background:#fff;font-size:14px}.field input:focus{outline:none;border-color:var(--c-gold)}.btn{width:100%;padding:12px;background:var(--c-charcoal);color:var(--c-paper);border:none;border-radius:var(--r-sm);font-weight:600;font-size:14px;letter-spacing:.02em}.btn:hover{background:var(--c-ink)}.btn-gold{background:var(--c-gold);color:#fff}.btn-gold:hover{background:#a07e22}.error{color:var(--c-bad);font-size:13px;margin-top:var(--s-3)}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.topbar{background:var(--c-charcoal);color:var(--c-paper);padding:var(--s-4) var(--s-6);display:flex;align-items:center;justify-content:space-between}.brand{font-family:var(--f-display);font-size:22px;letter-spacing:.01em}.brand-mark{color:var(--c-gold)}.user-strip{display:flex;gap:var(--s-4);align-items:center;font-family:var(--f-mono);font-size:12px;color:var(--c-paper-2)}.logout-btn{background:transparent;border:1px solid var(--c-paper-2);color:var(--c-paper);padding:6px 12px;border-radius:var(--r-sm);font-size:12px}.main-grid{display:grid;grid-template-columns:1fr 380px;gap:var(--s-5);padding:var(--s-5) var(--s-6);max-width:1600px;margin:0 auto;width:100%}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-4);margin-bottom:var(--s-5)}.summary-card{background:#fff;padding:var(--s-4);border-radius:var(--r-md);border:1px solid var(--c-line)}.summary-label{font-family:var(--f-mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--c-mute);margin-bottom:var(--s-1)}.summary-value{font-family:var(--f-mono);font-size:22px;font-weight:500;color:var(--c-charcoal)}.summary-sub{font-size:12px;color:var(--c-mute);margin-top:var(--s-1)}.summary-value.pos{color:var(--c-good)}.summary-value.neg{color:var(--c-bad)}.panel{background:#fff;border:1px solid var(--c-line);border-radius:var(--r-md);padding:var(--s-5);margin-bottom:var(--s-5)}.panel-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--s-4);padding-bottom:var(--s-3);border-bottom:1px solid var(--c-line)}.panel-title{font-family:var(--f-display);font-size:18px;font-weight:600;color:var(--c-charcoal)}.panel-sub{font-family:var(--f-mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--c-mute)}.ageing-row{display:grid;grid-template-columns:100px 80px 1fr 120px;align-items:center;padding:var(--s-2) 0;font-family:var(--f-mono);font-size:13px;border-bottom:1px solid var(--c-paper-2)}.ageing-row:last-child{border-bottom:none}.ageing-bucket{font-weight:500;color:var(--c-ink)}.ageing-count{color:var(--c-mute);font-size:12px}.ageing-bar{height:6px;background:var(--c-paper-2);border-radius:3px;overflow:hidden;margin:0 var(--s-3)}.ageing-bar-fill{height:100%;background:var(--c-gold)}.ageing-bar-fill.bad{background:var(--c-bad)}.ageing-bar-fill.warn{background:var(--c-warn)}.ageing-amount{text-align:right;font-weight:500;color:var(--c-charcoal)}.list-row{display:grid;padding:var(--s-3) 0;border-bottom:1px solid var(--c-paper-2);font-size:13px}.list-row:last-child{border-bottom:none}.list-row .meta{color:var(--c-mute);font-size:12px;font-family:var(--f-mono)}.list-row .amount{font-family:var(--f-mono);font-weight:500;text-align:right}.bills-row{grid-template-columns:1fr 100px 120px 100px;gap:var(--s-3);align-items:center}.recon-row{grid-template-columns:90px 1fr 90px 110px;gap:var(--s-3);align-items:center}.review-row{grid-template-columns:1fr 1fr 100px 90px;gap:var(--s-3);align-items:center}.activity-row{grid-template-columns:90px 1fr 100px;gap:var(--s-3);align-items:center}.tag{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.04em;background:var(--c-paper-2);color:var(--c-ink)}.tag.warn{background:#fbe9c9;color:#7a4f00}.tag.good{background:#d4ead5;color:#1f5d22}.tag.bad{background:#f5d0d0;color:#8a2727}.chat-drawer{position:sticky;top:var(--s-5);height:calc(100vh - var(--s-7) - var(--s-5));display:flex;flex-direction:column;background:#fff;border:1px solid var(--c-line);border-radius:var(--r-md)}.chat-head{padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--c-line)}.chat-head h3{font-family:var(--f-display);font-size:18px;font-weight:600;margin-bottom:2px}.chat-head p{font-family:var(--f-mono);font-size:11px;color:var(--c-mute);text-transform:uppercase;letter-spacing:.06em}.agent-pills{display:flex;gap:var(--s-2);padding:var(--s-3) var(--s-5);border-bottom:1px solid var(--c-paper-2)}.agent-pill{flex:1;text-align:center;padding:6px;border:1px solid var(--c-line);border-radius:var(--r-sm);font-family:var(--f-mono);font-size:11px;text-transform:uppercase;background:var(--c-paper);color:var(--c-ink)}.agent-pill.active{background:var(--c-charcoal);color:var(--c-paper);border-color:var(--c-charcoal)}.chat-messages{flex:1;overflow-y:auto;padding:var(--s-4) var(--s-5);display:flex;flex-direction:column;gap:var(--s-3)}.msg{padding:var(--s-3);border-radius:var(--r-md);font-size:13px;white-space:pre-wrap;line-height:1.55}.msg.user{background:var(--c-charcoal);color:var(--c-paper);align-self:flex-end;max-width:85%}.msg.agent{background:var(--c-paper);color:var(--c-ink);align-self:flex-start;max-width:100%;border-left:3px solid var(--c-gold)}.msg .agent-label{font-family:var(--f-mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--c-gold);margin-bottom:4px}.chat-form{display:flex;gap:var(--s-2);padding:var(--s-4) var(--s-5);border-top:1px solid var(--c-line)}.chat-form input{flex:1;padding:10px 12px;border:1px solid var(--c-line);border-radius:var(--r-sm);font-size:13px}.chat-form input:focus{outline:none;border-color:var(--c-gold)}.chat-form button{padding:10px 16px;background:var(--c-gold);color:#fff;border:none;border-radius:var(--r-sm);font-weight:600;font-size:13px}.chat-form button:disabled{opacity:.5}.empty{text-align:center;color:var(--c-mute);font-size:13px;padding:var(--s-6)}.loading{text-align:center;padding:var(--s-5);color:var(--c-mute);font-family:var(--f-mono);font-size:12px}@media(max-width:1100px){.main-grid{grid-template-columns:1fr}.chat-drawer{height:600px;position:relative;top:0}.summary{grid-template-columns:repeat(2,1fr)}}