:root{--bg-void: #070709;--bg-deep: #0d0d14;--bg-base: #111118;--bg-elevated: #16161f;--bg-raised: #1c1c28;--bg-overlay: #22222f;--accent-100: #ede9ff;--accent-200: #cbbfff;--accent-300: #a98dff;--accent-400: #8a5fff;--accent-500: #7c3aed;--accent-600: #6d28d9;--accent-700: #5b21b6;--accent: var(--accent-400);--accent-glow: rgba(138, 95, 255, .25);--accent-glow-sm: rgba(138, 95, 255, .12);--green-400: #4ade80;--green-500: #22c55e;--green-glow: rgba(74, 222, 128, .15);--amber-400: #fbbf24;--amber-500: #f59e0b;--red-400: #f87171;--red-500: #ef4444;--text-primary: #f0eeff;--text-secondary: #9896b0;--text-muted: #524f6a;--text-accent: var(--accent-300);--border: rgba(138, 95, 255, .1);--border-hover: rgba(138, 95, 255, .25);--border-active: rgba(138, 95, 255, .5);--border-subtle: rgba(255, 255, 255, .05);--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);--shadow-accent: 0 0 24px var(--accent-glow);--shadow-glow-sm: 0 0 12px var(--accent-glow-sm);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--dur-fast: .12s;--dur-mid: .22s;--dur-slow: .38s;--sidebar-w: 64px;--conv-panel-w: 320px;--contact-panel-w: 280px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-body);font-size:14px;line-height:1.6;color:var(--text-primary);background:var(--bg-void);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-overlay);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--text-primary)}button{cursor:pointer;border:none;background:none;font-family:var(--font-body)}a{color:inherit;text-decoration:none}input,textarea,select{font-family:var(--font-body);font-size:14px;outline:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 6px transparent}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes typing-dot{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.animate-fade-in{animation:fadeIn var(--dur-mid) var(--ease-out)}.animate-slide-l{animation:slideInLeft var(--dur-mid) var(--ease-out)}.animate-slide-r{animation:slideInRight var(--dur-mid) var(--ease-out)}.animate-spin{animation:spin .8s linear infinite}.glass{background:#16161fb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border)}.glass-raised{background:#1c1c28d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-hover)}.card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:border-color var(--dur-mid) var(--ease-out),box-shadow var(--dur-mid) var(--ease-out)}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow-sm)}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.online{background:var(--green-400);box-shadow:0 0 6px var(--green-glow)}.status-dot.offline{background:var(--text-muted)}.status-dot.busy{background:var(--amber-400)}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-raised) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm)}.typing-dot{width:6px;height:6px;border-radius:50%;background:var(--text-secondary);animation:typing-dot 1.2s infinite ease-in-out}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}.list-item{transition:background var(--dur-fast) var(--ease-out);cursor:pointer}.list-item:hover{background:var(--bg-raised)}.list-item.active{background:var(--bg-overlay);border-left:2px solid var(--accent)}.scroll-y{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--bg-overlay) transparent}.accent-top:before{content:"";display:block;height:2px;background:linear-gradient(90deg,var(--accent-500),var(--accent-300),transparent);border-radius:var(--radius-full) var(--radius-full) 0 0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}