:root{--ds-surface:#fff;--ds-surface-sunken:#f4f4f0;--ds-surface-raised:#fff;--ds-surface-overlay:#fff;--ds-neutral:#00000012;--ds-neutral-hovered:#0002;--ds-text:#000;--ds-text-subtle:#3b3b3b;--ds-text-subtlest:#6b6b6b;--ds-text-inverse:#fff;--ds-border:#000;--ds-blue:#000;--ds-blue-hovered:#2b2b2b;--ds-blue-subtle:#ff90e8;--ds-pink:#ff90e8;--ds-green:#1b8a7e;--ds-green-subtle:#b8efe5;--ds-red:#dc341e;--ds-red-subtle:#ffd9d4;--ds-yellow:#946f00;--ds-yellow-label:#ffc900;--ds-orange-label:#fb8d00;--ds-red-label:#ff6b57;--ds-blue-label:#90a8ed;--ds-green-label:#23a094;--ds-purple-label:#b5a3ff;--ds-navbar:#fff;--ds-board:#f4f4f0;--ds-list:#ebebe4;--ds-shadow-raised:3px 3px 0 #000;--ds-shadow-overlay:6px 6px 0 #000;--ds-radius:6px;--ds-radius-sm:4px;--ds-radius-list:8px;--ds-space-1:4px;--ds-space-2:8px;--ds-space-3:12px;--ds-space-4:16px;--ds-space-6:24px;--ds-font:"Mabry Pro", "Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;font:15px/22px var(--ds-font);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ds-text);background:var(--ds-surface-sunken);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{background:var(--ds-surface-sunken);margin:0}h1,h2,h3{color:var(--ds-text);margin:0;font-weight:800}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--ds-pink);outline-offset:2px}#root{min-height:100svh}.navbar{background:var(--ds-navbar);color:#fff;justify-content:space-between;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-2) var(--ds-space-4);border-bottom:1px solid var(--ds-border);flex-wrap:wrap;display:flex}.navbar h1{color:#fff;font-size:16px;line-height:24px}.navbar nav{gap:var(--ds-space-1);display:flex}.navbar nav button{color:#fff;border-radius:var(--ds-radius-sm);background:0 0;border:0;padding:6px 12px;font-weight:500}.navbar nav button:hover{background:#ffffff29}.navbar nav button.on{background:#ffffff3d}.page{max-width:1280px;padding:var(--ds-space-6) var(--ds-space-4) 48px;margin:0 auto}.sub{color:var(--ds-text-subtle);margin:var(--ds-space-2) 0 var(--ds-space-3)}.err{color:var(--ds-red)}h2{margin:var(--ds-space-6) 0 var(--ds-space-2);font-size:16px;line-height:24px}h3{margin:var(--ds-space-4) 0 var(--ds-space-1);color:var(--ds-text-subtle);text-transform:uppercase;letter-spacing:.02em;font-size:14px}.filters{gap:var(--ds-space-2);flex-wrap:wrap;align-items:center;display:flex}.filters button{background:var(--ds-neutral);border-radius:var(--ds-radius-sm);color:var(--ds-text);border:0;padding:6px 12px;font-weight:500}.filters button:hover{background:var(--ds-neutral-hovered)}.custom{gap:var(--ds-space-2);color:var(--ds-text-subtle);align-items:center;display:inline-flex}.custom input{font:inherit;color:var(--ds-text);background:var(--ds-surface);border:2px solid var(--ds-border);border-radius:var(--ds-radius-sm);padding:4px 8px}.cards{gap:var(--ds-space-3);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));display:grid}.card{background:var(--ds-surface-raised);border-radius:var(--ds-radius);box-shadow:var(--ds-shadow-raised);padding:var(--ds-space-4);border-top:3px solid #0000;flex-direction:column;gap:2px;display:flex}.card strong{color:var(--ds-text);font-size:24px;font-weight:600;line-height:32px}.card small,.card span{color:var(--ds-text-subtle);font-size:12px}.card.good strong{color:var(--ds-green)}.chart{background:var(--ds-surface-raised);border-radius:var(--ds-radius);width:100%;height:180px;box-shadow:var(--ds-shadow-raised)}.bar{fill:var(--ds-green)}.chart-axis{color:var(--ds-text-subtle);margin-top:var(--ds-space-1);justify-content:space-between;font-size:12px;display:flex}.stages{gap:var(--ds-space-2);flex-wrap:wrap;display:flex}.stage-chip{background:var(--ds-surface-raised);border-radius:var(--ds-radius);box-shadow:var(--ds-shadow-raised);padding:var(--ds-space-2) var(--ds-space-4);flex-direction:column;min-width:96px;display:flex}.stage-chip strong{font-size:20px;line-height:28px}.stage-chip small{color:var(--ds-text-subtle)}.board-surface{background:var(--ds-board);min-height:calc(100svh - 48px);padding:var(--ds-space-4)}.board-surface .sub{color:#fffc;margin-top:0}.board{gap:var(--ds-space-2);padding-bottom:var(--ds-space-2);grid-auto-columns:272px;grid-auto-flow:column;align-items:start;display:grid;overflow-x:auto}.col{background:var(--ds-list);border-radius:var(--ds-radius-list);padding:var(--ds-space-2);gap:var(--ds-space-2);max-height:calc(100svh - 140px);box-shadow:var(--ds-shadow-raised);flex-direction:column;display:flex;overflow-y:auto}.col header{padding:var(--ds-space-1) var(--ds-space-2) 0;top:calc(var(--ds-space-2) * -1);background:var(--ds-list);grid-template-columns:1fr auto;display:grid;position:sticky}.col header strong{color:var(--ds-text);font-size:14px}.col header span{background:var(--ds-neutral);color:var(--ds-text-subtle);border-radius:999px;padding:0 8px;font-size:12px}.col header small{color:var(--ds-text-subtle);padding-bottom:var(--ds-space-1);grid-column:1/-1;font-size:12px}.col.recuperado header strong{color:var(--ds-green)}.col.perdido header strong{color:var(--ds-red)}.lead-card{text-align:left;background:var(--ds-surface-raised);box-shadow:var(--ds-shadow-raised);border-radius:var(--ds-radius);padding:var(--ds-space-2) var(--ds-space-3);border:0;flex-direction:column;gap:2px;display:flex}.lead-card:hover{background:var(--ds-surface-overlay);box-shadow:var(--ds-shadow-overlay)}.lead-card b{color:var(--ds-text);font-weight:500}.lead-card small{color:var(--ds-text-subtle);overflow-wrap:anywhere;font-size:12px}.labels{gap:var(--ds-space-1);flex-wrap:wrap;margin-bottom:2px;display:flex}.label{border-radius:4px;min-width:40px;height:8px}.label.abandono{background:var(--ds-yellow-label)}.label.cancelado{background:var(--ds-red-label)}.label.boleto{background:var(--ds-blue-label)}.lead-meta{gap:var(--ds-space-2);color:var(--ds-text-subtle);align-items:center;font-size:12px;display:flex}.more{color:var(--ds-text-subtle);padding:0 var(--ds-space-2) var(--ds-space-2)}.drawer-bg{z-index:10;background:#091e4299;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--ds-surface-overlay);color:var(--ds-text);width:min(460px,100%);height:100%;padding:var(--ds-space-6) var(--ds-space-6);box-shadow:var(--ds-shadow-overlay);position:relative;overflow-y:auto}.drawer h2{margin-top:0;font-size:20px;line-height:24px}.close{top:var(--ds-space-3);right:var(--ds-space-3);background:var(--ds-neutral);border-radius:var(--ds-radius-sm);border:0;width:32px;height:32px;font-size:20px;line-height:1;position:absolute}.close:hover{background:var(--ds-neutral-hovered)}.timeline{gap:var(--ds-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.timeline li{border-left:2px solid var(--ds-border);padding-left:var(--ds-space-3)}.timeline small{color:var(--ds-text-subtle);display:block}.login{padding:var(--ds-space-6) var(--ds-space-4);place-items:center;display:grid}.login-card{background:var(--ds-surface-raised);box-shadow:var(--ds-shadow-overlay);border-radius:var(--ds-radius-list);padding:var(--ds-space-6);gap:var(--ds-space-3);flex-direction:column;width:min(360px,100%);margin-top:8vh;display:flex}.login-card h2{margin:0 0 var(--ds-space-1);font-size:20px}.login-card label{gap:var(--ds-space-1);color:var(--ds-text-subtle);flex-direction:column;font-size:12px;font-weight:600;display:flex}.login-card input{font:inherit;color:var(--ds-text);background:var(--ds-surface);border:2px solid var(--ds-border);border-radius:var(--ds-radius-sm);padding:8px 10px}.login-card input:focus{border-color:var(--ds-blue);outline:none}.primary{background:var(--ds-blue);color:var(--ds-text-inverse);border-radius:var(--ds-radius-sm);border:0;padding:8px 12px;font-weight:600}.primary:hover:not(:disabled){background:var(--ds-blue-hovered)}.primary:disabled{opacity:.6;cursor:default}.seq{gap:var(--ds-space-2);grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin:0;padding:0;list-style:none;display:grid}.seq button{text-align:left;background:var(--ds-surface-raised);width:100%;height:100%;box-shadow:var(--ds-shadow-raised);border-radius:var(--ds-radius);padding:var(--ds-space-3);gap:var(--ds-space-1);border:2px solid #0000;flex-direction:column;display:flex}.seq button.on{border-color:var(--ds-blue)}.seq small{color:var(--ds-text-subtle)}.chips{gap:var(--ds-space-1);flex-wrap:wrap;margin-top:2px;display:flex}.chip{background:var(--ds-neutral);color:var(--ds-text);border:0;border-radius:999px;padding:1px 10px;font-size:12px}button.chip:hover{background:var(--ds-neutral-hovered)}.chip.edited{background:var(--ds-blue-subtle);color:var(--ds-blue)}.editor{gap:var(--ds-space-4);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}@media (width<=900px){.editor{grid-template-columns:1fr}}.form,.settings{gap:var(--ds-space-3);flex-direction:column;display:flex}.form label,.settings label,.test label{gap:var(--ds-space-1);color:var(--ds-text-subtle);flex-direction:column;font-size:12px;font-weight:600;display:flex}.form input,.form textarea,.settings input,.test input{font:inherit;color:var(--ds-text);background:var(--ds-surface);border:2px solid var(--ds-border);border-radius:var(--ds-radius-sm);width:100%;padding:8px 10px}.form textarea{resize:vertical;line-height:1.5}.form input:focus,.form textarea:focus,.settings input:focus,.test input:focus{border-color:var(--ds-blue);outline:none}.form small,.settings small,.test small{color:var(--ds-text-subtle);font-weight:400}.vars{gap:var(--ds-space-1);flex-wrap:wrap;align-items:center;display:flex}.actions{gap:var(--ds-space-2);margin-top:var(--ds-space-2);flex-wrap:wrap;align-items:center;display:flex}.ghost{background:var(--ds-neutral);border-radius:var(--ds-radius-sm);border:0;padding:8px 12px;font-weight:600}.ghost:hover:not(:disabled){background:var(--ds-neutral-hovered)}.ghost:disabled{opacity:.5;cursor:default}.okmsg{color:var(--ds-green);margin:0}.test{gap:var(--ds-space-2);border-top:1px solid var(--ds-border);padding-top:var(--ds-space-3);flex-direction:column;align-items:flex-start;display:flex}.test label{width:100%}.preview{background:var(--ds-surface-raised);box-shadow:var(--ds-shadow-raised);border-radius:var(--ds-radius);top:var(--ds-space-4);position:sticky;overflow:hidden}.preview-head{padding:var(--ds-space-3) var(--ds-space-4);border-bottom:1px solid var(--ds-border);flex-direction:column;gap:2px;display:flex}.preview-head small{color:var(--ds-text-subtle)}.preview iframe{background:#fff;border:0;width:100%;height:520px;display:block}.settings{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.settings .wide{grid-column:1/-1}.photo-row{gap:var(--ds-space-3);align-items:center;display:flex}.photo-row img{object-fit:cover;border-radius:50%}.noimg{background:var(--ds-neutral);width:64px;height:64px;color:var(--ds-text-subtle);border-radius:50%;place-items:center;font-size:11px;display:grid}.swatch{border-radius:var(--ds-radius-sm);width:64px;height:28px;box-shadow:var(--ds-shadow-raised)}.subtabs{border-bottom:2px solid var(--ds-border,#dcdfe4);gap:4px;margin-bottom:8px;display:flex}.subtabs button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-2px;padding:8px 14px;font-weight:500}.subtabs button:hover{background:#091e420f}.subtabs button.on{color:#0c66e4;border-bottom-color:#0c66e4}.prod-list{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.prod-list li{border:1px solid var(--ds-border,#dcdfe4);border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.prod-info{gap:2px;min-width:0;display:grid}.prod-info code{opacity:.7;overflow-wrap:anywhere;font-size:12px}.prod-form{gap:10px;width:100%;padding:12px 0;display:grid}.prod-form label{gap:4px;display:grid}.langs{flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 8px;display:flex}.langs button{border:1px solid var(--ds-border,#dcdfe4);font:inherit;color:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:4px 12px}.mail-view{border:1px solid var(--ds-border,#dcdfe4);border-radius:6px;margin:8px 0;padding:8px}.mail-view iframe{background:#fff;border:0;width:100%;height:520px}.label.recuperado{background:var(--ds-green-label)}.navbar{color:#000;background:#fff;border-bottom:1px solid #000}.navbar h1{color:#000;letter-spacing:-.01em;font-size:20px;font-weight:800}.navbar nav button{color:#000;border-radius:var(--ds-radius-sm);border:1px solid #0000;font-weight:600}.navbar nav button:hover{background:var(--ds-surface-sunken);border-color:#000}.navbar nav button.on{background:var(--ds-pink);border-color:#000}h2{font-size:20px;line-height:28px}.card,.stage-chip,.col,.lead-card,.chart,.prod-list li,.mail-view,.drawer,.login-card{border:1px solid #000}.card{border-top-width:4px}.card.good{border-top-color:var(--ds-green-label)}.lead-card{transition:transform .1s,box-shadow .1s}.lead-card:hover{background:#fff;transform:translate(-2px,-2px);box-shadow:5px 5px #000}.col header span{background:var(--ds-yellow-label);color:#000;border:1px solid #000;font-weight:700}.label{border:1px solid #000}.board-surface .sub{color:var(--ds-text-subtle)}.bar:hover{fill:var(--ds-pink)}.primary{background:var(--ds-pink);color:#000;border:1px solid #000;transition:transform .1s,box-shadow .1s;box-shadow:3px 3px #000}.primary:hover:not(:disabled){background:var(--ds-pink);transform:translate(-2px,-2px);box-shadow:5px 5px #000}.primary:active:not(:disabled){transform:none;box-shadow:1px 1px #000}.primary:disabled{box-shadow:none}.ghost,.filters button{color:#000;background:#fff;border:1px solid #000}.ghost:hover:not(:disabled),.filters button:hover{background:var(--ds-surface-sunken)}.filters button.on{background:var(--ds-pink);color:#000}.subtabs{border-bottom-color:#000}.subtabs button.on{background:var(--ds-pink);color:#000;border-bottom-color:#000}.langs button{background:#fff;border-color:#000}.langs button.on{color:#fff;background:#000;border-color:#000}input,textarea,select{border-radius:var(--ds-radius-sm);color:#000;background:#fff;border:1px solid #000}input:focus,textarea:focus,select:focus{outline:3px solid var(--ds-pink);outline-offset:0}.chip{border:1px solid #000}.seq button.on{background:var(--ds-pink)}.navbar nav button.refresh{margin-left:var(--ds-space-2);background:#fff;border:1px solid #000}.navbar nav button.refresh:hover{background:var(--ds-yellow-label)}
