:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-color:#25d366;--accent-hover:#128c7e;--glass-bg:#1e293bb3;--glass-panel:#0f172acc;--glass-border:#ffffff1a;--glass-blur:blur(16px)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(circle at 15%,#25d36614,#0000 25%),radial-gradient(circle at 85% 30%,#25d3660d,#0000 25%);justify-content:center;align-items:center;height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;overflow:hidden}.chat-dashboard{background:var(--glass-bg);width:90vw;max-width:1400px;height:90vh;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:24px;animation:.6s cubic-bezier(.16,1,.3,1) fadeIn;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.sidebar{background:var(--glass-panel);border-right:1px solid var(--glass-border);flex-direction:column;width:350px;display:flex}.sidebar-header{border-bottom:1px solid var(--glass-border);padding:1.5rem}.sidebar-header h2{color:var(--text-primary);font-size:1.25rem;font-weight:600}.contact-list{flex:1;padding:1rem;overflow-y:auto}.contact-item{cursor:pointer;border-radius:12px;margin-bottom:.5rem;padding:1rem;transition:all .2s;display:flex}.contact-item:hover,.contact-item.active{background:#ffffff0d}.contact-avatar{background:linear-gradient(135deg,var(--accent-color),#4ade80);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-right:1rem;font-weight:700;display:flex}.contact-info{flex-direction:column;flex:1;justify-content:center;display:flex}.contact-name{margin-bottom:.25rem;font-weight:600}.contact-preview{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:.85rem;overflow:hidden}.chat-area{flex-direction:column;flex:1;display:flex}.chat-header{border-bottom:1px solid var(--glass-border);align-items:center;padding:1.5rem;display:flex}.messages-container{flex-direction:column;flex:1;gap:1rem;padding:2rem;display:flex;overflow-y:auto}.message{border-radius:16px;max-width:70%;padding:1rem;animation:.3s ease-out slideIn}.message.inbound{background:var(--bg-secondary);border-bottom-left-radius:4px;align-self:flex-start}.message.outbound{background:var(--accent-color);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.message-time{opacity:.7;text-align:right;margin-top:.5rem;font-size:.75rem}.chat-input-area{border-top:1px solid var(--glass-border);gap:1rem;padding:1.5rem;display:flex}.chat-input{border:1px solid var(--glass-border);color:var(--text-primary);background:#0003;border-radius:24px;outline:none;flex:1;padding:1rem 1.5rem;font-size:1rem;transition:border-color .2s}.chat-input:focus{border-color:var(--accent-color)}.send-button{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:transform .2s,background .2s;display:flex}.send-button:hover{background:var(--accent-hover);transform:scale(1.05)}.empty-chat{color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.empty-chat h3{color:var(--text-primary);margin-top:1rem;font-size:1.5rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}