*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#0f0f1a;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.loading{color:#888;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;display:flex}.app-layout{min-height:100vh;display:flex}.sidebar{background:#1a1a2e;border-right:1px solid #2a2a3e;flex-direction:column;width:240px;padding:1.5rem;display:flex}.sidebar-header h2{color:#7c5cfc;margin-bottom:.25rem}.user-badge{color:#888;font-size:.8rem}.sidebar-links{flex-direction:column;flex:1;gap:.25rem;margin:2rem 0;display:flex}.nav-link{color:#aaa;border-radius:8px;padding:.6rem .8rem;font-size:.95rem;text-decoration:none;transition:all .2s}.nav-link:hover{color:#fff;background:#252540}.nav-link.active{color:#fff;background:#7c5cfc}.logout-btn{color:#e0e0e0;cursor:pointer;background:0 0;border:1px solid #3a3a5e;border-radius:8px;padding:.6rem;font-size:.9rem;transition:all .2s}.logout-btn:hover{color:#ff6b6b;background:#3a1a1a;border-color:#5c3a3a}.main-content{flex:1;padding:2rem;overflow-y:auto}.dashboard h1,.page h1{margin-bottom:.5rem}.subtitle{color:#888;margin-bottom:2rem}.stats{gap:1rem;margin-bottom:2rem;display:flex}.stat-card{background:#1a1a2e;border:1px solid #2a2a3e;border-radius:12px;flex-direction:column;gap:.5rem;padding:1.5rem 2rem;display:flex}.stat-number{color:#7c5cfc;font-size:2rem;font-weight:700}.stat-label{color:#888;font-size:.85rem}h2{margin:1.5rem 0 1rem}.agent-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.agent-card{background:#1a1a2e;border:1px solid #2a2a3e;border-radius:12px;padding:1.5rem;transition:border-color .2s}.agent-card:hover{border-color:#7c5cfc}.agent-avatar{border-radius:50%;width:64px;height:64px;margin-bottom:1rem;overflow:hidden}.agent-avatar img{object-fit:cover;width:100%;height:100%}.agent-avatar.small{flex-shrink:0;width:40px;height:40px;margin-bottom:0}.avatar-placeholder{color:#fff;background:#7c5cfc;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5rem;font-weight:700;display:flex}.agent-card h3{margin-bottom:.5rem}.agent-card p{color:#888;margin-bottom:.75rem;font-size:.85rem}.agent-actions{gap:.5rem;margin-top:.75rem;display:flex}.badge{border-radius:20px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.badge.voice{color:#4cda8a;background:#1a3a2e;border:1px solid #2a5a4e}.role-admin{color:#da7cda;background:#3a1a3a}.role-user{color:#7cb4da;background:#1a2a3a}.inline-form{background:#1a1a2e;border:1px solid #2a2a3e;border-radius:12px;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;display:flex}.inline-form input,.inline-form select,.inline-form textarea{color:#e0e0e0;background:#252540;border:1px solid #3a3a5e;border-radius:8px;outline:none;padding:.6rem;font-size:.9rem}.inline-form input:focus,.inline-form select:focus,.inline-form textarea:focus{border-color:#7c5cfc}.checkbox-label{color:#aaa;cursor:pointer;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#7c5cfc;border:none;border-radius:8px;padding:.6rem 1.2rem;font-size:.9rem;transition:background .2s}.btn-primary:hover{background:#6a4be0}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-sm{color:#ccc;cursor:pointer;background:0 0;border:1px solid #3a3a5e;border-radius:6px;padding:.35rem .75rem;font-size:.8rem;transition:all .2s}.btn-sm:hover{color:#fff;background:#252540}.btn-danger{color:#ff6b6b;border-color:#5c3a3a}.btn-danger:hover{background:#3a1a1a}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid #2a2a3e;padding:.75rem .5rem;font-size:.9rem}.table th{color:#888;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.table tr.deleted{opacity:.4}.actions{gap:.5rem;display:flex}.empty{color:#666;padding:2rem 0}.login-container{background:#0f0f1a;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-form{background:#1a1a2e;border:1px solid #2a2a3e;border-radius:16px;flex-direction:column;gap:1rem;width:380px;padding:2.5rem;display:flex}.login-form h1{color:#7c5cfc;text-align:center}.login-form .subtitle{text-align:center;margin-bottom:0}.tab-bar{border:1px solid #3a3a5e;border-radius:8px;display:flex;overflow:hidden}.tab{color:#888;cursor:pointer;background:0 0;border:none;flex:1;padding:.5rem;font-size:.85rem;transition:all .2s}.tab.active{color:#fff;background:#7c5cfc}.tab:not(.active):hover{color:#ccc;background:#252540}.login-form input,.login-form select,.login-form textarea{color:#e0e0e0;background:#252540;border:1px solid #3a3a5e;border-radius:8px;outline:none;padding:.7rem;font-size:.95rem}.login-form input:focus,.login-form select:focus,.login-form textarea:focus{border-color:#7c5cfc}.chat-page{gap:1rem;height:calc(100vh - 4rem);display:flex}.chat-sidebar{background:#1a1a2e;border:1px solid #2a2a3e;border-radius:12px;flex-shrink:0;width:280px;padding:1rem;overflow-y:auto}.chat-sidebar h3{color:#888;margin-bottom:1rem}.chat-agent{cursor:pointer;border-radius:8px;align-items:center;gap:.75rem;margin-bottom:.25rem;padding:.75rem;transition:background .2s;display:flex}.chat-agent:hover{background:#252540}.chat-agent.active{background:#252540;border:1px solid #7c5cfc}.chat-agent p{color:#666;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.75rem;overflow:hidden}.chat-agent strong{font-size:.9rem}.chat-main{background:#1a1a2e;border:1px solid #2a2a3e;border-radius:12px;flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-header{border-bottom:1px solid #2a2a3e;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.chat-header h2{margin:0}.chat-messages{flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}.message{border-radius:12px;max-width:75%;padding:.75rem 1rem}.message.user{color:#fff;background:#7c5cfc;align-self:flex-end}.message.agent{color:#e0e0e0;background:#252540;border:1px solid #3a3a5e;align-self:flex-start}.message-content{font-size:.95rem;line-height:1.4}.message-time{color:#888;text-align:right;margin-top:.35rem;font-size:.7rem}.message.user .message-time{color:#fff9}.chat-input{border-top:1px solid #2a2a3e;gap:.75rem;padding:1rem 1.5rem;display:flex}.chat-input input,.chat-input select,.chat-input textarea{color:#e0e0e0;background:#252540;border:1px solid #3a3a5e;border-radius:8px;outline:none;flex:1;padding:.7rem;font-size:.95rem}.chat-input input:focus,.chat-input select:focus,.chat-input textarea:focus{border-color:#7c5cfc}.chat-placeholder{color:#666;flex:1;justify-content:center;align-items:center;display:flex}.voice-status{border-bottom:1px solid #2a2a3e;justify-content:space-between;align-items:center;min-height:32px;padding:6px 16px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.voice-status.idle{color:#666;background:0 0}.voice-status.listening{color:#ef8080;background:#dc323214}.voice-status.processing{color:#c8a84b;background:#c8a84b14}.voice-status.speaking{color:#7c5cfc;background:#7c5cfc14}.voice-status-left{align-items:center;gap:8px;display:flex}.status-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.voice-status.listening .status-dot{animation:.7s infinite blink}.voice-status.processing .status-dot{animation:1.1s infinite blink}.voice-status.speaking .status-dot{animation:.9s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.voice-cancel-btn{color:#aaa;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:14px;line-height:1;display:flex}.waveform{align-items:center;gap:3px;height:24px;display:flex}.wave-bar{transform-origin:bottom;background:#ef8080;border-radius:2px;width:3px;animation:.4s ease-in-out infinite alternate wave-idle}@keyframes wave-idle{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.mic-btn{cursor:pointer;color:#aaa;background:0 0;border:2px solid #3a3a5e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:all .18s;display:flex}.mic-btn:hover{color:#7c5cfc;background:#ffffff0d;border-color:#7c5cfc}.mic-btn.listening{color:#ef8080;background:#dc323226;border-color:#ef4444;animation:.8s ease-in-out infinite mic-pulse}.mic-btn.disabled{opacity:.3;cursor:not-allowed}.mic-btn.disabled:hover{color:#aaa;background:0 0;border-color:#3a3a5e}@keyframes mic-pulse{0%,to{box-shadow:0 0 #dc32324d}50%{box-shadow:0 0 0 8px #dc323200}}.charisma-badge{text-transform:capitalize;border:1px solid;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#3a3a5e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#5a5a7e}