:root{--primary: #6366f1;--primary-hover: #4f46e5;--bg-deep: #0f172a;--bg-sidebar: #1e293b;--bg-card: #1e293b;--text-main: #f8fafc;--text-muted: #94a3b8;--border: #334155;--success: #22c55e;--error: #ef4444}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-deep);color:var(--text-main);overflow:hidden}.dashboard-container{height:100vh;display:flex;flex-direction:column}.main-content{flex:1;display:flex;overflow:hidden}.sidebar{width:350px;background-color:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;color:#fff}.chat-area{flex:1;display:flex;flex-direction:column;background-color:var(--bg-deep)}.visitor-item{padding:1rem;border-bottom:1px solid var(--border);cursor:pointer;transition:background-color .2s;text-align:left;width:100%}.visitor-item:hover{background-color:#ffffff0d}.visitor-item.active{background-color:#6366f11a;border-left:4px solid var(--primary)}.chat-bubbles{flex:1;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.bubble{max-width:75%;padding:.75rem 1rem;border-radius:1rem;font-size:.95rem;line-height:1.4;position:relative}.bubble.agent{align-self:flex-end;background-color:var(--primary);color:#fff;border-bottom-right-radius:.25rem}.bubble.visitor{align-self:flex-start;background-color:#ffffff1a;color:#fff;border-bottom-left-radius:.25rem}.bubble-time{font-size:.7rem;opacity:.6;margin-top:.25rem;display:block}.chat-input-container{padding:1rem 1.5rem;background-color:var(--bg-sidebar);border-top:1px solid var(--border)}.navbar{background-color:var(--bg-sidebar)!important;border-bottom:1px solid var(--border);padding:.75rem 1.5rem}.nav-link{color:var(--text-muted)!important;font-weight:500;padding:.5rem 1rem!important;border-radius:.5rem;transition:all .2s}.nav-link:hover,.nav-link.active{color:#fff!important;background-color:#ffffff0d}.nav-link.active{color:var(--primary)!important}.btn-primary{background-color:var(--primary);border-color:var(--primary)}.btn-primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}.form-control{background-color:#0f172a80;border-color:var(--border);color:#fff}.form-control:focus{background-color:#0f172acc;border-color:var(--primary);color:#fff;box-shadow:0 0 0 .25rem #6366f140}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#4b5563}.text-muted{color:#a7a7a7!important}