:root{--bg: #f8f9fa;--sidebar-bg: #ffffff;--primary: #4f46e5;--primary-hover: #4338ca;--text-main: #1f2937;--text-muted: #6b7280;--border: #e5e7eb;--card-bg: #ffffff;--accent-soft: #f3f4f6;--user-msg: #eff6ff;--bot-msg: #f9fafb}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg);color:var(--text-main);line-height:1.5}.app-container{display:grid;grid-template-columns:350px 1fr 320px;height:100vh;overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.kb-sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border);padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.kb-sidebar h2{font-size:1.1rem;font-weight:700;color:var(--text-main);margin-bottom:.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}label{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em}input,textarea{padding:.6rem .8rem;border-radius:8px;border:1px solid var(--border);font-family:inherit;font-size:.9rem;transition:border-color .2s}input:focus,textarea:focus{outline:none;border-color:var(--primary);ring:2px var(--primary-soft)}button.primary-btn{background:var(--primary);color:#fff;border:none;padding:.75rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}button.primary-btn:hover{background:var(--primary-hover)}button.primary-btn:disabled{opacity:.6;cursor:not-allowed}.main-content{display:flex;flex-direction:column;padding:2rem;background:#fbfbfb;overflow-y:auto}.agent-header{text-align:center;margin-bottom:2rem}.agent-header h1{font-size:1.5rem;font-weight:800;letter-spacing:-.025em}.status-indicator{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;color:var(--text-muted);margin-top:.5rem;background:var(--accent-soft);padding:.25rem .75rem;border-radius:20px}.dot{width:8px;height:8px;border-radius:50%;background:#9ca3af}.dot.live{background:#10b981;box-shadow:0 0 8px #10b981}.dot.thinking{background:#3b82f6;animation:pulse 1s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.model-toggle{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.model-toggle-label{font-size:.85rem;color:var(--text-muted);margin-right:.25rem}.model-option{background:var(--card-bg);color:var(--text-main);border:1px solid var(--border);padding:.4rem .9rem;border-radius:99px;font-size:.85rem;cursor:pointer;transition:all .1s}.model-option.active{background:var(--primary);color:#fff;border-color:var(--primary)}.model-option:disabled{opacity:.5;cursor:not-allowed}.call-controls{display:flex;justify-content:center;margin-bottom:2rem}.start-btn{background:#111827;color:#fff;border:none;padding:1rem 2rem;border-radius:99px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:transform .1s}.start-btn:active{transform:scale(.98)}.start-btn.end{background:#ef4444}.transcript-container{flex:1;max-width:800px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:1rem}.message{max-width:85%;padding:.75rem 1rem;border-radius:12px;font-size:.95rem;position:relative}.message.user{align-self:flex-end;background:var(--user-msg);color:#1e40af;border-bottom-right-radius:2px}.message.assistant{align-self:flex-start;background:var(--bot-msg);border:1px solid var(--border);border-bottom-left-radius:2px}.msg-label{font-size:.7rem;font-weight:700;text-transform:uppercase;margin-bottom:.25rem;display:block;opacity:.5}.activity-sidebar{background:var(--sidebar-bg);border-left:1px solid var(--border);padding:1.5rem;overflow-y:auto}.activity-sidebar h2{font-size:1.1rem;font-weight:700;margin-bottom:1.5rem}.appointment-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000000d}.appointment-card strong{display:block;font-size:.95rem;margin-bottom:.25rem}.appointment-card .service{font-size:.85rem;color:var(--text-muted)}.appointment-card .time{margin-top:.5rem;font-size:.85rem;font-weight:600;color:var(--primary)}.conf-id{font-size:.7rem;font-family:monospace;background:#f3f4f6;padding:.1rem .4rem;border-radius:4px;margin-top:.5rem;display:inline-block}@media(max-width:1200px){.app-container{grid-template-columns:300px 1fr}.activity-sidebar{display:none}}