@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{--bg:#060810;--surface:#ffffff0a;--surface-alt:#ffffff05;--text:#f1f5f9;--text-muted:#94a3b8;--text-hint:#475569;--border:#ffffff0f;--border-light:#ffffff0f;--accent:#6366f1;--accent-light:#6366f126;--accent-dark:#a5b4fc;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--success:#10b981;--radius:10px;--radius-sm:6px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.app{grid-template-columns:minmax(0,1fr) 320px;height:100vh;display:grid;overflow:hidden}.main-content{padding:20px 24px;overflow-y:auto}.top-bar{background:var(--surface-alt);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin:-20px -24px 20px;padding:16px 24px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a78bfa);border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;font-weight:600;display:flex;box-shadow:0 0 16px #6366f140}.brand-name{letter-spacing:-.3px;color:#f1f5f9;font-size:15px;font-weight:600}.brand-sub{color:#64748b;font-size:12px}.top-right{align-items:center;gap:12px;display:flex}.client-name{color:#a5b4fc;background:#6366f11a;border:1px solid #6366f133;border-radius:20px;padding:4px 14px;font-size:13px;font-weight:500}.refresh-info{color:var(--text-hint);align-items:center;gap:6px;font-size:12px;display:flex}.demo-badge{color:#a5b4fc;background:#6366f126;border:1px solid #6366f140;border-radius:10px;padding:1px 8px;font-size:11px;font-weight:600}.stats-bar{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;padding:14px 16px;display:flex}.stat-label{color:var(--text-hint);margin-bottom:4px;font-size:12px}.stat-value{letter-spacing:-1px;color:var(--text);font-size:26px;font-weight:600;line-height:1.1}.stat-value.accent{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.stat-sub{color:var(--success);margin-top:2px;font-size:12px}.table-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.table-filters{border-bottom:1px solid var(--border);gap:4px;padding:12px 16px;display:flex}.filter-btn{color:var(--text-muted);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-family:inherit;font-size:12px;transition:all .15s;display:flex}.filter-btn:hover{color:#c7d2fe;background:#6366f11a;border-color:#6366f133}.filter-btn.active{background:var(--accent-gradient);color:#fff;border-color:#0000;box-shadow:0 2px 12px #6366f140}.filter-count{opacity:.7;font-size:11px}.table-wrap{overflow-x:auto}.prospect-table{border-collapse:collapse;width:100%;font-size:13px}.prospect-table th{text-align:left;color:var(--text-hint);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap;background:#080a12;padding:10px 14px;font-size:11px;font-weight:600;position:sticky;top:0}.prospect-table td{vertical-align:middle;border-bottom:1px solid #ffffff08;padding:10px 14px}.prospect-table tbody tr:nth-child(2n) td{background:#ffffff03}.prospect-table tbody tr:hover td{background:#ffffff08}.cell-name{white-space:nowrap;color:#f1f5f9;font-weight:600}.cell-company{color:var(--text-muted);white-space:nowrap}.cell-title{color:#64748b;white-space:nowrap;font-size:12px}.cell-channels{white-space:nowrap;color:var(--text-muted);font-size:12px}.cell-action{color:#64748b;max-width:200px;font-size:12px}.cell-reply{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:12px;overflow:hidden}.cell-meeting{color:#fcd34d;white-space:nowrap;font-size:12px;font-weight:500}.cell-next{color:var(--accent-dark);max-width:200px;font-size:12px;font-weight:500}.cell-market{color:#64748b;white-space:nowrap;font-size:12px}.cell-time{color:var(--text-hint);white-space:nowrap;font-size:12px}.status-pill{white-space:nowrap;border:1px solid #0000;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-block}.empty-row{text-align:center;color:var(--text-hint);padding:40px 14px!important}.chat-panel{border-left:1px solid var(--border);background:linear-gradient(#0c0f1a,#0a0d14);flex-direction:column;height:100vh;display:flex}.chat-header{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:16px 18px;display:flex}.chat-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a78bfa);border-radius:50%;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;font-size:12px;font-weight:600;display:flex;box-shadow:0 0 12px #6366f14d}.chat-header-info{flex-direction:column;display:flex}.chat-header-title{color:#f1f5f9;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.chat-header-sub{color:var(--text-hint);font-size:11px}.chat-dot{background:var(--success);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse;box-shadow:0 0 8px #10b98199}.chat-online{color:var(--success);font-size:11px;font-weight:500}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.chat-messages{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chat-msg{gap:8px;max-width:92%;display:flex}.chat-msg.user{flex-direction:row-reverse;align-self:flex-end}.chat-msg.agent{align-self:flex-start}.msg-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a78bfa);border-radius:50%;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;margin-top:2px;font-size:11px;font-weight:600;display:flex;box-shadow:0 0 10px #6366f133}.msg-bubble{border-radius:var(--radius);white-space:pre-wrap;word-break:break-word;padding:8px 12px;font-size:13px;line-height:1.5}.msg-bubble.agent{color:#cbd5e1;background:#ffffff0f;border:1px solid #ffffff14;border-radius:4px 14px 14px}.msg-bubble.user{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:14px 4px 14px 14px;box-shadow:0 2px 10px #10b98133}.msg-bubble.typing{gap:4px;padding:12px 16px;display:flex}.dot{background:#6366f1;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite bounce}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.quick-cmds{flex-wrap:wrap;gap:5px;padding:8px 16px;display:flex}.cmd-btn{color:var(--text-muted);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;padding:4px 10px;font-family:inherit;font-size:11px;transition:all .15s}.cmd-btn:hover{color:#a5b4fc;background:#6366f126;border-color:#6366f14d}.chat-input-area{border-top:1px solid var(--border);gap:8px;padding:12px 16px;display:flex}.chat-input{color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;outline:none;flex:1;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.chat-input:focus{border-color:#6366f166;box-shadow:0 0 0 3px #6366f114}.chat-input::placeholder{color:var(--text-hint)}.send-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 2px 12px #6366f14d}.send-btn:hover{transform:scale(1.05);box-shadow:0 4px 16px #6366f166}.send-btn:disabled{opacity:.4;cursor:default;box-shadow:none;transform:none}.loading{color:var(--text-hint);text-align:center;padding:40px;font-size:14px}@media (width<=900px){.app{grid-template-rows:1fr auto;grid-template-columns:1fr}.chat-panel{border-left:none;border-top:1px solid var(--border);height:360px}.stats-bar{grid-template-columns:repeat(2,1fr)}}
