:root{--bg: #0a0a0c;--card: rgba(30, 30, 35, .7);--text: #f0f0f0;--muted: #a0a0a0;--primary: #4a90e2;--hover: #3a7bd5;--transition: all .4s cubic-bezier(.175, .885, .32, 1.275);--glow-facebook: 0 0 20px rgba(24, 119, 242, .4);--glow-instagram: 0 0 20px rgba(225, 48, 108, .4);--glow-whatsapp: 0 0 20px rgba(37, 211, 102, .4);--glow-linkedin: 0 0 20px rgba(10, 102, 194, .4);--color-facebook: #1877f2;--color-instagram: #e1306c;--color-whatsapp: #25d366;--color-linkedin: #0a66c2}body{margin:0;font-family:Inter,-apple-system,sans-serif;background:var(--bg);color:var(--text);overflow:hidden;height:100vh}.app-container{min-height:100vh;background:radial-gradient(circle at top left,#1a1a2e,#0a0a0c);position:relative;overflow:hidden}.app-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 180deg at 50% 50%,rgba(74,144,226,.05) 0deg,transparent 120deg,rgba(74,144,226,.05) 240deg,transparent 360deg);animation:rotate 20s linear infinite;z-index:0}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:20px;height:100vh;box-sizing:border-box;display:flex;flex-direction:column}.header{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:15px 30px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 30px #00000080}.header h1{margin:0;font-size:1.5rem;background:linear-gradient(45deg,#fff,var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;letter-spacing:-.5px}.tabs{display:flex;gap:10px;background:#0003;padding:5px;border-radius:15px;border:1px solid rgba(255,255,255,.05)}.tab{padding:10px 20px;border:none;background:transparent;color:var(--muted);cursor:pointer;border-radius:12px;font-weight:600;transition:var(--transition);position:relative;overflow:hidden;text-transform:capitalize}.tab:hover{color:#fff;background:#ffffff0d}.tab.active{color:#fff;background:var(--active-color, var(--primary));box-shadow:var(--active-glow, 0 0 20px rgba(74, 144, 226, .4));transform:translateY(-2px)}.dashboard.facebook{--active-color: var(--color-facebook);--active-glow: var(--glow-facebook)}.dashboard.instagram{--active-color: var(--color-instagram);--active-glow: var(--glow-instagram)}.dashboard.whatsapp{--active-color: var(--color-whatsapp);--active-glow: var(--glow-whatsapp)}.dashboard.linkedin{--active-color: var(--color-linkedin);--active-glow: var(--glow-linkedin)}.grid{display:grid;grid-template-columns:350px 1fr;gap:20px;flex:1;min-height:0}.panel{background:var(--card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);border-radius:24px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 50px #0000004d}.scroll{flex:1;overflow-y:auto;padding:15px}.item{padding:15px;margin-bottom:10px;border-radius:18px;cursor:pointer;transition:var(--transition);border:1px solid transparent;background:#ffffff05;display:flex;justify-content:space-between;align-items:center;position:relative;perspective:1000px}.item:hover{background:#ffffff0d;transform:translate(5px) rotateY(-5deg);border-color:#ffffff1a;box-shadow:-10px 10px 20px #0003}.item.active{background:#ffffff14;border-color:var(--active-color);box-shadow:inset 0 0 15px #ffffff0d}.item.active:before{content:"";position:absolute;left:0;top:20%;height:60%;width:4px;background:var(--active-color);border-radius:0 4px 4px 0;box-shadow:0 0 15px var(--active-color)}.item-id{font-weight:700;color:var(--text);font-size:.95rem}.item-time{font-size:.75rem;color:var(--muted)}.chat-header{padding:20px 30px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:15px;background:#ffffff03}.avatar-placeholder{width:45px;height:45px;border-radius:15px;background:linear-gradient(135deg,var(--active-color),transparent);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;box-shadow:0 5px 15px #0003}.messages-container{flex:1;overflow-y:auto;padding:30px;display:flex;flex-direction:column;gap:15px;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.02) 0%,transparent 50%)}.msg-wrapper{display:flex;width:100%}.msg-wrapper.inbound{justify-content:flex-start}.msg-wrapper.outbound{justify-content:flex-end}.bubble{max-width:70%;padding:12px 18px;font-size:.95rem;line-height:1.5;position:relative;transition:var(--transition)}.inbound .bubble{background:#ffffff0d;border-radius:18px 18px 18px 4px;border:1px solid rgba(255,255,255,.05)}.outbound .bubble{background:var(--active-color);color:#fff;border-radius:18px 18px 4px;box-shadow:0 5px 15px #0003}.bubble:hover{transform:scale(1.02)}.msg-time{font-size:.7rem;margin-top:5px;opacity:.6}.reply-area{padding:20px 30px;background:#ffffff05;border-top:1px solid rgba(255,255,255,.05)}.reply-form{display:flex;gap:15px;background:#0003;padding:10px;border-radius:20px;border:1px solid rgba(255,255,255,.05);transition:var(--transition)}.reply-form:focus-within{border-color:var(--active-color);box-shadow:0 0 20px #0003}.reply-input{flex:1;background:transparent;border:none;color:#fff;padding:10px 15px;font-size:.95rem;outline:none}.send-btn{background:var(--active-color);color:#fff;border:none;width:45px;height:45px;border-radius:15px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.send-btn:hover:not(:disabled){transform:scale(1.1) rotate(10deg);box-shadow:0 5px 15px var(--active-glow)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.search-container{padding:10px 15px}.search-input-wrapper{position:relative;background:#0003;border-radius:15px;border:1px solid rgba(255,255,255,.05);transition:var(--transition)}.search-input-wrapper:focus-within{border-color:var(--active-color);background:#0000004d}.search-field{width:100%;background:transparent;border:none;padding:12px 15px 12px 40px;color:#fff;outline:none}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:.9rem;opacity:.5}.unread-badge{background:#ff4757;color:#fff;padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:800;box-shadow:0 0 10px #ff475780;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #ff4757b3}70%{transform:scale(1.1);box-shadow:0 0 0 10px #ff475700}to{transform:scale(1);box-shadow:0 0 #ff475700}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}