*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100vh;margin:0}body{font-family:Arial,Helvetica,sans-serif}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes gradientMove{0%,to{background-position:0%}50%{background-position:100%}}@keyframes pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 15px #fbbf2499}50%{opacity:.5;transform:scale(.8);box-shadow:0 0 25px #fbbf24cc}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes girar{to{transform:rotate(360deg)}}.chat-item{cursor:pointer;border-bottom:1px solid #f0f2f5;align-items:center;gap:16px;padding:16px 20px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.chat-item-ativo{background:#f0fdf4;border-left:3px solid #25d366;padding-left:17px}.chat-item .badge{color:#fff;text-align:center;background:#25d366;border-radius:50%;flex-shrink:0;min-width:20px;padding:2px 8px;font-size:.7rem;font-weight:700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.chat-aberto{background:#0a0f1e80;flex-direction:column;height:100%;min-height:0;display:flex}.chat-header{-webkit-backdrop-filter:blur(20px);background:#0f172acc;border-bottom:1px solid #3b82f633;flex-shrink:0;align-items:center;gap:14px;height:70px;padding:12px 24px;display:flex;position:relative}.chat-header:after{content:"";background:linear-gradient(90deg,#0000,#3b82f64d,#0000);height:1px;position:absolute;bottom:-1px;left:0;right:0}.chat-header .chat-foto{border:2px solid #3b82f64d;width:44px;min-width:44px;height:44px;box-shadow:0 0 20px #3b82f633}.mensagem{word-wrap:break-word;-webkit-backdrop-filter:blur(20px);border-radius:18px;max-width:70%;padding:14px 18px 12px;transition:all .3s;animation:.4s cubic-bezier(.16,1,.3,1) messageIn;position:relative;box-shadow:0 4px 20px #0003}@keyframes messageIn{0%{opacity:0;transform:translateY(20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.mensagem:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.mensagem-recebida{background:#1e293bcc;border:1px solid #ffffff1a;border-left:3px solid #3b82f64d;border-bottom-left-radius:6px;align-self:flex-start;box-shadow:0 4px 15px #0003,inset 0 1px #ffffff0d}.mensagem-recebida:hover{background:#1e293be6;border-left-color:#3b82f699}.mensagem-enviada{background:linear-gradient(135deg,#2563eb66,#3b82f659);border:1px solid #3b82f666;border-right:3px solid #3b82f680;border-bottom-right-radius:6px;align-self:flex-end;box-shadow:0 4px 15px #2563eb4d,inset 0 1px #ffffff1a}.mensagem-enviada:hover{background:linear-gradient(135deg,#2563eb80,#3b82f673);border-right-color:#60a5facc}.mensagem-texto{color:#f1f5f9;word-break:break-word;padding-right:50px;font-size:.95rem;line-height:1.6}.mensagem-hora{text-align:right;color:#64748b;letter-spacing:.3px;margin-top:6px;font-size:.7rem;font-weight:500;display:block}.mensagem-enviada .mensagem-hora{color:#93c5fd}.mensagem-imagem{color:#cbd5e1;align-items:center;gap:8px;padding:4px 0;font-size:.9rem;display:flex}.mensagem-aviso{text-align:center;color:#64748b;background:#1e293b4d;border:1px dashed #3b82f64d;border-radius:12px;margin:20px 0;padding:40px 0;font-size:.95rem}.chat-vazio{text-align:center;color:#94a3b8;background:radial-gradient(circle,#2563eb0d 0%,#0000 50%),#0a0f1e4d;flex-direction:column;flex:1;justify-content:center;align-items:center;animation:.5s fadeIn;display:flex;position:relative}.chat-vazio:before{content:"💬";background:linear-gradient(135deg,#2563eb33,#3b82f633,#60a5fa33);border:2px solid #3b82f64d;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:24px;font-size:40px;animation:3s ease-in-out infinite floatIcon;display:flex;box-shadow:0 10px 30px #2563eb33,inset 0 0 20px #3b82f61a}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.chat-vazio p{color:#64748b;margin:0;font-size:1rem}@media (width<=768px){.mensagens{padding:20px}.mensagem{max-width:85%;padding:12px 14px 10px}.chat-header{height:60px;padding:10px 16px}.chat-header .chat-foto{width:36px;min-width:36px;height:36px}.chat-vazio:before{width:80px;height:80px;font-size:32px}}@media (width<=480px){.mensagens{gap:8px;padding:16px}.mensagem{max-width:90%;padding:10px 12px 8px}.mensagem-texto{padding-right:40px;font-size:.85rem}.mensagem-hora{font-size:.65rem}.chat-header{height:56px;padding:8px 12px}.chat-header strong{font-size:.95rem}.chat-vazio:before{width:60px;height:60px;font-size:24px}.chat-vazio h2{font-size:1.3rem}}.sistema{background:#f0f2f5;flex-direction:column;min-height:100vh;padding:16px 24px 24px;display:flex}.topbar{background:#fff;border-radius:16px 16px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex;box-shadow:0 1px 4px #0000000a}.topbar-acoes{align-items:center;gap:20px;display:flex}.conexao-ativa{color:#374151;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:50px;align-items:center;gap:8px;padding:6px 16px;font-size:.85rem;font-weight:500;display:flex}.botao-topo-desconectar{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:50px;padding:8px 20px;font-size:.8rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (width<=1024px){.chat-sidebar{width:320px}}@media (width<=768px){.sistema{padding:12px}.topbar{border-radius:12px 12px 0 0;height:56px;padding:0 16px}.conexao-ativa,.logo-sistema span{display:none}.logo-sistema h1{font-size:.95rem}.logo-icone{width:34px;height:34px;font-size:16px}.chat-container{border-radius:0 0 12px 12px;flex-direction:column;height:calc(100vh - 80px)}.chat-sidebar{border-right:none;width:100%;height:100%}.chat-main{flex:1;min-width:0;display:none}.chat-main.visible{display:flex}.card{margin:40px 16px;padding:32px 24px 28px}.card h1{font-size:1.6rem}.qrcode{width:200px;height:200px}.mensagem{max-width:85%}.mensagens{padding:20px}.chat-item{padding:14px 16px}.chat-sidebar-header{height:56px}}@media (width<=480px){.topbar{height:50px;padding:0 12px}.logo-icone{width:30px;height:30px;font-size:14px}.logo-sistema h1{font-size:.85rem}.botao-topo-desconectar{padding:6px 14px;font-size:.7rem}.card{margin:24px 12px;padding:24px 16px 20px}.card h1{font-size:1.4rem}.instrucoes{padding:16px 18px}.instrucoes p{font-size:.8rem}.mensagens{padding:16px}.mensagem{max-width:90%;padding:10px 12px 8px}.mensagem-texto{padding-right:40px;font-size:.85rem}.chat-header{height:56px;padding:10px 16px}.chat-header strong{font-size:.95rem}.chat-item{gap:12px;padding:12px 14px}.chat-foto,.chat-foto-placeholder{width:40px;min-width:40px;height:40px}.chat-topo strong{font-size:.9rem}.chat-info p{font-size:.8rem}.qrcode{width:180px;height:180px;padding:8px}.status{padding:8px 16px;font-size:.8rem}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.sistema{background:#f0f2f5;height:100vh;padding:20px}.topbar{background:#fff;border:1px solid #e5e7eb;border-bottom:none;border-radius:14px 14px 0 0;height:100px;padding:20px 30px}.chat-container{background:#fff;border:1px solid #e5e7eb;border-radius:0 0 14px 14px;width:100%;height:calc(100vh - 110px);display:flex;overflow:hidden}.chat-sidebar{background:#fff;border-right:1px solid #e5e7eb;flex-shrink:0;width:450px}.chat-sidebar-header{background:#fff;height:74px;padding:0 22px}.chat-sidebar-header h2{font-size:20px;font-weight:700}.pesquisa{background:#fff;border-bottom:1px solid #edf0f2;padding:14px 16px}.pesquisa input{background:#f0f2f5;border-radius:20px;padding:12px 18px;font-size:14px}.chat-item{border-bottom:1px solid #f0f2f5;padding:14px 18px}.chat-item:hover{background:#f5f6f6}.chat-item-ativo{border-left:none;padding-left:18px;background:#e9edef!important}.chat-foto,.chat-foto-placeholder{width:52px;min-width:52px;height:52px}.chat-main{background:#efeae2}.chat-vazio{background:#f0f2f5;border-bottom:6px solid #25d366}.chat-vazio:before{background:#d9fdd3;width:100px;height:100px;font-size:45px}.chat-vazio h2{font-size:28px;font-weight:500}.chat-vazio p{font-size:15px}.chat-header{background:#f0f2f5;border-bottom:1px solid #d1d7db;height:74px;padding:10px 24px}.chat-header strong{font-size:16px}.chat-header p{font-size:13px}.mensagens{background:#efeae2;gap:6px;padding:25px 7%}.mensagem{border-radius:8px;max-width:65%;padding:8px 10px 5px;box-shadow:0 1px 1px #00000014}.mensagem-recebida{background:#fff;border:none;border-top-left-radius:2px}.mensagem-enviada{background:#d9fdd3;border-top-right-radius:2px}.mensagem-texto{font-size:14px;line-height:1.45}.mensagem-hora{color:#667781;font-size:10px}.logo-icone{background:#25d366;border-radius:50%}.conexao-ativa{background:#fff;border:1px solid #b7e4c7;border-radius:22px;padding:9px 18px}.botao-topo-desconectar{border-radius:22px;padding:10px 22px}.topbar{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:100px;padding:20px 30px;display:flex}.logo-icone{background:#2563eb;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.logo-sistema span{color:#94a3b8;margin-top:3px;font-size:12px;display:block}.info-conta strong{color:#1e293b;font-size:14px}.ponto-online{background:#22c55e;border-radius:50%;width:8px;height:8px}.botao-topo-desconectar:hover{background:#fef2f2}body{color:#0f172a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;margin:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif}.app{background:#f8fafc;min-height:100vh}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.card{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:520px;margin:80px auto;padding:48px 40px 40px;animation:.6s fadeInUp;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000014}.card:before{content:"";background:linear-gradient(90deg,#2563eb,#3b82f6,#60a5fa) 0 0/200% 100%;height:4px;animation:3s infinite gradientMove;position:absolute;top:0;left:0;right:0}.card h1{color:#0f172a;letter-spacing:-.5px;margin:0 0 8px;font-size:2rem;font-weight:700}.descricao{color:#64748b;margin-bottom:32px;font-size:.95rem;line-height:1.6}.qrcode{object-fit:contain;background:#fff;border:2px solid #e2e8f0;border-radius:12px;width:260px;height:260px;margin:8px auto 24px;padding:12px;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;box-shadow:0 4px 12px #00000014}.qrcode:hover{border-color:#3b82f6;transform:scale(1.03);box-shadow:0 8px 24px #2563eb26}.status{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:50px;align-items:center;gap:10px;margin-bottom:28px;padding:10px 24px;font-size:.9rem;font-weight:600;display:inline-flex}.status-ponto{background:#f59e0b;border-radius:50%;width:10px;height:10px;animation:1.5s ease-in-out infinite pulse}.instrucoes{text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px 28px;transition:all .3s}.instrucoes:hover{border-color:#3b82f6;box-shadow:0 4px 12px #2563eb14}.instrucoes h3{color:#0f172a;align-items:center;gap:8px;margin-top:0;margin-bottom:16px;font-size:1rem;font-weight:600;display:flex}.instrucoes h3:before{content:"📌";font-size:1.1rem}.instrucoes p{color:#475569;align-items:center;gap:12px;margin:8px 0;padding:4px 0;font-size:.9rem;display:flex}.instrucoes p:before{content:"";background:#3b82f6;border-radius:50%;flex-shrink:0;width:6px;height:6px}.icone{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;font-size:36px;animation:.5s scaleIn;display:flex;box-shadow:0 8px 24px #2563eb4d}.conectado h2{color:#2563eb;font-size:1.5rem;font-weight:700}.conectando{padding:20px 0}.spinner{border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;width:56px;height:56px;margin:0 auto 20px;animation:.8s linear infinite girar}.conectando h2{color:#b45309}.erro{padding:20px 0}.erro h2{color:#dc2626;font-size:1.2rem}.erro p{color:#64748b}.foto-perfil{object-fit:cover;border:3px solid #3b82f6;border-radius:50%;width:80px;height:80px;margin:16px auto 12px;display:block;box-shadow:0 4px 12px #2563eb33}.conectado h3{color:#0f172a;margin:5px 0;font-size:1.2rem;font-weight:700}.telefone{color:#64748b;margin:0 0 20px;font-size:.95rem;font-weight:500}.botao-desconectar{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;margin-top:20px;padding:12px 28px;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #dc262640}.botao-desconectar:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 6px 16px #dc262659}.botao-desconectar:active{transform:translateY(0)}.chat-container{background:#fff;border-radius:12px;width:100%;max-width:1400px;height:calc(100vh - 72px);margin:0 auto;display:flex;overflow:hidden;box-shadow:0 4px 16px #0000000f}.chat-sidebar{background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;width:380px;min-height:0;display:flex}.chat-sidebar-header h2{color:#0f172a;margin:0;font-size:1.1rem;font-weight:700}.status-online{color:#10b981;align-items:center;gap:6px;font-size:.8rem;font-weight:600;display:flex}.status-online:before{content:"";background:#10b981;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse;display:inline-block}.pesquisa input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 18px;font-size:.9rem;transition:all .3s}.chat-item-ativo{border-left:3px solid #3b82f6;padding-left:17px;box-shadow:-5px 0 20px #2563eb33,inset 0 0 20px #2563eb1a;background:#2563eb26!important}.chat-item-ativo:hover{transform:none;background:#2563eb33!important}.chat-item-ativo .chat-topo strong{font-weight:700;color:#fff!important}.chat-item-ativo .chat-info p{color:#cbd5e1!important}.chat-item-ativo .chat-topo span{color:#93c5fd!important}.chat-item-ativo .chat-foto-placeholder{background:linear-gradient(135deg,#2563eb99,#3b82f699);border:2px solid #60a5fa80;box-shadow:0 0 20px #2563eb66;color:#fff!important}.chat-item-ativo .chat-foto{border:2px solid #60a5fa80;box-shadow:0 0 20px #2563eb66}.chat-item-ativo:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#3b82f60d,#0000);animation:2s ease-in-out infinite activeGlow;position:absolute;inset:0}@keyframes activeGlow{0%,to{opacity:.3}50%{opacity:.7}}.chat-item .badge{text-align:center;background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:50%;flex-shrink:0;min-width:20px;padding:2px 8px;font-size:.7rem;font-weight:700;box-shadow:0 2px 8px #2563eb66;color:#fff!important}.chat-item-ativo .badge{background:linear-gradient(135deg,#3b82f6,#60a5fa);box-shadow:0 2px 12px #3b82f699}.chat-foto,.chat-foto-placeholder{border-radius:50%;flex-shrink:0;width:48px;min-width:48px;height:48px;overflow:hidden}.chat-foto{object-fit:cover}.chat-foto-placeholder{color:#1e40af;text-transform:uppercase;background:linear-gradient(135deg,#dbeafe,#bfdbfe);justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.chat-vazio h2{color:#0f172a;margin-bottom:8px;font-size:1.5rem;font-weight:700}.chat-header{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;align-items:center;gap:14px;height:64px;padding:12px 24px;display:flex;box-shadow:0 1px 4px #0000000a}.mensagens{background:#f1f5f9;flex-direction:column;flex:1;gap:8px;padding:28px 32px;display:flex;overflow-y:auto}.mensagem{word-wrap:break-word;border-radius:8px;max-width:75%;padding:12px 16px 10px;animation:.3s cubic-bezier(.4,0,.2,1) slideIn;position:relative}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.mensagem-enviada{background:#dbeafe;border-bottom-right-radius:4px;align-self:flex-end}.sistema{background:#f8fafc;flex-direction:column;height:100vh;padding:20px;display:flex}.topbar{background:#fff;border:1px solid #e2e8f0;border-bottom:none;border-radius:14px 14px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;height:100px;min-height:80px;padding:20px 30px;display:flex;box-shadow:0 1px 4px #0000000a}.logo-icone{color:#fff;background:#2563eb;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex;box-shadow:0 4px 12px #2563eb40}.logo-sistema h1{color:#0f172a;margin:0;font-size:20px;font-weight:700}.foto-conta,.foto-conta-placeholder{border-radius:50%;width:46px;min-width:46px;height:46px}.foto-conta{object-fit:cover}.foto-conta-placeholder{background:#e2e8f0;justify-content:center;align-items:center;font-size:20px;display:flex}.ponto-online{background:#10b981;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse}.botao-topo-desconectar{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:8px;margin-left:10px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (width<=1024px){.chat-sidebar{width:320px}}@media (width<=768px){.sistema{padding:12px}.topbar{border-radius:12px 12px 0 0;height:56px;padding:0 16px}.conexao-ativa,.logo-sistema span{display:none}.logo-sistema h1{font-size:.95rem}.logo-icone{width:34px;height:34px;font-size:16px}.chat-container{border-radius:0 0 12px 12px;flex-direction:column;height:calc(100vh - 80px)}.chat-sidebar{border-right:none;width:100%;height:100%}.chat-main{flex:1;min-width:0;display:none}.chat-main.visible{display:flex}.card{margin:40px 16px;padding:32px 24px 28px}.card h1{font-size:1.6rem}.qrcode{width:200px;height:200px}.mensagem{max-width:85%}.mensagens{padding:20px}.chat-item{padding:14px 16px}.chat-sidebar-header{height:56px}}@media (width<=480px){.topbar{height:50px;padding:0 12px}.logo-icone{width:30px;height:30px;font-size:14px}.logo-sistema h1{font-size:.85rem}.botao-topo-desconectar{padding:6px 14px;font-size:.7rem}.card{margin:24px 12px;padding:24px 16px 20px}.card h1{font-size:1.4rem}.instrucoes{padding:16px 18px}.instrucoes p{font-size:.8rem}.mensagens{padding:16px}.mensagem{max-width:90%;padding:10px 12px 8px}.mensagem-texto{padding-right:40px;font-size:.85rem}.chat-header{height:56px;padding:10px 16px}.chat-header strong{font-size:.95rem}.chat-item{gap:12px;padding:12px 14px}.chat-foto,.chat-foto-placeholder{width:40px;min-width:40px;height:40px}.chat-topo strong{font-size:.9rem}.chat-info p{font-size:.8rem}.qrcode{width:180px;height:180px;padding:8px}.status{padding:8px 16px;font-size:.8rem}}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0f1e;margin:0;font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}.app{background:#0a0f1e;min-height:100vh;position:relative;overflow:hidden}.app:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 20%,#2563eb26 0%,#0000 50%),radial-gradient(at 80% 20%,#3b82f61f 0%,#0000 50%),radial-gradient(at 50% 80%,#1d4ed81a 0%,#0000 50%),radial-gradient(at 70%,#60a5fa14 0%,#0000 50%);animation:15s ease-in-out infinite auroraMove;position:fixed;inset:0}@keyframes auroraMove{0%,to{transform:scale(1)rotate(0)}33%{transform:scale(1.1)rotate(1deg)}66%{transform:scale(.95)rotate(-1deg)}}.app:after{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:50px 50px;animation:4s ease-in-out infinite gridPulse;position:fixed;inset:0}@keyframes gridPulse{0%,to{opacity:.5}50%{opacity:1}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff08;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(#1e40af,#3b82f6,#60a5fa);border-radius:10px;box-shadow:0 0 10px #3b82f680}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#1d4ed8,#60a5fa,#93c5fd)}.card{-webkit-backdrop-filter:blur(40px);text-align:center;z-index:1;width:100%;max-width:520px;transform-style:preserve-3d;background:#ffffff05;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;max-height:calc(100vh - 40px);margin:20px auto;padding:28px 32px 24px;transition:transform .3s,box-shadow .3s;animation:.8s cubic-bezier(.16,1,.3,1) fadeInUp;display:flex;position:relative;overflow:hidden auto;box-shadow:0 30px 60px #0006,inset 0 1px #ffffff0d}.card:hover{transform:translateY(-3px);box-shadow:0 40px 80px #00000080,0 0 40px #2563eb33,inset 0 1px #ffffff0d}.card:before{content:"";z-index:-1;opacity:.5;background:linear-gradient(45deg,#1e40af,#3b82f6,#60a5fa,#1e40af) 0 0/400% 400%;border-radius:26px;animation:6s infinite borderGlow;position:absolute;inset:-2px}@keyframes borderGlow{0%,to{background-position:0%}50%{background-position:100%}}.card h1{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 50%,#93c5fd 100%);-webkit-text-fill-color:transparent;letter-spacing:0,5px;text-shadow:0 0 30px #3b82f64d;-webkit-background-clip:text;background-clip:text;margin:0 0 6px;font-size:1.8rem;font-weight:900;line-height:1.2}.descricao{color:#94a3b8;margin-bottom:16px;font-size:.85rem;font-weight:400;line-height:1.5}.qrcode{object-fit:contain;background:#fff;border:2px solid #fff3;border-radius:24px;width:260px;height:260px;margin:8px auto 24px;padding:16px;transition:all .5s cubic-bezier(.4,0,.2,1);display:block;position:relative;box-shadow:0 20px 40px #0006,0 0 60px #2563eb40}.qrcode:before{content:"";z-index:-1;opacity:.3;filter:blur(20px);background:linear-gradient(45deg,#1e40af,#3b82f6,#60a5fa);border-radius:28px;transition:opacity .3s;position:absolute;inset:-10px}.qrcode:hover{transform:scale(1.05)rotate(1deg);box-shadow:0 30px 60px #00000080,0 0 80px #3b82f666}.qrcode:hover:before{opacity:.6;filter:blur(30px)}.status{color:#fbbf24;-webkit-backdrop-filter:blur(20px);background:#fbbf2414;border:1px solid #fbbf2433;border-radius:50px;align-items:center;gap:10px;margin-bottom:15px;padding:12px 24px;font-size:.9rem;font-weight:600;display:inline-flex;box-shadow:0 0 20px #fbbf2426}.status-ponto{background:#fbbf24;border-radius:50%;width:10px;height:10px;animation:1.5s ease-in-out infinite pulse;box-shadow:0 0 15px #fbbf2499}.instrucoes{text-align:left;-webkit-backdrop-filter:blur(20px);background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;margin-top:10px;padding:12px 20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.instrucoes:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#2563eb0d,#3b82f60d,#60a5fa0d);transition:opacity .3s;position:absolute;inset:0}.instrucoes:hover{border-color:#3b82f64d;transform:translateY(-2px);box-shadow:0 20px 40px #2563eb26,0 0 20px #3b82f61a}.instrucoes:hover:before{opacity:1}.instrucoes h3{color:#60a5fa;align-items:center;gap:5px;margin:0 1px 6px;font-size:.8rem;font-weight:700;display:flex;position:relative}.instrucoes h3:before{content:"✨";font-size:.9rem;animation:2s ease-in-out infinite sparkle}@keyframes sparkle{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.2)rotate(10deg)}}.instrucoes p{color:#cbd5e1;align-items:center;gap:8px;margin:2px 0;padding:1px 0;font-size:.9rem;line-height:1.4;transition:all .3s;display:flex;position:relative}.instrucoes p:hover{color:#fff;transform:translate(5px)}.instrucoes p:before{content:"";background:linear-gradient(135deg,#3b82f6,#60a5fa);border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 10px #3b82f680}.instrucoes p strong{color:#fff;font-weight:600}.conectado{padding:20px 0}.icone{color:#fff;background:linear-gradient(135deg,#1e40af,#3b82f6,#60a5fa);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;font-size:40px;animation:1s cubic-bezier(.68,-.55,.265,1.55) celebrate;display:flex;position:relative;box-shadow:0 15px 35px #2563eb66,0 0 60px #3b82f64d}.icone:before{content:"";opacity:.3;filter:blur(10px);z-index:-1;background:linear-gradient(45deg,#1e40af,#3b82f6,#60a5fa);border-radius:50%;position:absolute;inset:-5px}@keyframes celebrate{0%{transform:scale(0)rotate(-180deg)}60%{transform:scale(1.2)rotate(10deg)}80%{transform:scale(.9)rotate(-5deg)}to{transform:scale(1)rotate(0)}}.conectado h2{background:linear-gradient(135deg,#60a5fa,#3b82f6,#93c5fd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:1.8rem;font-weight:800}.conectado p{color:#94a3b8}.spinner{perspective:800px;width:60px;height:60px;margin:0 auto 20px;position:relative}.spinner:before{content:"";border:4px solid #1e40af;border-color:#1e40af #3b82f6 #60a5fa #0000;border-radius:50%;width:100%;height:100%;animation:1.5s cubic-bezier(.68,-.55,.265,1.55) infinite spin3d;position:absolute}@keyframes spin3d{0%{transform:rotateX(0)rotateY(0)rotate(0)}to{transform:rotateX(360deg)rotateY(360deg)rotate(360deg)}}.chat-container{-webkit-backdrop-filter:blur(40px);z-index:1;background:#ffffff05;border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:1400px;height:calc(100vh - 100px);margin:0 auto;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px #0006,inset 0 1px #ffffff0d}.chat-container:hover{box-shadow:0 40px 80px #00000080,0 0 40px #2563eb26,inset 0 1px #ffffff0d}.chat-sidebar{background:#ffffff03;border-right:1px solid #ffffff14;flex-direction:column;width:380px;min-height:0;display:flex;position:relative}.chat-sidebar:before{content:"";background:linear-gradient(90deg,#0000,#2563eb80,#3b82f680,#0000);height:1px;position:absolute;top:0;left:0;right:0}.chat-sidebar-header{background:#ffffff05;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;height:70px;padding:0 20px;display:flex}.chat-sidebar-header h2{background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.2rem;font-weight:800}.status-online{color:#10b981;align-items:center;gap:2px;font-size:.8rem;font-weight:600;display:flex;position:relative}.status-online:before{content:"";background:#10b981;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse;display:inline-block;box-shadow:0 0 10px #10b981cc}.pesquisa{background:#ffffff05;border-bottom:1px solid #ffffff14;flex-shrink:0;padding:14px 16px}.pesquisa input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:10px 18px;font-size:.9rem;transition:all .3s}.pesquisa input:focus{background:#ffffff14;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.pesquisa input::placeholder{color:#64748b}.lista-chats{background:0 0;flex:1;overflow-y:auto}.chat-item{cursor:pointer;transform-style:preserve-3d;border-bottom:1px solid #ffffff0a;align-items:center;gap:16px;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.chat-item:before{content:"";opacity:0;background:linear-gradient(90deg,#2563eb1a,#3b82f60d,#0000);transition:opacity .3s;position:absolute;inset:0}.chat-item:hover{background:#ffffff0d;transform:translate(8px)translateZ(10px)}.chat-item:hover:before{opacity:1}.chat-item-ativo{background:#2563eb26;border-left:3px solid #3b82f6;padding-left:17px;box-shadow:-5px 0 20px #2563eb33,inset 0 0 20px #2563eb1a}.chat-item-ativo:hover{background:#2563eb33;transform:none}.chat-foto,.chat-foto-placeholder{border-radius:50%;flex-shrink:0;width:50px;min-width:50px;height:50px;position:relative;overflow:hidden}.chat-foto{object-fit:cover;border:2px solid #ffffff1a}.chat-foto-placeholder{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#2563eb66,#3b82f666,#60a5fa66);border:2px solid #ffffff1a;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex;box-shadow:0 5px 15px #2563eb4d}.chat-info{flex:1;min-width:0}.chat-topo{justify-content:space-between;align-items:center;gap:10px;display:flex}.chat-topo strong{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:600;overflow:hidden}.chat-topo span{color:#64748b;white-space:nowrap;flex-shrink:0;font-size:.7rem;font-weight:500}.chat-info p{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;margin:6px 0 0;font-size:.9rem;overflow:hidden}.chat-main{background:#ffffff03;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.chat-vazio{text-align:center;color:#94a3b8;background:#ffffff03;flex-direction:column;flex:1;justify-content:center;align-items:center;animation:.5s fadeIn;display:flex}.chat-vazio:before{content:"💬";background:linear-gradient(135deg,#2563eb4d,#3b82f64d,#60a5fa4d);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;font-size:32px;animation:.6s scaleIn;display:flex}.chat-vazio h2{background:linear-gradient(135deg,#60a5fa,#3b82f6,#93c5fd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:1.5rem;font-weight:800}.chat-vazio p{margin:0;font-size:.95rem}.chat-aberto{flex-direction:column;height:100%;min-height:0;display:flex}.chat-header{-webkit-backdrop-filter:blur(10px);background:#ffffff05;border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:14px;height:70px;padding:12px 24px;display:flex}.chat-header .chat-foto{width:40px;min-width:40px;height:40px}.chat-header strong{color:#fff;font-size:1.05rem;font-weight:600}.chat-header p{color:#94a3b8;margin:2px 0 0;font-size:.8rem}.mensagens{background:0 0;flex-direction:column;flex:1;gap:10px;padding:28px 32px;display:flex;position:relative;overflow-y:auto}.mensagens:before{content:"";pointer-events:none;background:radial-gradient(circle,#2563eb08 0%,#0000 50%);position:absolute;inset:0}.mensagem-aviso{text-align:center;color:#64748b;padding:40px 0;font-size:.95rem}.mensagem{word-wrap:break-word;-webkit-backdrop-filter:blur(20px);border-radius:16px;max-width:75%;padding:12px 16px 10px;transition:all .3s;animation:.4s cubic-bezier(.16,1,.3,1) messageIn;position:relative}.mensagem:hover{transform:translateY(-2px)}.mensagem-recebida{background:#ffffff0d;border:1px solid #ffffff1a;border-bottom-left-radius:4px;align-self:flex-start;box-shadow:0 4px 15px #0003}.mensagem-enviada{background:linear-gradient(135deg,#2563eb4d,#3b82f64d,#60a5fa4d);border:1px solid #3b82f64d;border-bottom-right-radius:4px;align-self:flex-end;box-shadow:0 4px 15px #2563eb4d}.mensagem-texto{color:#fff;padding-right:50px;font-size:.95rem;line-height:1.6}.mensagem-hora{text-align:right;color:#94a3b8;letter-spacing:.3px;margin-top:4px;font-size:.65rem;display:block}.mensagem-imagem{color:#cbd5e1;padding:4px 0;font-size:.85rem}.sistema{z-index:1;background:0 0;flex-direction:column;height:100vh;padding:20px;display:flex;position:relative}.topbar{-webkit-backdrop-filter:blur(30px);background:#ffffff05;border:1px solid #ffffff14;border-bottom:none;border-radius:24px 24px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;height:70px;padding:20px 30px;display:flex;position:relative;overflow:hidden}.topbar:before{content:"";background:linear-gradient(90deg,#0000,#2563eb80,#3b82f680,#60a5fa80,#0000);height:1px;position:absolute;top:0;left:0;right:0}.logo-sistema{align-items:center;gap:13px;display:flex}.logo-icone{color:#fff;background:linear-gradient(135deg,#1e40af,#3b82f6,#60a5fa);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;animation:3s ease-in-out infinite iconGlow;display:flex;box-shadow:0 10px 25px #2563eb80,0 0 40px #3b82f64d}@keyframes iconGlow{0%,to{box-shadow:0 10px 25px #2563eb80,0 0 40px #3b82f64d}50%{box-shadow:0 10px 35px #2563ebb3,0 0 60px #3b82f680}}.logo-sistema h1{background:linear-gradient(135deg,#fff,#93c5fd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:22px;font-weight:900}.logo-sistema span{color:#94a3b8;margin-top:3px;font-size:12px;font-weight:500;display:block}.conta-whatsapp{align-items:center;gap:12px;display:flex}.foto-conta,.foto-conta-placeholder{border-radius:50%;width:48px;min-width:48px;height:48px;position:relative}.foto-conta{object-fit:cover;border:2px solid #fff3;box-shadow:0 5px 15px #0000004d}.foto-conta-placeholder{background:linear-gradient(135deg,#2563eb4d,#3b82f64d);border:2px solid #ffffff1a;justify-content:center;align-items:center;font-size:20px;display:flex}.info-conta{flex-direction:column;min-width:120px;display:flex}.info-conta strong{color:#fff;font-size:14px;font-weight:600}.info-conta span{color:#94a3b8;align-items:center;gap:6px;margin-top:4px;font-size:12px;display:flex}.ponto-online{background:#10b981;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse;box-shadow:0 0 10px #10b981cc}.botao-topo-desconectar{color:#ef4444;cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;margin-left:10px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.botao-topo-desconectar:hover{background:#ef444433;border-color:#ef444480;transform:translateY(-2px);box-shadow:0 10px 20px #ef44444d}.botao-topo-desconectar:active{transform:translateY(0)}@media (width<=1024px){.chat-sidebar{width:320px}}@media (width<=768px){.sistema{padding:12px}.topbar{border-radius:16px 16px 0 0;height:60px;padding:0 16px}.logo-sistema span{display:none}.logo-sistema h1{font-size:1rem}.logo-icone{width:36px;height:36px;font-size:18px}.chat-container{border-radius:0 0 16px 16px;flex-direction:column;height:calc(100vh - 80px)}.chat-sidebar{border-right:none;width:100%;height:100%}.chat-main{flex:1;min-width:0;display:none}.chat-main.visible{display:flex}.card{margin:40px 16px;padding:32px 24px 28px}.card h1{font-size:1.8rem}.qrcode{width:200px;height:200px}.mensagem{max-width:85%}.mensagens{padding:20px}}@media (width<=480px){.topbar{height:50px;padding:0 12px}.logo-icone{width:30px;height:30px;font-size:14px}.logo-sistema h1{font-size:.85rem}.botao-topo-desconectar{padding:6px 14px;font-size:.7rem}.card{margin:24px 12px;padding:24px 16px 20px}.card h1{font-size:1.4rem}.instrucoes{padding:16px 18px}.instrucoes p{font-size:.8rem}.mensagens{padding:16px}.mensagem{max-width:90%;padding:10px 12px 8px}.mensagem-texto{padding-right:40px;font-size:.85rem}.chat-header{height:56px;padding:10px 16px}.chat-header strong{font-size:.95rem}.chat-item{gap:12px;padding:12px 14px}.chat-foto,.chat-foto-placeholder{width:40px;min-width:40px;height:40px}.chat-topo strong{font-size:.9rem}.chat-info p{font-size:.8rem}.qrcode{width:180px;height:180px;padding:8px}.status{padding:2px;font-size:.8rem}}.hover-shadow{transition:all .3s}.hover-shadow:hover{box-shadow:0 15px 30px #2563eb4d}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.flex-center{justify-content:center;align-items:center;display:flex}.slide-up{animation:.6s cubic-bezier(.16,1,.3,1) slideUp}