@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-app:#f3f4f6;--bg-panel:#fff;--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--accent-primary:#4f46e5;--accent-hover:#4338ca;--accent-light:#e0e7ff;--border-color:#f3f4f6;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--chat-sent:#dcfce7;--chat-received:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-primary);font-family:Inter,sans-serif}.panel{background:var(--bg-panel);border:1px solid #00000005;border-radius:16px;box-shadow:0 4px 24px #0000000a}.chat-bg{background-color:#e5e5f7;background-image:radial-gradient(#4f46e5 .8px,#e5e5f7 .8px);background-size:16px 16px}.btn-primary{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:9999px;padding:.6rem 1.2rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #4f46e54d}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 16px #4f46e566}.btn-primary:active{transform:translateY(1px)scale(.98);box-shadow:0 2px 8px #4f46e54d}.bubble-sent{background:var(--chat-sent);border-radius:1.25rem 1.25rem .5rem;align-self:flex-end;max-width:70%;padding:.75rem 1rem;box-shadow:0 2px 4px #0000000a}.bubble-received{background:var(--chat-received);border-radius:1.25rem 1.25rem 1.25rem .5rem;align-self:flex-start;max-width:70%;padding:.75rem 1rem;box-shadow:0 2px 4px #0000000a}.list-item{border-radius:12px;margin:0 8px;transition:background-color .2s}.list-item:hover{background-color:var(--bg-app)}.list-item.active{background-color:var(--accent-light)}.avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-weight:600;display:flex;position:relative}.status-badge{border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.status-online{background-color:var(--success)}.status-offline{background-color:var(--danger)}.livechat-main-container{width:200%;height:100%;transition:transform .3s ease-in-out;display:flex}.livechat-main-container.chat-view-active{transform:translate(-50%)}.livechat-contacts-col,.livechat-chat-col{flex-shrink:0;width:50%;height:100%}@media (width>=768px){.livechat-main-container{width:100%;transform:none!important}.livechat-contacts-col{width:320px}.livechat-chat-col{width:calc(100% - 320px)}.mobile-back-btn{display:none!important}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes typing{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.animate-float{animation:6s ease-in-out infinite float}.animate-typing{animation:1.5s ease-in-out infinite typing}.animate-pulse-slow{animation:3s cubic-bezier(.4,0,.6,1) infinite pulse}.glass-panel{-webkit-backdrop-filter:blur(12px);background:#1e293bb3;border:1px solid #ffffff1a}.text-gradient{background:linear-gradient(90deg,#38bdf8,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.grid-bg{background-image:linear-gradient(90deg,#ffffff0d 1px,#0000 1px),linear-gradient(#ffffff0d 1px,#0000 1px);background-size:50px 50px}