:root{--primary:#00d2ff;--primary-glow:#00d2ff4d;--bg-color:#0c151d;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--text-main:#e0e6ed;--text-dim:#94a3b8;--card-bg:#0f172a99;--tg-blue:#3390ec;--font-family:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);color:var(--text-main);background:radial-gradient(circle at 100% 0,#0a192f,#050a10);min-height:100vh;overflow:hidden}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px}.btn-primary{background:linear-gradient(135deg, var(--primary), #3a7bd5);color:#fff;cursor:pointer;box-shadow:0 4px 15px var(--primary-glow);border:none;border-radius:8px;padding:10px 20px;font-weight:600;transition:transform .2s,box-shadow .2s}.btn-primary:hover{box-shadow:0 6px 20px var(--primary-glow);transform:translateY(-1px)}.input-field{border:1px solid var(--glass-border);color:#fff;background:#0003;border-radius:8px;outline:none;padding:12px;transition:border-color .2s}.input-field:focus{border-color:var(--primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.app-container{width:100vw;height:100vh;display:flex}.sidebar{border-right:1px solid var(--glass-border);flex-direction:column;width:300px;display:flex}.chat-main{flex-direction:column;flex:1;display:flex}.message-wrapper{max-width:80%;margin-bottom:6px;transition:all .2s;position:relative;display:flex!important}.message{word-wrap:break-word;border-radius:18px;max-width:80%;padding:8px 12px;font-size:15px;line-height:1.4;position:relative;box-shadow:0 1px 4px #0000004d}.message.sent{background:var(--tg-blue);color:#fff;margin-right:10px}.message.received{color:#fff;border:1px solid var(--glass-border);background:#212d3b;margin-left:10px}.message-info{float:right;opacity:.6;color:inherit;align-items:center;gap:3px;margin-top:4px;margin-bottom:-4px;margin-left:8px;font-size:11px;display:flex}.message-actions{opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);cursor:pointer;z-index:10;background:#00000080;border-radius:20px;justify-content:center;align-items:center;gap:8px;padding:6px 10px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;transform:translateY(-50%)scale(.9)}.glass-btn-icon{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.glass-btn-icon:hover{background:#ffffff1a}.message-wrapper.sent{align-self:flex-end}.message-wrapper.received{align-self:flex-start}.message-wrapper.sent .message-actions{left:-65px}.message-wrapper.received .message-actions{right:-65px}.message-wrapper:hover .message-actions{opacity:1;transform:translateY(-50%)scale(1)}.reply-quote{border-left:2px solid var(--primary);cursor:pointer;color:#ffffffe6;background:#0003;border-radius:6px;margin-bottom:4px;padding:4px 8px;font-size:13px;display:block}.chat-history{background:url(https://www.transparenttextures.com/patterns/cubes.png),radial-gradient(circle,#1c2732 0%,#0c151d 100%);flex-direction:column;flex:1;padding:20px;display:flex;overflow-y:auto}.chat-input-area{background:0 0;padding:10px 20px 20px}.input-pill-container{align-items:flex-end;gap:12px;width:100%;max-width:900px;margin:0 auto;display:flex}.input-pill{border:1px solid var(--glass-border);background:#212d3b;border-radius:24px;flex-direction:column;flex:1;padding:8px 16px;display:flex}.sidebar-item{cursor:pointer;align-items:center;gap:12px;padding:10px 16px;transition:background .2s;display:flex}.sidebar-item:hover{background:#ffffff0d}.sidebar-item.active{background:#2b5278}.avatar-round{object-fit:cover;background:#3390ec;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-weight:700;display:flex}.unread-badge{background:var(--tg-blue);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:flex;box-shadow:0 2px 8px #0000004d}.call-overlay{z-index:1000;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.video-container{grid-template-columns:1fr 1fr;gap:20px;width:80%;max-width:1000px;display:grid}video{border:1px solid var(--primary);background:#000;border-radius:12px;width:100%}