:root{--bg-canvas:#f8fafc;--bg-card:#fff;--bg-subtle:#f1f5f9;--border-default:#e2e8f0;--border-subtle:#edf2f7;--border-strong:#cbd5e1;--brand-obsidian:#0f172a;--brand-obsidian-hover:#1e293b;--color-indigo:#4f46e5;--color-indigo-subtle:#eef2ff;--color-emerald:#059669;--color-emerald-bg:#ecfdf5;--color-emerald-border:#a7f3d0;--color-crimson:#dc2626;--color-crimson-bg:#fef2f2;--color-crimson-border:#fecaca;--color-blue:#2563eb;--color-blue-bg:#eff6ff;--text-heading:#0f172a;--text-body:#334155;--text-muted:#64748b;--text-faint:#94a3b8;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-subtle:0 1px 2px 0 #0000000a;--shadow-card:0 1px 3px 0 #00000008, 0 1px 2px -1px #00000008;--shadow-modal:0 20px 25px -5px #0f172a26, 0 8px 10px -6px #0f172a1a}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}html,body{background:var(--bg-canvas);width:100%;height:100%;color:var(--text-body);font-family:var(--font-sans);font-size:13px;line-height:1.5;overflow-x:hidden}body{flex-direction:column;min-height:100dvh;display:flex}#root{flex-direction:column;width:100%;min-height:100dvh;display:flex}.navbar{border-bottom:1px solid var(--border-default);z-index:50;background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;height:54px;padding:0 24px;display:flex;position:sticky;top:0}.nav-left{align-items:center;gap:12px;min-width:0;display:flex}.brand-logo{color:var(--text-heading);cursor:pointer;flex-shrink:0;align-items:center;gap:9px;text-decoration:none;display:flex}.brand-icon{background:var(--brand-obsidian);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.brand-title{letter-spacing:-.3px;color:var(--text-heading);white-space:nowrap;font-size:14.5px;font-weight:800}.brand-tag{font-size:10.5px;font-family:var(--font-mono);color:var(--text-muted);background:var(--bg-subtle);border:1px solid var(--border-default);white-space:nowrap;border-radius:4px;padding:2px 7px;font-weight:600}.nav-divider{background:var(--border-default);flex-shrink:0;width:1px;height:18px}.nav-status{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);white-space:nowrap;align-items:center;gap:7px;display:flex}.status-dot{background:var(--color-emerald);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 2px #05966933}.status-dot-pulse{background:var(--color-emerald);border-radius:50%;width:6px;height:6px;animation:1.2s infinite pulse;display:inline-block}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #059669b3}70%{transform:scale(1);box-shadow:0 0 0 5px #05966900}to{transform:scale(.95);box-shadow:0 0 #05966900}}.nav-right{align-items:center;gap:8px;display:flex}.btn-primary{background:var(--brand-obsidian);color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:background .15s;display:flex}.btn-primary:hover{background:var(--brand-obsidian-hover)}.btn-ghost{color:var(--text-body);border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.btn-ghost:hover{background:var(--bg-subtle);border-color:var(--border-strong)}.user-pill{background:var(--bg-subtle);border:1px solid var(--border-default);color:var(--text-body);white-space:nowrap;border-radius:20px;align-items:center;gap:7px;padding:4px 10px 4px 4px;font-size:11.5px;font-weight:600;display:flex}.user-avatar{background:var(--brand-obsidian);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:9.5px;font-weight:700;display:flex}.mobile-view-tabs{display:none}.workspace{flex-direction:column;flex:1;gap:14px;width:100%;max-width:1540px;margin:0 auto;padding:16px 24px;display:flex}.kpi-row{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(10px,1.2vw,16px);display:grid}.kpi-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-card);flex-direction:column;gap:4px;min-width:0;padding:clamp(12px,1.5vh,16px) clamp(14px,1.4vw,20px);display:flex}.kpi-label{color:var(--text-muted);letter-spacing:-.1px;font-size:11px;font-weight:600}.kpi-value{letter-spacing:-.5px;color:var(--text-heading);font-size:clamp(20px,1.8vw,24px);font-weight:800;font-family:var(--font-mono)}.kpi-value.anomaly{color:var(--color-crimson)}.kpi-value.verified{color:var(--color-emerald)}.kpi-meta{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:11px;display:flex;overflow:hidden}.grid-workspace{flex:1;grid-template-columns:1.15fr .85fr;align-items:stretch;gap:clamp(12px,1.4vw,18px);min-height:0;display:grid}.col-left{flex-direction:column;gap:clamp(12px,1.4vw,18px);min-height:0;display:flex}.col-right{flex-direction:column;min-height:0;display:flex}.card{border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-card);background:#fff}.chart-card{flex-direction:column;flex:1;min-height:clamp(240px,32vh,320px);display:flex;overflow:hidden}.card-header{border-bottom:1px solid var(--border-default);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:clamp(10px,1.2vh,14px) clamp(12px,1.4vw,18px);display:flex}.card-title-group{align-items:center;gap:8px;display:flex}.card-title{color:var(--text-heading);white-space:nowrap;font-size:clamp(12.5px,.95vw,13.5px);font-weight:700}.pill-badge{background:var(--bg-subtle);border:1px solid var(--border-default);color:var(--text-muted);font-size:10px;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;white-space:nowrap;border-radius:4px;padding:2px 7px}.segment-toggle{background:var(--bg-subtle);border:1px solid var(--border-default);border-radius:var(--radius-sm);flex-shrink:0;gap:2px;padding:2px;display:flex}.segment-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;transition:all .12s;display:flex}.segment-btn.active{color:var(--text-heading);background:#fff;box-shadow:0 1px 2px #0000000d}.canvas-wrap{flex:1;width:100%;min-height:180px;position:relative}canvas#revenueCanvas{width:100%;height:100%;display:block}.chart-footer{background:var(--bg-subtle);border-top:1px solid var(--border-default);font-size:11px;font-family:var(--font-mono);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;display:flex}.gate-card{flex-direction:column;gap:12px;padding:clamp(12px,1.4vh,16px) clamp(14px,1.4vw,18px);display:flex}.gate-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.gate-status{background:var(--color-emerald-bg);border:1px solid var(--color-emerald-border);color:var(--color-emerald);font-size:10.5px;font-weight:700;font-family:var(--font-mono);white-space:nowrap;border-radius:4px;padding:3px 8px}.stepper-desktop{background:var(--bg-subtle);border-radius:var(--radius-sm);border:1px solid var(--border-default);font-size:11px;font-family:var(--font-mono);justify-content:space-between;align-items:center;padding:7px 12px;display:flex}.step-item{color:var(--text-muted);white-space:nowrap;align-items:center;gap:5px;font-weight:600;display:flex}.step-num{border:1px solid var(--border-default);width:17px;height:17px;color:var(--text-muted);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:9.5px;font-weight:700;display:flex}.step-item.active{color:var(--color-blue)}.step-item.active .step-num{background:var(--color-blue);color:#fff;border-color:var(--color-blue)}.step-item.completed{color:var(--color-emerald)}.step-item.completed .step-num{background:var(--color-emerald);color:#fff;border-color:var(--color-emerald)}.stepper-mobile{background:var(--bg-subtle);border-radius:var(--radius-sm);border:1px solid var(--border-default);flex-direction:column;gap:6px;padding:8px 10px;display:none}.mobile-step-header{justify-content:space-between;align-items:center;font-size:11px;display:flex}.mobile-step-badge{color:var(--color-blue);font-weight:700;font-family:var(--font-mono);font-size:10.5px}.mobile-step-name{color:var(--text-heading);font-weight:600}.mobile-step-track{background:var(--border-default);border-radius:2px;width:100%;height:4px;overflow:hidden}.mobile-step-fill{background:var(--color-blue);height:100%;transition:width .3s}.slider-section{flex-direction:column;gap:6px;display:flex}.slider-meta{color:var(--text-muted);justify-content:space-between;font-size:11.5px;display:flex}input[type=range]{width:100%;accent-color:var(--brand-obsidian);cursor:pointer}.impact-table{background:var(--bg-subtle);border:1px solid var(--border-default);border-radius:var(--radius-sm);grid-template-columns:repeat(3,1fr);gap:8px;padding:8px 12px;display:grid}.impact-cell{flex-direction:column;gap:2px;display:flex}.impact-lbl{color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:600}.impact-val{font-size:13.5px;font-weight:800;font-family:var(--font-mono)}.gate-actions{align-items:center;gap:8px;display:flex}.btn-authorize{background:var(--color-emerald);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 14px;font-size:12px;font-weight:700;transition:background .15s;display:flex}.btn-authorize:hover{background:#047857}.btn-authorize:disabled{opacity:.6;cursor:not-allowed}.btn-dismiss{color:var(--text-muted);border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:9px 14px;font-size:12px;font-weight:600}.btn-dismiss:hover{background:var(--bg-subtle);color:var(--text-heading)}.room-card{flex-direction:column;height:100%;min-height:clamp(380px,48vh,600px);display:flex;overflow:hidden}.room-tabs{background:var(--bg-subtle);border-bottom:1px solid var(--border-default);-webkit-overflow-scrolling:touch;flex-shrink:0;gap:4px;padding:0 10px;display:flex;overflow-x:auto}.room-tabs::-webkit-scrollbar{display:none}.room-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:8px 12px;font-size:11.5px;font-weight:600;display:flex}.room-tab:hover{color:var(--text-heading)}.room-tab.active{color:var(--brand-obsidian);border-bottom-color:var(--brand-obsidian);background:#fff}.quick-queries-bar{border-bottom:1px solid var(--border-default);-webkit-overflow-scrolling:touch;background:#fff;flex-shrink:0;gap:6px;padding:7px 14px;display:flex;overflow-x:auto}.quick-queries-bar::-webkit-scrollbar{display:none}.quick-pill{background:var(--bg-subtle);border:1px solid var(--border-default);color:var(--text-body);white-space:nowrap;cursor:pointer;border-radius:4px;padding:3px 9px;font-size:11px;font-weight:600;transition:all .12s}.quick-pill:hover{border-color:var(--border-strong);color:var(--text-heading);background:#fff}.feed-container{background:#fafafc;flex-direction:column;flex:1;gap:10px;min-height:0;padding:14px 16px;display:flex;overflow-y:auto}.feed-container::-webkit-scrollbar{width:5px}.feed-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.empty-briefing{text-align:center;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-muted);background:#fff;padding:24px 16px;font-size:12px;line-height:1.6}.msg-row{gap:9px;animation:.15s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.msg-avatar{width:26px;height:26px;font-size:10px;font-weight:700;font-family:var(--font-mono);color:#fff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.msg-content{border:1px solid var(--border-default);border-radius:var(--radius-sm);box-shadow:var(--shadow-subtle);word-break:break-word;overflow-wrap:anywhere;background:#fff;flex:1;min-width:0;padding:9px 13px;font-size:12px;line-height:1.55}.msg-header{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.msg-author{color:var(--text-heading);text-overflow:ellipsis;font-size:11.5px;font-weight:700;overflow:hidden}.msg-time{color:var(--text-faint);font-size:9.5px;font-family:var(--font-mono);flex-shrink:0}.sql-box{background:var(--brand-obsidian);font-family:var(--font-mono);color:#38bdf8;border-radius:5px;margin-top:7px;padding:8px 11px;font-size:11px;line-height:1.45;overflow-x:auto}.discrepancy-card{background:var(--bg-subtle);border:1px solid var(--border-default);font-family:var(--font-mono);text-align:center;border-radius:5px;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:7px;padding:8px 12px;font-size:10.5px;display:grid}.consensus-banner{background:var(--color-emerald-bg);border:1px solid var(--color-emerald-border);color:var(--color-emerald);font-size:11px;font-weight:700;font-family:var(--font-mono);border-radius:5px;align-items:center;gap:6px;margin-top:7px;padding:7px 11px;display:flex}.chat-input-bar{border-top:1px solid var(--border-default);background:#fff;flex-shrink:0;align-items:center;gap:8px;padding:10px 14px;display:flex}.chat-input{border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-heading);background:#fff;outline:none;flex:1;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.chat-input:focus{border-color:var(--brand-obsidian)}.chat-send-btn{background:var(--brand-obsidian);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s;display:flex}.chat-send-btn:hover{background:var(--brand-obsidian-hover)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0f172a80;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-box{border:1px solid var(--border-default);border-radius:var(--radius-lg);width:100%;max-width:840px;max-height:88vh;box-shadow:var(--shadow-modal);background:#fff;padding:clamp(16px,2.5vw,24px);position:relative;overflow-y:auto}.modal-close{background:var(--bg-subtle);border:1px solid var(--border-default);cursor:pointer;width:28px;height:28px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:13px;transition:all .12s;display:flex;position:absolute;top:14px;right:14px}.modal-close:hover{color:var(--text-heading);background:#e2e8f0}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.clean-table{border-collapse:collapse;text-align:left;width:100%;font-size:11.5px}.clean-table th{color:var(--text-muted);border-bottom:1px solid var(--border-default);font-weight:700;font-family:var(--font-mono);text-transform:uppercase;background:var(--bg-subtle);padding:8px 12px;font-size:10px}.clean-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-body);padding:8px 12px}.rule-badge{background:var(--bg-subtle);border:1px solid var(--border-default);color:var(--text-heading);font-family:var(--font-mono);border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:700}.rule-card-item{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:#fff;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.task-card-item{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:#fff;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}@media (width<=768px){html,body{width:100%;overflow-x:hidden}.mobile-view-tabs{border:1px solid var(--border-default);border-radius:var(--radius-sm);box-sizing:border-box;width:100%;box-shadow:var(--shadow-subtle);background:#fff;flex-shrink:0;gap:3px;padding:3px;display:flex}.m-tab-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:4px;padding:7px 4px;font-size:11px;font-weight:700;transition:all .15s;display:flex}.m-tab-btn svg{flex-shrink:0}.m-tab-btn.active{background:var(--brand-obsidian);color:#fff;box-shadow:0 1px 2px #0f172a26}.m-tab-btn.active svg{stroke:#fff}.navbar{z-index:50;border-bottom:1px solid var(--border-default);background:#fff;flex-direction:column;align-items:stretch;gap:6px;height:auto;padding:8px 12px;position:sticky;top:0}.nav-left{justify-content:space-between;align-items:center;width:100%;display:flex}.brand-logo{gap:7px}.brand-icon{width:24px;height:24px}.brand-title{font-size:13.5px}.brand-tag{padding:1px 5px;font-size:9.5px}.nav-divider,.nav-status,.user-pill{display:none!important}.nav-right{-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center;gap:5px;width:100%;padding-bottom:2px;display:flex;overflow-x:auto}.nav-right::-webkit-scrollbar{display:none}.btn-primary{border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0;padding:6px 11px;font-size:11px}.btn-ghost{border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0;padding:5px 8px;font-size:10.5px}.workspace{box-sizing:border-box;gap:8px;max-width:100%;padding:8px 10px;overflow-x:hidden}.kpi-row{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.kpi-row::-webkit-scrollbar{display:none}.kpi-card{scroll-snap-align:start;flex:0 0 84%;min-width:0;padding:10px 12px}.kpi-label{font-size:10.5px}.kpi-value{font-size:20px}.kpi-meta{font-size:10px}.grid-workspace,.col-left,.col-right{flex-direction:column;gap:10px;width:100%;min-width:0;display:flex}.card{box-sizing:border-box;width:100%;min-width:0;overflow:hidden}.card-header{flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px}.card-title-group{justify-content:space-between;align-items:center;gap:6px;width:100%;display:flex}.card-title{white-space:normal;word-break:break-word;font-size:12.5px;line-height:1.35}.pill-badge{flex-shrink:0;font-size:9px}.segment-toggle{width:100%;display:flex}.segment-btn{flex:1;justify-content:center;padding:5px 6px;font-size:10px}.canvas-wrap{min-height:180px}.chart-footer{word-break:break-word;flex-direction:column;align-items:flex-start;gap:4px;padding:8px 10px;font-size:10px}.gate-header{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 12px}.stepper-desktop{display:none}.stepper-mobile{display:flex}.impact-table{grid-template-columns:1fr;gap:6px}.impact-cell{flex-direction:row;justify-content:space-between;align-items:center;padding:8px 10px}.impact-lbl{font-size:10.5px}.impact-val{font-size:12px}.gate-actions{flex-direction:column;gap:6px}.btn-dismiss{text-align:center;width:100%}.room-card{height:auto;min-height:calc(100dvh - 150px)}.room-tabs{gap:2px;padding:0 6px}.room-tab{padding:7px 9px;font-size:10.5px}.feed-container{gap:8px;min-height:240px;max-height:52dvh;padding:10px}.msg-row{gap:7px}.msg-avatar{width:22px;height:22px;font-size:9px}.msg-content{word-break:break-word;overflow-wrap:anywhere;padding:8px 10px;font-size:11.5px;line-height:1.45}.chat-input-bar{gap:6px;padding:8px 10px}.chat-input{padding:8px 10px;font-size:16px!important}.chat-send-btn{width:36px;min-width:36px;height:36px}.quick-queries-bar{gap:4px;padding:6px 8px}.quick-pill{padding:4px 8px;font-size:10px}.discrepancy-card{text-align:left;grid-template-columns:1fr;gap:4px}.sql-box{white-space:pre-wrap;word-break:break-all;padding:7px 9px;font-size:10px}.modal-overlay{padding:10px}.modal-box{border-radius:var(--radius-md);max-height:92dvh;padding:14px 12px}}