@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700&family=Instrument+Sans:wght@400;500;600&display=swap";
:root{--bg:#0a0a0c;--gold:#f7a81b;--sky:#5fa8f5;--mint:#6ed0a8;--ink:#ededf0;--ink-dim:#8c8c96;--panel:#121216}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:radial-gradient(ellipse at 50% 42%, #17171c 0%, #0e0e11 45%, var(--bg) 100%);color:var(--ink);font-family:Instrument Sans,sans-serif;overflow:hidden}header{z-index:10;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:start;gap:20px;padding:20px 28px;display:grid;position:fixed;top:0;left:0;right:0}.logo{justify-self:end;width:auto;height:52px;display:block}h1{letter-spacing:-.02em;font-family:Sora,sans-serif;font-size:clamp(17px,2.2vw,24px);font-weight:700}h1 span{color:var(--gold)}.sub{color:var(--ink-dim);max-width:400px;margin-top:4px;font-size:12.5px}@keyframes legendPulse{0%,to{opacity:.25}50%{opacity:1}}.busca{pointer-events:auto;width:min(340px,80vw);position:relative}.busca-campo{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e0e11b8;border:1px solid #8c8c9629;border-radius:999px;align-items:center;gap:9px;padding:9px 15px;transition:border-color .2s,background .2s;display:flex}.busca-campo:focus-within{background:#101014e0;border-color:#f7a81b6b}.busca-campo svg{width:15px;height:15px;stroke:var(--ink-dim);fill:none;stroke-width:2px;flex-shrink:0}.busca-campo:focus-within svg{stroke:var(--gold)}.busca input{min-width:0;color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-family:Instrument Sans,sans-serif;font-size:13.5px}.busca input::placeholder{color:var(--ink-dim)}.busca input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.busca input::-webkit-search-decoration{-webkit-appearance:none;display:none}.busca-limpar{width:19px;height:19px;color:var(--ink-dim);cursor:pointer;background:#8c8c9624;border:none;border-radius:50%;flex-shrink:0;font-size:11px;line-height:1;display:none}.busca.tem-texto .busca-limpar{display:block}.busca-limpar:hover{color:var(--ink);background:#8c8c9642}.resultados{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0c0ff0;border:1px solid #8c8c9629;border-radius:14px;flex-direction:column;gap:2px;max-height:min(52vh,380px);padding:6px;display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 46px #0000008c}.resultados.aberto{display:flex}.resultados::-webkit-scrollbar{width:6px}.resultados::-webkit-scrollbar-thumb{background:#8c8c9633;border-radius:3px}.res-item{cursor:pointer;text-align:left;color:var(--ink);background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-family:inherit;transition:background .12s;display:flex}.res-item:hover,.res-item.ativo{background:#f7a81b1a}.res-item .mini{width:30px;height:30px;color:var(--ink);background:#1c1c22;border:1px solid #8c8c9640;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Sora,sans-serif;font-size:11px;font-weight:600;display:flex}.res-item .info{flex:1;min-width:0}.res-item .info b{white-space:nowrap;text-overflow:ellipsis;font-family:Sora,sans-serif;font-size:12.5px;font-weight:600;display:block;overflow:hidden}.res-item .info small{color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;display:block;overflow:hidden}.res-vazio{color:var(--ink-dim);padding:12px 10px;font-size:12.5px;font-style:italic}.zoom-ctrl{z-index:8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e0e11a6;border:1px solid #8c8c9621;border-radius:999px;align-items:center;gap:10px;padding:8px 14px;display:flex;position:fixed;bottom:22px;right:22px}.zoom-ctrl button{width:28px;height:28px;color:var(--ink);cursor:pointer;background:#8c8c9614;border:1px solid #8c8c9640;border-radius:50%;font-size:16px;line-height:1;transition:background .15s}.zoom-ctrl button:hover{background:#f7a81b2e;border-color:#f7a81b66}.zoom-ctrl input[type=range]{width:120px;accent-color:var(--gold);cursor:pointer;background:0 0}@media (max-width:640px){.zoom-ctrl{padding:6px 10px;bottom:12px;right:12px}.zoom-ctrl input[type=range]{width:80px}}canvas{cursor:grab;touch-action:none;display:block}canvas.dragging{cursor:grabbing}.tooltip{z-index:9;pointer-events:none;opacity:0;background:#0a0a0ceb;border:1px solid #f7a81b4d;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;transition:opacity .15s;display:flex;position:fixed;transform:translate(-50%,-140%)}.tooltip img{object-fit:cover;border:1.5px solid #f7a81b73;border-radius:50%;flex-shrink:0;width:42px;height:42px}.tooltip b{font-family:Sora,sans-serif;font-size:13.5px;font-weight:600;display:block}.tooltip small{color:var(--ink-dim);font-size:11.5px}.ativos{z-index:8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e0e11a6;border:1px solid #8c8c9621;border-radius:14px;max-width:225px;padding:13px 15px;position:fixed;bottom:22px;left:22px}.ativos h3{text-transform:uppercase;letter-spacing:.09em;color:var(--gold);align-items:center;gap:7px;margin-bottom:9px;font-family:Sora,sans-serif;font-size:10.5px;font-weight:600;display:flex}.beacon{background:var(--gold);border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite legendPulse}.ativo-item{cursor:pointer;align-items:center;gap:9px;padding:4px 0;font-size:12.5px;transition:opacity .15s;display:flex}.ativo-item:hover{opacity:.7}.ativo-item .mini{width:24px;height:24px;color:var(--ink);background:#232329;border:1px solid #f7a81b59;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Sora,sans-serif;font-size:10px;font-weight:600;display:flex}.ativo-item small{color:var(--ink-dim);flex-shrink:0;margin-left:auto;font-size:10.5px}.panel{z-index:20;background:linear-gradient(180deg, var(--panel), #0b0b0e);border-left:1px solid #8c8c9629;flex-direction:column;width:min(360px,92vw);transition:transform .38s cubic-bezier(.22,.9,.3,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(105%);box-shadow:-24px 0 60px #0009}.panel.open{transform:translate(0)}.panel-head{border-bottom:1px solid #8c8c961f;padding:24px 24px 18px}.avatar{width:62px;height:62px;color:var(--ink);background:#1c1c22;border:2px solid #f7a81b80;border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;font-family:Sora,sans-serif;font-size:19px;font-weight:700;display:flex;position:relative;overflow:hidden;box-shadow:0 0 24px #f7a81b26}.perfil{align-items:center;gap:14px;margin-bottom:14px;display:flex}.perfil .avatar{flex-shrink:0;margin-bottom:0}.badge-tempo{min-width:0;color:var(--ink-dim);white-space:nowrap;background:#8c8c9612;border:1px solid #8c8c9624;border-radius:999px;align-items:center;gap:6px;padding:5px 10px 5px 8px;font-family:Sora,sans-serif;font-size:11.5px;font-weight:500;line-height:1;display:inline-flex}.badge-tempo .roda{border:1.5px solid #f7a81b80;border-radius:50%;flex-shrink:0;width:10px;height:10px;position:relative}.badge-tempo .roda:before,.badge-tempo .roda:after{content:"";background:#f7a81b80;margin:auto;position:absolute;inset:0}.badge-tempo .roda:before{width:6px;height:1px}.badge-tempo .roda:after{width:1px;height:6px}.avatar img,.mini img{object-fit:cover;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.mini{position:relative;overflow:hidden}.panel-head h2{font-family:Sora,sans-serif;font-size:20px;font-weight:600}.panel-head .empresa{color:var(--gold);margin-top:2px;font-size:13.5px;font-weight:600}.panel-head .servico{color:var(--ink-dim);margin-top:6px;font-size:13px;line-height:1.5}.meta{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.chip{color:var(--sky);background:#5fa8f51a;border:1px solid #5fa8f547;border-radius:999px;padding:5px 11px;font-size:11.5px}.chip.gold{color:var(--gold);background:#f7a81b14;border-color:#f7a81b4d}.chip.live{color:#6ed0a8;background:#6ed0a814;border-color:#6ed0a859}.panel-body{flex:1;padding:18px 24px 24px;overflow-y:auto}.panel-body::-webkit-scrollbar{width:6px}.panel-body::-webkit-scrollbar-thumb{background:#8c8c9633;border-radius:3px}.sec-title{text-transform:uppercase;letter-spacing:.08em;margin:18px 0 10px;font-family:Sora,sans-serif;font-size:11.5px;font-weight:600}.sec-title:first-child{margin-top:0}.sec-title.vend{color:var(--gold)}.sec-title.comp{color:var(--sky)}.sec-title.pad{color:var(--mint);justify-content:space-between;align-items:center;gap:10px;display:flex}.switch{cursor:pointer;background:#8c8c9629;border:1px solid #8c8c9638;border-radius:999px;flex-shrink:0;width:34px;height:19px;padding:0;transition:background .2s,border-color .2s;position:relative}.switch i{background:var(--ink-dim);border-radius:50%;width:13px;height:13px;transition:transform .22s cubic-bezier(.22,.9,.3,1),background .2s;position:absolute;top:2px;left:2px}.switch[aria-checked=true]{background:#6ed0a833;border-color:#6ed0a873}.switch[aria-checked=true] i{background:var(--mint);transform:translate(15px)}.switch:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.conn.pad{background:#6ed0a80a;border-color:#6ed0a833}.conn.pad:hover,.conn.pad .mini{border-color:#6ed0a866}.conn .right .papel{color:var(--mint);font-size:10px;display:block}.pad-off{color:var(--ink-dim);padding:2px 2px 4px;font-size:12px;font-style:italic}.conn{cursor:pointer;background:#8c8c960d;border:1px solid #8c8c9617;border-radius:12px;align-items:center;gap:12px;margin-bottom:7px;padding:9px 12px;transition:background .15s,border-color .15s;display:flex}.conn:hover{background:#8c8c961c;border-color:#f7a81b4d}.conn.recente{background:#f7a81b0a;border-color:#f7a81b40}.conn .mini{width:34px;height:34px;color:var(--ink);background:#1c1c22;border:1px solid #8c8c9640;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Sora,sans-serif;font-size:12px;font-weight:600;display:flex}.conn .info{min-width:0}.conn .info b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;display:block;overflow:hidden}.conn .info small{color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.conn .right{text-align:right;flex-shrink:0;margin-left:auto}.conn .right .n{color:var(--ink-dim);font-size:11px;display:block}.conn .right .quando{color:var(--gold);margin-top:2px;font-size:10px;display:block}.conn .right .quando.old{color:var(--ink-dim);opacity:.7}.empty{color:var(--ink-dim);padding:6px 2px;font-size:12.5px;font-style:italic}.empty b{color:var(--gold);font-style:normal}.close-btn{width:34px;height:34px;color:var(--ink);cursor:pointer;background:#8c8c9614;border:1px solid #8c8c962e;border-radius:50%;font-size:15px;transition:background .15s;position:absolute;top:16px;right:16px}.close-btn:hover{background:#8c8c962e}.hint{z-index:8;color:var(--ink-dim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#0e0e11a6;border:1px solid #8c8c961f;border-radius:999px;padding:8px 18px;font-size:12px;transition:opacity .4s;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.stats{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:16px;display:grid}.stat{text-align:center;background:#8c8c960f;border-radius:10px;padding:10px}.stat b{font-family:Sora,sans-serif;font-size:17px;display:block}.stat.gold b{color:var(--gold)}.stat.sky b{color:var(--sky)}.stat small{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.05em;font-size:10px}@media (max-width:900px){header{grid-template-columns:1fr auto;gap:12px;padding:14px 16px}.busca{order:3;grid-column:1/-1;width:100%}.logo{height:40px}.sub{display:none}}@media (max-width:640px){.ativos{max-width:185px;padding:10px 12px;bottom:12px;left:12px}.hint{display:none}}@media (prefers-reduced-motion:reduce){.panel,.switch i{transition:none}.beacon{animation:none}}.vazio{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100dvh;padding:30px;display:flex}.vazio img{width:auto;height:54px;margin-bottom:8px}.vazio h1{font-family:Sora,sans-serif;font-size:20px;font-weight:600}.vazio p{color:var(--ink-dim);max-width:380px;font-size:13.5px;line-height:1.6}