:root{--bg: #0b0e14;--bg-elev: #141925;--bg-elev-2: #1c2333;--border: #232c3d;--text: #e6ebf2;--text-dim: #8b97a8;--accent: #4f8cff;--accent-2: #7c5cff;--online: #3fb950;--away: #d29922;--busy: #f85149;--danger: #f85149;--radius: 12px;font-synthesis:none}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;border-radius:8px;padding:10px 16px;background:var(--accent);color:#fff;font-weight:600;transition:filter .15s}button:hover{filter:brightness(1.08)}button.secondary{background:var(--bg-elev-2);color:var(--text);border:1px solid var(--border)}button.danger{background:var(--danger)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font-family:inherit;background:var(--bg-elev);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 12px;font-size:14px;width:100%;outline:none}input:focus,textarea:focus{border-color:var(--accent)}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.muted{color:var(--text-dim)}.row{display:flex;align-items:center;gap:10px}.col{display:flex;flex-direction:column;gap:10px}.spread{justify-content:space-between}.center{align-items:center;justify-content:center}.wrap{flex-wrap:wrap}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex-shrink:0}.avatar.sm{width:32px;height:32px;font-size:13px}.presence-dot{width:10px;height:10px;border-radius:50%;display:inline-block;background:var(--text-dim)}.presence-dot.online{background:var(--online)}.presence-dot.away{background:var(--away)}.presence-dot.busy{background:var(--busy)}.presence-dot.offline{background:#555}.badge{background:var(--accent);color:#fff;border-radius:999px;font-size:11px;padding:2px 7px;min-width:18px;text-align:center}.btn-icon{background:transparent;padding:6px;border-radius:8px}.btn-icon:hover{background:var(--bg-elev-2)}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--bg-elev-2);border:1px solid var(--border);padding:12px 18px;border-radius:10px;z-index:100;box-shadow:0 8px 30px #0006}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.wa-app{height:100%;display:flex;color:#e9edef;font-size:14px;background:#0b141a}.wa-left{width:420px;max-width:40%}.wa-rail-col{width:64px;background:#111b21;display:flex;flex-direction:column;align-items:center;padding-top:14px;gap:4px;border-right:1px solid #222D35}.wa-rail{background:transparent;color:#8696a0;padding:12px;font-size:24px;border-radius:12px;border:none;width:100%}.wa-rail:hover{background:#202c33}.wa-rail.on{color:#00a884;background:#202c33}.wa-sidebar{flex:1;display:flex;flex-direction:column;background:#111b21;min-width:0;position:relative}.wa-sidebar-head{height:59px;background:#202c33;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.wa-search-wrap{padding:8px;background:#111b21;position:relative}.wa-search{display:flex;align-items:center;gap:8px;background:#202c33;borderRadius:18px;padding:9px 14px}.wa-search input{flex:1;background:transparent;border:none;outline:none;color:#e9edef;font-size:14px}.wa-search input::placeholder{color:#8696a0}.wa-search-results{position:absolute;top:56px;left:8px;right:8px;background:#202c33;border-radius:10px;z-index:20;box-shadow:0 6px 20px #00000080;overflow:hidden}.wa-search-row{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer}.wa-search-row:hover{background:#2a3942}.wa-list{overflow-y:auto;flex:1}.wa-chatrow{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.04)}.wa-chatrow:hover{background:#202c33}.wa-badge{background:#25d366;color:#fff;border-radius:999px;font-size:11px;font-weight:700;padding:2px 7px;min-width:20px;text-align:center}.wa-fab{position:absolute;right:22px;bottom:22px;width:54px;height:54px;border-radius:50%;background:#00a884;color:#fff;border:none;font-size:22px;box-shadow:0 4px 14px #0006;z-index:5}.wa-fab:hover{filter:brightness(1.1)}.wa-main{flex:1;display:flex;flex-direction:column;min-width:0;background:#0b141a;background-image:radial-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:24px 24px}.wa-chat-head{height:59px;background:#202c33;display:flex;align-items:center;gap:8px;padding:0 12px;border-left:1px solid #222D35}.wa-back{display:none;font-size:26px;padding:4px 10px}.wa-msgs{flex:1;overflow-y:auto;padding:20px 8%;display:flex;flex-direction:column;gap:2px}.wa-compose{background:#202c33;padding:10px 16px;display:flex;align-items:center;gap:10px}.wa-ic{background:transparent;color:#8696a0;padding:9px;border-radius:50%;font-size:20px;width:auto;min-width:40px;border:none}.wa-ic:hover{background:#2a3942;color:#e9edef}.wa-ic:disabled{opacity:.4;cursor:not-allowed}.wa-new{background:#00a884;color:#fff;border:none;border-radius:8px;padding:9px 16px;font-weight:600}.wa-new:hover{filter:brightness(1.08)}.secondary{background:#2a3942;color:#e9edef;border:1px solid #222D35;border-radius:8px;padding:9px 14px;font-weight:500}.secondary:hover{filter:brightness(1.1)}.wa-send{background:#00a884;color:#fff;border:none;border-radius:50%;width:44px;height:44px;font-size:19px}.wa-send:disabled{opacity:.5}.wa-m{background:transparent;color:#e9edef;border:none;border-radius:6px;padding:11px 12px;text-align:left;font-weight:500;font-size:14px}.wa-m:hover{background:#2a3942}.wa-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#8696a0;margin-right:4px}.wa-dot[data-s=online]{background:#00a884}.wa-dot[data-s=busy]{background:#f15c6d}.wa-dot[data-s=away]{background:#d29922}.wa-dot[data-s=offline]{background:#555}.wa-dottyping{width:7px;height:7px;border-radius:50%;background:#8696a0;display:inline-block;animation:wa-bounce 1.4s infinite ease-in-out}@keyframes wa-bounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-5px);opacity:1}}.wa-stack{flex:1;display:flex;flex-direction:column;overflow-y:auto;background:#111b21}.wa-section-head{height:59px;background:#202c33;display:flex;align-items:center;padding:0 16px;font-weight:600;font-size:16px}.wa-status-my{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.04)}.wa-recent-label{padding:10px 16px;font-size:12.5px;color:#8696a0;font-weight:600;letter-spacing:.3px}.wa-status-row,.wa-call-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.04)}.wa-status-row{cursor:pointer}.wa-status-row:hover,.wa-call-row:hover{background:#202c33}.wa-settings-profile{display:flex;align-items:center;gap:16px;padding:24px}.wa-settings-menu{background:#111b21;border-top:1px solid #222D35;margin-top:8px}.wa-bottomnav{display:none}.wa-menu-pop{position:absolute;top:52px;right:12px;background:#202c33;border-radius:10px;box-shadow:0 6px 20px #00000080;z-index:25;min-width:180px;padding:4px}.wa-ic.on{color:#00a884}.wa-emoji-pop{position:absolute;bottom:52px;left:0;width:280px;max-height:200px;overflow-y:auto;background:#202c33;border:1px solid #2A3942;border-radius:10px;padding:6px;display:grid;grid-template-columns:repeat(8,1fr);gap:2px;z-index:30;box-shadow:0 8px 24px #00000080}.wa-emoji{background:transparent;border:none;font-size:20px;padding:4px;border-radius:6px;cursor:pointer}.wa-emoji:hover{background:#2a3942}.wa-bub.out:after,.wa-bub.in:after{content:"";position:absolute;bottom:0;width:0;height:0;border:8px solid transparent}.wa-bub.out:after{right:-7px;border-left-color:#005c4b;border-bottom:0;border-right:0}.wa-bub.in:after{left:-7px;border-right-color:#1f2c34;border-bottom:0;border-left:0}.wa-call-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#0b141af5;display:flex;align-items:center;justify-content:center}.wa-call-card{background:#111b21;border-radius:16px;padding:28px 32px;text-align:center;min-width:280px;position:relative;box-shadow:0 10px 40px #0009}.wa-call-card h3{margin:14px 0 2px}.wa-call-actions{display:flex;gap:18px;justify-content:center;margin-top:22px}.wa-call-btn{width:60px;height:60px;border-radius:50%;border:none;font-size:26px;cursor:pointer}.wa-call-btn.end{background:#f15c6d;color:#fff;transform:rotate(135deg)}.wa-call-btn.answer{background:#25d366;color:#fff}.wa-folders{display:flex;gap:6px;padding:8px 12px;overflow-x:auto;border-bottom:1px solid #222D35;background:#0e171c}.wa-folder{background:#202c33;color:#cfd9de;border:none;border-radius:16px;padding:5px 14px;font-size:13px;white-space:nowrap;cursor:pointer}.wa-folder.on{background:#00a884;color:#fff}.wa-folder.add{background:transparent;border:1px dashed #37525C;color:#8696a0;font-size:15px;padding:4px 11px}.wa-folder.tag{background:#1b2b30;color:#8fd9bc}.wa-folder.tag.on{background:#1f6f5c;color:#fff}.wa-tagchip{background:#2a3942;color:#9be9c4;border-radius:10px;padding:1px 8px;font-size:11px}.wa-rowact{background:transparent;border:none;color:#8696a0;font-size:20px;padding:4px 8px;cursor:pointer;border-radius:50%}.wa-rowact:hover,.wa-rowact.on{background:#2a3942;color:#e9edef}.wa-rowmenu{position:absolute;right:10px;top:60px;background:#202c33;border-radius:10px;box-shadow:0 6px 20px #00000080;z-index:30;min-width:190px;padding:4px;display:flex;flex-direction:column;gap:2px}@media (max-width: 820px){.wa-left,.wa-main{width:100%!important;max-width:100%!important}.wa-back{display:inline-block}.wa-msgs{padding:16px 4%}.hidden-mobile{display:none!important}.wa-bottomnav{display:flex;position:fixed;bottom:0;left:0;right:0;height:56px;background:#202c33;border-top:1px solid #222D35;z-index:30}.wa-bottomnav button{flex:1;background:transparent;border:none;color:#8696a0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:20px;gap:2px}.wa-bottomnav button span{font-size:10px}.wa-bottomnav button.on{color:#00a884}.wa-app{padding-bottom:56px}}