*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #060c1a;--surface: #0a1226;--border: #132040;--text: #c8ccd8;--gold: #D4AF37;--cream: #f5ede0;--mono: "JetBrains Mono", "Courier New", monospace;--display: "Fraunces", serif;--body: "Inter", sans-serif}body{background:var(--bg);color:var(--text);font-family:var(--body);overflow-x:hidden}.root{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:var(--surface);border-bottom:1px solid var(--border)}.topbar-left{display:flex;flex-direction:column;gap:2px}.logo{font-family:var(--display);font-size:18px;font-weight:700;color:var(--gold);letter-spacing:2px}.logo-amp{font-style:italic}.logo-sub{font-size:9px;color:#445;letter-spacing:4px}.topbar-right{display:flex;align-items:center;gap:12px}.period-selector{font-size:11px;color:#445;border:1px solid var(--border);padding:4px 10px;border-radius:3px}.user-badge{width:32px;height:32px;border-radius:50%;background:var(--gold);color:var(--surface);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.agent-bar{background:#07101f;border-bottom:1px solid var(--border);padding:8px 24px;display:flex;align-items:flex-start;gap:20px;min-height:52px}.agent-status{display:flex;align-items:center;gap:8px;min-width:300px}.agent-dot{width:8px;height:8px;border-radius:50%;background:#333}.agent-name{font-size:10px;color:var(--gold);letter-spacing:3px;font-family:var(--mono)}.agent-task{font-size:11px;color:#556;font-family:var(--mono)}.agent-progress-wrap{flex:1;height:3px;background:#132040;border-radius:2px;overflow:hidden;align-self:center}.agent-progress-bar{height:100%;background:var(--gold);border-radius:2px}.agent-reasoning{display:flex;flex-direction:column;gap:1px;min-width:300px}.reasoning-line{font-size:9px;color:#445;font-family:var(--mono);line-height:1.5}.dashboard{display:grid;grid-template-columns:2fr 1.5fr 120px 120px;grid-template-rows:auto auto auto;gap:1px;background:var(--border);flex:1}.panel{background:var(--surface);padding:14px 16px;display:flex;flex-direction:column;gap:8px;overflow:hidden}.panel-title{font-size:9px;color:#445;letter-spacing:3px;font-family:var(--mono)}.panel-pl{grid-column:1;grid-row:1}.panel-cashflow{grid-column:2;grid-row:1}.panel-vat{grid-column:3;grid-row:1}.panel-tax{grid-column:4;grid-row:1}.panel-vendors{grid-column:1;grid-row:2}.panel-cat{grid-column:2;grid-row:2}.panel-receipts{grid-column:3 / 5;grid-row:2}.panel-anomaly{grid-column:1 / 3;grid-row:3}.panel-metrics{grid-column:3 / 5;grid-row:3}.chart-legend{display:flex;gap:14px;font-size:9px}.gauge-wrap{display:flex;flex-direction:column;align-items:center}.gauge-val{font-family:var(--mono);font-size:18px;color:var(--gold);margin-top:-4px}.gauge-sub{font-size:9px;color:#445}.tax-days{font-family:var(--mono);font-size:32px;color:var(--gold);line-height:1}.tax-label{font-size:9px;color:#445;letter-spacing:1px}.tax-amount{font-family:var(--mono);font-size:16px;color:#39f;margin-top:6px}.vendors-list{display:flex;flex-direction:column;gap:5px}.vendor-row{display:flex;align-items:center;gap:8px;font-size:10px}.vendor-rank{color:#334;min-width:20px;font-family:var(--mono)}.vendor-name{min-width:100px;color:#889}.vendor-bar-wrap{flex:1;height:4px;background:#132040;border-radius:2px;overflow:hidden}.vendor-bar{height:100%;background:var(--gold);border-radius:2px}.vendor-total{font-family:var(--mono);font-size:10px;color:var(--gold);min-width:60px;text-align:right}.receipt-stream{overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:2px}.receipt-row{display:flex;align-items:center;gap:8px;padding:3px 6px;font-size:10px;border-radius:2px;background:#07101f}.receipt-anomaly{background:#1a0a00;border:1px solid #ff660033}.r-vendor{flex:1;color:#889}.r-cat{font-size:9px;color:#445;min-width:70px}.r-amount{font-family:var(--mono);color:var(--gold);min-width:60px;text-align:right}.r-flag{color:#f60}.anomaly-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto;flex:1}.no-anomaly{font-size:11px;color:#334}.anomaly-item{padding:8px 10px;background:#1a0a00;border:1px solid #ff660033;border-radius:3px}.anomaly-vendor{font-size:11px;color:#f80;margin-bottom:3px;font-family:var(--mono)}.anomaly-reason{font-size:10px;color:#665;line-height:1.6}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric-item{text-align:center;padding:10px;background:#07101f;border-radius:4px}.metric-val{font-family:var(--mono);font-size:20px;font-weight:700;line-height:1}.metric-label{font-size:9px;color:#445;letter-spacing:2px;margin-top:4px}.action-bar{padding:16px 24px;background:var(--surface);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center;min-height:70px}.btn-run{padding:14px 52px;background:#0d1a0a;border:2px solid var(--gold);color:var(--gold);cursor:pointer;font-family:var(--display);font-size:15px;letter-spacing:4px;font-style:italic;transition:background .2s}.btn-run:hover{background:#1a2a10}.running-label{font-family:var(--mono);font-size:12px;letter-spacing:2px}.end-banner{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:center}.end-val{font-family:var(--mono);font-size:28px;color:var(--gold);font-weight:700}.end-label{font-size:11px;color:#889;letter-spacing:3px}.end-anomaly{font-size:11px;color:#f80;letter-spacing:2px}.end-ctas{display:flex;gap:8px}.btn-ghost{padding:8px 18px;background:transparent;border:1px solid var(--border);color:#556;cursor:pointer;font-family:var(--mono);font-size:10px;letter-spacing:2px;text-decoration:none;transition:all .2s}.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}