:root{--kai-bg: #0f1117;--kai-surface: #1a1d27;--kai-surface-2: #222636;--kai-border: #2d3148;--kai-text: #e4e6f0;--kai-text-muted: #8b8fa4;--kai-accent: #4f8cff;--kai-accent-dim: rgba(79, 140, 255, .15);--kai-green: #34d399;--kai-red: #f87171;--kai-amber: #fbbf24;--kai-font: "Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--kai-font);background:var(--kai-bg);color:var(--kai-text);-webkit-font-smoothing:antialiased}.kai-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.kai-header{display:flex;align-items:center;gap:16px;padding:0 20px;height:48px;background:var(--kai-surface);border-bottom:1px solid var(--kai-border);flex-shrink:0}.kai-header-brand{font-weight:700;font-size:15px;letter-spacing:1.5px;color:var(--kai-accent)}.kai-header-nav{display:flex;gap:4px;margin-left:24px}.kai-nav-btn{padding:6px 14px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;background:transparent;color:var(--kai-text-muted);transition:background .15s,color .15s}.kai-nav-btn:hover{background:var(--kai-surface-2);color:var(--kai-text)}.kai-nav-btn.active{background:var(--kai-accent-dim);color:var(--kai-accent)}.kai-header-right{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:12px;color:var(--kai-text-muted)}.kai-body{flex:1;overflow-y:auto;padding:20px}.kai-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.kai-card{background:var(--kai-surface);border:1px solid var(--kai-border);border-radius:10px;padding:16px}.kai-card-title{font-size:13px;font-weight:600;margin-bottom:12px;color:var(--kai-text-muted);text-transform:uppercase;letter-spacing:.5px}.kai-stat-row{display:flex;justify-content:space-between;align-items:baseline;padding:4px 0;font-size:13px}.kai-stat-label{color:var(--kai-text-muted)}.kai-stat-value{font-weight:600;font-variant-numeric:tabular-nums}.kai-stat-value.positive{color:var(--kai-green)}.kai-stat-value.negative{color:var(--kai-red)}.kai-table{width:100%;border-collapse:collapse;font-size:13px}.kai-table th{text-align:left;padding:8px 10px;color:var(--kai-text-muted);font-weight:500;border-bottom:1px solid var(--kai-border);font-size:11px;text-transform:uppercase;letter-spacing:.3px}.kai-table td{padding:8px 10px;border-bottom:1px solid var(--kai-border)}.kai-table tr:last-child td{border-bottom:none}.kai-table tr:hover td{background:var(--kai-surface-2)}.kai-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:var(--kai-text-muted);font-size:14px;gap:8px}.kai-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--kai-text-muted)}.kai-dash-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:16px}.kai-dash-meta{font-size:12px;color:var(--kai-text-muted)}.kai-card-wide{grid-column:span 2}.kai-card-mt{margin-top:16px}.kai-card-title-inline{margin:0}.kai-table .kai-td-bold{font-weight:600}.kai-table .kai-td-muted{color:var(--kai-text-muted)}.kai-table .kai-td-right{text-align:right;font-variant-numeric:tabular-nums}.kai-table .kai-th-right{text-align:right}.kai-table .kai-td-mono{font-size:11px;color:var(--kai-text-muted)}.kai-range-btns{display:flex;gap:2px}.kai-range-btn{padding:3px 10px;border:1px solid var(--kai-border);border-radius:4px;background:transparent;color:var(--kai-text-muted);font-size:11px;font-family:var(--kai-font);cursor:pointer}.kai-range-btn:hover{background:var(--kai-surface-2)}.kai-range-btn.active{background:var(--kai-accent-dim);color:var(--kai-accent);border-color:var(--kai-accent)}.kai-portfolio-select{padding:6px 12px;background:var(--kai-surface-2);border:1px solid var(--kai-border);border-radius:6px;color:var(--kai-text);font-size:13px;font-family:var(--kai-font)}.kai-chart-wrap{height:240px;margin-top:8px}.kai-agent-tree{font-size:13px}.kai-agent-node{padding:10px 14px;margin:4px 0;background:var(--kai-surface-2);border:1px solid var(--kai-border);border-radius:8px;cursor:default}.kai-agent-node-name{font-weight:600;color:var(--kai-accent);margin-bottom:2px}.kai-agent-node-desc{color:var(--kai-text-muted);font-size:12px}.kai-agent-children{margin-left:24px;border-left:2px solid var(--kai-border);padding-left:12px}.kai-agent-caps{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.kai-agent-cap{padding:2px 8px;border-radius:4px;background:var(--kai-accent-dim);color:var(--kai-accent);font-size:11px}.kai-agent-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.kai-agent-source{font-size:11px;color:var(--kai-text-muted)}.kai-agent-type-tag{font-size:11px;font-weight:400;color:var(--kai-text-muted);margin-left:8px}.kai-agent-tools{margin-top:4px;font-size:11px;color:var(--kai-text-muted)}.kai-agent-db-card{margin-top:20px}.kai-chat-wrap{display:flex;flex-direction:column;height:100%}.kai-chat-messages{flex:1;overflow-y:auto;padding:16px 0}.kai-chat-msg{max-width:640px;padding:10px 14px;margin:6px 0;border-radius:10px;font-size:14px;line-height:1.5}.kai-chat-msg.user{margin-left:auto;background:var(--kai-accent);color:#fff}.kai-chat-msg.assistant{background:var(--kai-surface);border:1px solid var(--kai-border)}.kai-chat-input-row{display:flex;gap:8px;padding:12px 0;border-top:1px solid var(--kai-border)}.kai-chat-input{flex:1;padding:10px 14px;background:var(--kai-surface);border:1px solid var(--kai-border);border-radius:8px;color:var(--kai-text);font-size:14px;font-family:var(--kai-font);outline:none}.kai-chat-input:focus{border-color:var(--kai-accent)}.kai-chat-send{padding:10px 20px;background:var(--kai-accent);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer}.kai-chat-send:hover{opacity:.9}.kai-canvas-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;min-height:400px}.kai-widget{background:var(--kai-surface);border:1px solid var(--kai-border);border-radius:10px;padding:14px;display:flex;flex-direction:column}.kai-widget.pending{opacity:.6}.kai-widget.error{border-color:var(--kai-red)}.kai-widget-span-4{grid-column:span 4}.kai-widget-span-6{grid-column:span 6}.kai-widget-span-8{grid-column:span 8}.kai-widget-span-12{grid-column:span 12}.kai-widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.kai-widget-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--kai-text-muted)}.kai-widget-status{width:8px;height:8px;border-radius:50%}.kai-widget-status.ready{background:var(--kai-green)}.kai-widget-status.pending{background:var(--kai-amber)}.kai-widget-status.error{background:var(--kai-red)}.kai-widget-body{flex:1;overflow:auto;font-size:13px}