:root{--bg: #080808;--bg2: #0f0f0f;--card: #141414;--card2: #1c1c1c;--borda: #2a2a2a;--txt: #f2f2f2;--txt2: #a3a3a3;--txt3: #6e6e6e;--acc: #ffffff;--acc-txt: #0a0a0a;--sel: #262626;--badge-bg: #262626;--badge-txt: #e5e5e5;--azul: var(--acc);--verde: #16a34a;--vermelho: #e11d48;--laranja: #f59e0b;--roxo: #a855f7;--raio: 14px;color-scheme:dark}:root[data-theme=light]{--bg: #f4f4f4;--bg2: #ffffff;--card: #ffffff;--card2: #f0f0f0;--borda: #e0e0e0;--txt: #111111;--txt2: #555555;--txt3: #8a8a8a;color-scheme:light;--acc: #111111;--acc-txt: #ffffff;--sel: #e8e8e8;--badge-bg: #ececec;--badge-txt: #222222}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--txt);font:14px/1.45 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}h1{font-size:26px;font-weight:600;margin:4px 0 18px;letter-spacing:-.01em}h2{font-size:16px;margin:0 0 4px;font-weight:600}.muted{color:var(--txt2)}.small{font-size:12px}.tiny{font-size:11px;color:var(--txt3)}.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--txt2)}.app{display:flex;min-height:100%}.sidebar{width:68px;background:var(--bg2);border-right:1px solid var(--borda);display:flex;flex-direction:column;align-items:center;padding:14px 0;gap:6px;position:sticky;top:0;height:100vh;flex-shrink:0}.logo{width:38px;height:38px;border-radius:10px;border:1px solid var(--borda);display:grid;place-items:center;font-weight:700;font-size:12px;margin-bottom:18px}.navlink{width:44px;height:38px;border-radius:10px;display:grid;place-items:center;color:var(--txt2);position:relative}.navlink:hover{background:var(--card2);color:var(--txt)}.navlink.active{background:var(--acc);color:var(--acc-txt)}.navlink .tip{position:absolute;left:54px;background:#000;color:#fff;padding:4px 8px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:.15s;z-index:50}.navlink:hover .tip{opacity:1}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:56px;border-bottom:1px solid var(--borda);display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:12px}.content{padding:20px 24px 40px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spacer{flex:1}.grid{display:grid;gap:14px}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--borda);border-radius:var(--raio);padding:16px 18px}.card.pad0{padding:0;overflow:hidden}.kpi .val{font-size:28px;font-weight:700;margin:6px 0 2px;letter-spacing:-.02em}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:500;background:var(--badge-bg);color:var(--badge-txt)}.badge.verde{background:#14532d66;color:#6ee7a0}.badge.vermelho{background:#7f1d1d66;color:#fda4af}.badge.laranja{background:#78350f66;color:#fcd34d}.badge.roxo{background:#581c8766;color:#d8b4fe}:root[data-theme=light] .badge.verde{background:#dcfce7;color:#166534}:root[data-theme=light] .badge.vermelho{background:#ffe4e6;color:#9f1239}:root[data-theme=light] .badge.laranja{background:#fef3c7;color:#92400e}:root[data-theme=light] .deal.parado{background:#fff1f2;border-color:#fecdd3}.badge.cinza{background:var(--card2);color:var(--txt2)}.bar{height:6px;background:var(--card2);border-radius:99px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--acc);border-radius:99px}.secao{background:var(--card2);border-radius:10px;padding:10px 14px;font-weight:600;margin:-2px -4px 12px}.input,select.input,textarea.input{width:100%;background:var(--bg2);color:var(--txt);border:1px solid var(--borda);border-radius:10px;padding:9px 12px;font:inherit;outline:none}.input:focus{border-color:var(--azul)}textarea.input{min-height:80px;resize:vertical}label.f{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--txt2)}.btn{white-space:nowrap;border:1px solid var(--borda);background:var(--card2);color:var(--txt);border-radius:10px;padding:8px 14px;font-weight:500;display:inline-flex;align-items:center;gap:6px}.btn:hover{filter:brightness(1.15)}.btn.primary{background:var(--acc);border-color:var(--acc);color:var(--acc-txt);font-weight:600}.btn.verde{background:var(--verde);border-color:var(--verde);color:#fff}.btn.vermelho{background:var(--vermelho);border-color:var(--vermelho);color:#fff}.btn.laranja{background:#d97706;border-color:#d97706;color:#fff}.btn.ghost{background:transparent;border-color:transparent;color:var(--txt2)}.btn.sm{padding:3px 9px;font-size:12px;border-radius:8px}.btn:disabled{opacity:.5;cursor:default}table.t{width:100%;border-collapse:collapse}.t th{text-align:left;font-weight:500;color:var(--txt2);font-size:12px;padding:10px 14px;border-bottom:1px solid var(--borda);white-space:nowrap}.t td{padding:10px 14px;border-bottom:1px solid var(--borda);vertical-align:middle}.t tr.click{cursor:pointer}.t tr.click:hover td{background:var(--card2)}.kanban{display:flex;gap:14px;overflow-x:auto;padding-bottom:12px;align-items:stretch;min-height:calc(100vh - 260px)}.col{background:var(--card);border:1px solid var(--borda);border-radius:var(--raio);width:300px;flex-shrink:0;display:flex;flex-direction:column}.col.over{border-color:var(--acc);background:var(--sel)}.col-h{padding:12px 14px;border-bottom:1px solid var(--borda)}.col-h b{font-size:12.5px;letter-spacing:.03em;text-transform:uppercase}.col-b{padding:10px;display:flex;flex-direction:column;gap:10px;flex:1;overflow-y:auto}.vazio{border:1px dashed var(--borda);border-radius:10px;padding:12px;color:var(--txt3);font-size:12.5px}.deal{background:var(--card2);border:1px solid var(--borda);border-radius:12px;padding:12px;cursor:grab;border-left:3px solid var(--azul)}.deal.parado{background:#2a1720;border-color:#5b2333}.deal:hover{border-color:#3c3e4a}.deal .nome{font-weight:600;font-size:13.5px;margin-bottom:2px}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:40;display:flex;justify-content:flex-end}.drawer{width:min(560px,100%);height:100%;background:var(--bg2);border-left:1px solid var(--borda);overflow-y:auto;padding:22px}.modal-wrap{align-items:center;justify-content:center}.modal{width:min(520px,calc(100% - 32px));background:var(--bg2);border:1px solid var(--borda);border-radius:16px;padding:22px;max-height:90vh;overflow:auto}.timeline{display:flex;flex-direction:column;gap:10px}.tl{border-left:2px solid var(--borda);padding:2px 0 2px 12px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--borda);margin:16px 0 14px}.tab{padding:8px 12px;color:var(--txt2);border-bottom:2px solid transparent;background:none;border-top:0;border-left:0;border-right:0}.tab.on{color:var(--txt);border-bottom-color:var(--azul)}.pill-sel{display:flex;gap:6px;flex-wrap:wrap}.pill-sel button{border:1px solid var(--borda);background:var(--card);color:var(--txt2);padding:6px 12px;border-radius:999px;font-size:12.5px}.pill-sel button.on{background:var(--txt);color:var(--bg);border-color:var(--txt)}.toast{position:fixed;bottom:20px;right:20px;background:var(--card2);border:1px solid var(--borda);padding:10px 16px;border-radius:10px;z-index:60}.demo-banner{background:#78350f;color:#fde68a;font-size:12.5px;padding:6px 24px}.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cal .d{min-height:86px;background:var(--card2);border-radius:10px;padding:6px;font-size:12px;cursor:pointer;border:1px solid transparent}.cal .d.fora{opacity:.35}.cal .d.hoje{border-color:var(--azul)}.cal .d.sel{background:var(--sel);border-color:var(--txt3)}.cal .ev{background:var(--acc);color:var(--acc-txt);border-radius:5px;padding:1px 5px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.cal .ev.ok{background:var(--verde);opacity:.7;text-decoration:line-through}@media (max-width: 1100px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:1fr 1fr}}@media (max-width: 720px){.g4,.g3,.g2{grid-template-columns:1fr}.sidebar{position:fixed;bottom:0;top:auto;height:58px;width:100%;flex-direction:row;justify-content:space-around;padding:0 6px;z-index:30;border-right:0;border-top:1px solid var(--borda);overflow-x:auto}.logo,.logo-img,.navlink .tip{display:none}.content{padding:16px 16px 80px}.topbar{padding:0 16px}.col{width:260px}}.marca{display:block;height:auto}.marca.claro{display:none}:root[data-theme=light] .marca.escuro{display:none}:root[data-theme=light] .marca.claro{display:block}.logo-img{width:40px;margin-bottom:18px}:root{--ok: #4ade80;--ruim: #fb7185}:root[data-theme=light]{--ok: #15803d;--ruim: #be123c}.g5{grid-template-columns:repeat(5,minmax(0,1fr))}.g6{grid-template-columns:repeat(6,minmax(0,1fr))}.eyebrow.sec{margin:20px 2px 10px}.filtros{display:flex;flex-wrap:wrap;gap:12px;padding:12px 14px}.filtros .f{flex:1 1 170px;min-width:0}.kpi-m{display:flex;flex-direction:column;gap:4px;padding:14px 16px;min-width:0}.kpi-m .kv{font-size:22px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-m.destaque{border-color:var(--txt3);background:linear-gradient(180deg,var(--card2),var(--card))}.funil{display:flex;flex-direction:column;gap:10px}.f-linha{display:grid;grid-template-columns:150px minmax(0,1fr) 170px;gap:12px;align-items:center}.f-nome{font-size:12.5px;color:var(--txt2)}.f-barra{height:26px;background:var(--card2);border-radius:6px;overflow:hidden}.f-barra i{display:block;height:100%;background:var(--acc);border-radius:6px}.f-val{font-variant-numeric:tabular-nums}.taxas{gap:16px 18px}.taxas b{font-size:17px;font-variant-numeric:tabular-nums}table.num td,table.num th{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.reu{display:flex;gap:10px;align-items:center;padding:8px 12px}.reu .st{font-size:11px}.deal .prox{font-size:11.5px;margin-top:6px;color:var(--txt2)}.cal .ev.reu-ev{background:transparent;color:var(--txt);border:1px solid var(--txt3)}@media (max-width: 1250px){.g6,.g5{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 720px){.g6,.g5{grid-template-columns:1fr 1fr}.f-linha{grid-template-columns:1fr;gap:4px}}.trafego b{font-size:18px;font-variant-numeric:tabular-nums}.g-funil{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}@media (max-width: 900px){.g-funil{grid-template-columns:1fr}}@media (max-width: 720px){.kpi-m .kv{font-size:18px}.trafego{grid-template-columns:1fr 1fr}}.periodo{display:flex;gap:10px 14px;flex-wrap:wrap;align-items:center}.barra-filtros{display:flex;gap:10px 16px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:14px}.comp{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:0}.periodo select.input{max-width:100%}.periodo>*{min-width:0;max-width:100%}@media (max-width: 720px){.periodo label.row{flex-wrap:wrap!important}.periodo select.input{min-width:0!important}}.grid>.card{min-width:0}.busca-row{flex-wrap:nowrap}@media (max-width: 720px){.busca-row{flex-wrap:wrap}.busca-row .input{width:100%!important}.kpi .val{font-size:22px}}.ficha{width:min(1080px,calc(100% - 32px));max-height:calc(100vh - 40px);background:var(--bg2);border:1px solid var(--borda);border-radius:18px;display:flex;flex-direction:column;overflow:hidden}.ficha-h{display:flex;align-items:center;gap:8px;padding:16px 22px;border-bottom:1px solid var(--borda)}.ficha-b{overflow-y:auto;padding:18px 22px 26px;display:flex;flex-direction:column;gap:14px}.ficha-3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1fr);gap:14px}.ficha-col{display:flex;flex-direction:column;gap:10px;min-width:0}.card.mini{padding:12px 14px;display:flex;flex-direction:column;gap:6px}.ticket{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;background:linear-gradient(180deg,var(--card2),var(--card))}.tk-val{font-size:30px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.editavel{cursor:pointer;border-bottom:1px dashed transparent}.editavel:hover{border-bottom-color:var(--txt3)}.editavel svg{opacity:.4}.stepper{display:flex;gap:4px;overflow-x:auto;padding-bottom:4px}.passo{flex:1 0 84px;display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:0;color:var(--txt3);font-size:10.5px;text-transform:uppercase;letter-spacing:.03em;text-align:center;padding:4px 2px;border-radius:8px;position:relative}.passo:hover{background:var(--card2);color:var(--txt)}.passo .bola{width:28px;height:28px;border-radius:99px;border:1.5px solid var(--borda);display:grid;place-items:center;font-size:12px;font-weight:600;background:var(--bg2)}.passo.feito{color:var(--txt2)}.passo.feito .bola{background:var(--txt3);border-color:var(--txt3);color:var(--bg)}.passo.atual{color:var(--txt);font-weight:600}.passo.atual .bola{background:var(--acc);border-color:var(--acc);color:var(--acc-txt);box-shadow:0 0 0 4px #80808033}.faixa{display:flex;flex-wrap:wrap;gap:8px 28px;padding:10px 16px;font-size:13px;color:var(--txt2)}.faixa.alerta{border-color:#7f1d1d;background:#2a1720}:root[data-theme=light] .faixa.alerta{background:#fff1f2;border-color:#fecdd3}.dados{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 18px;font-size:13.5px}.negs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.neg{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;background:var(--card2);border:1px solid var(--borda);color:var(--txt);border-radius:12px;padding:10px 12px;margin-bottom:8px}.neg:hover{border-color:var(--txt3)}.neg.on{border-color:var(--acc)}.aviso{border-color:var(--vermelho)}@media (max-width: 860px){.ficha-3,.negs{grid-template-columns:1fr}.dados{grid-template-columns:1fr 1fr}}@media (max-width: 720px){.ficha{width:100%;max-height:100vh;border-radius:0}.ficha-b{padding:14px 16px 90px}}
