:root{--blue:#004dc7;--blue-soft:#004dc714;--ink:#080024;--muted:#5b6372;--faint:#9aa1ad;--bg:#f2f4f7;--card:#fff;--line:#08002412;--fill:#0800240b;--red:#e0352b;--red-tint:#fff1f0;--red-line:#e0352b2e;--amber:#b86e00;--amber-tint:#fff6e6;--green:#138a4a;--bar:#08002424;--bar-ok:#004dc7;--r-xl:22px;--r-lg:16px;--shadow:0 1px 1px #08002408, 0 8px 28px #0800240d;--ease:cubic-bezier(.2, .8, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--blue:#4d8dff;--blue-soft:#4d8dff24;--ink:#f4f3f8;--muted:#9ea4b0;--faint:#626874;--bg:#0b0b10;--card:#15151c;--line:#ffffff12;--fill:#ffffff0f;--red:#ff5b50;--red-tint:#2a1416;--red-line:#ff5b5040;--amber:#f0b445;--amber-tint:#2a2112;--green:#3ccf7f;--bar:#ffffff29;--bar-ok:#4d8dff;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.logo{filter:invert()}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);letter-spacing:-.015em;-webkit-font-smoothing:antialiased;font-family:General Sans,-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-size:14px;line-height:1.45}button,input,select{font:inherit;color:inherit;letter-spacing:inherit}.num{font-variant-numeric:tabular-nums}.wrap{max-width:1240px;margin:0 auto;padding:0 24px 80px}.nav{z-index:10;background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--line);position:sticky;top:0}.nav-in{align-items:center;gap:14px;max-width:1240px;margin:0 auto;padding:14px 24px;display:flex}.logo{width:auto;height:20px;display:block}.nav-title{color:var(--muted);border-left:1px solid var(--line);padding-left:14px;font-weight:500}.nav-right{align-items:center;gap:10px;margin-left:auto;display:flex}.updated{color:var(--faint);font-size:12.5px}.pill-btn{cursor:pointer;background:var(--blue);color:#fff;text-transform:uppercase;letter-spacing:.06em;height:34px;transition:transform .15s var(--ease), opacity .15s;border:0;border-radius:999px;align-items:center;gap:7px;padding:0 16px;font-size:12.5px;font-weight:500;display:inline-flex}.pill-btn:hover{opacity:.92}.pill-btn:active{transform:scale(.97)}.pill-btn:disabled{opacity:.55;cursor:default}.text-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:6px 4px;font-weight:500}.text-btn:hover{color:var(--ink)}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding:40px 0 22px;display:flex}.hero h1{letter-spacing:-.035em;margin:0;font-size:40px;font-weight:500;line-height:1.05}.hero p{color:var(--muted);margin:8px 0 0;font-size:15px}.demo-tag{cursor:pointer;font:inherit;color:var(--blue);background:var(--blue-soft);border:0;border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:500}.alert{background:var(--red);color:#fff;border-radius:var(--r-xl);animation:rise .5s var(--ease);margin-bottom:20px;overflow:hidden;box-shadow:0 10px 30px #e0352b38}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.alert-head{flex-wrap:wrap;align-items:center;gap:4px 12px;padding:18px 22px 14px;display:flex}.alert-head strong{letter-spacing:-.02em;font-size:17px;font-weight:600}.alert-head span{opacity:.82}.dot-pulse{background:#fff;border-radius:50%;flex:none;width:9px;height:9px;position:relative}.dot-pulse:after{content:"";opacity:0;border:2px solid #fff;border-radius:50%;animation:2s ease-out infinite pulse;position:absolute;inset:-6px}@keyframes pulse{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.5)}}.alert ul{margin:0;padding:0 10px 10px;list-style:none}.alert li{cursor:pointer;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:11px 12px;transition:background .15s;display:grid}.alert li:hover{background:#ffffff1f}.alert li b{font-weight:600}.alert li .sub{opacity:.8;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.alert li .right{text-align:right;white-space:nowrap;font-weight:600}.alert li .right small{opacity:.8;font-size:12.5px;font-weight:400;display:block}.note{border-radius:var(--r-lg);background:var(--card);color:var(--muted);box-shadow:var(--shadow);margin-bottom:20px;padding:13px 18px;font-size:13.5px}.note.ok{color:var(--green);font-weight:500}.note.warn{color:var(--amber);background:var(--amber-tint);box-shadow:none}.kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:26px;display:grid}.kpi{background:var(--card);border-radius:var(--r-xl);box-shadow:var(--shadow);padding:20px 22px}.kpi label{color:var(--muted);font-size:13px;font-weight:500}.kpi .v{letter-spacing:-.04em;margin-top:6px;font-size:38px;font-weight:500;line-height:1.1}.kpi .d{color:var(--muted);margin-top:4px;font-size:12.5px}.kpi .d.good{color:var(--green)}.kpi .d.bad,.kpi.alarm .v{color:var(--red)}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.seg{background:var(--fill);border-radius:999px;padding:3px;display:inline-flex}.seg button{cursor:pointer;color:var(--muted);transition:background .2s var(--ease), color .2s;background:0 0;border:0;border-radius:999px;padding:6px 15px;font-weight:500}.seg button.on{background:var(--card);color:var(--ink);box-shadow:0 1px 3px #0800241a}.field{background:var(--fill);border:0;border-radius:999px;outline:none;height:36px;padding:0 16px}.field:focus{box-shadow:0 0 0 3px var(--blue-soft)}select.field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%235b6372' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:34px}.search{flex:1;min-width:160px;max-width:240px}.toolbar select.field{max-width:190px}.switch{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;font-weight:500;display:inline-flex}.switch input{display:none}.switch i{background:var(--bar);border-radius:999px;width:34px;height:20px;transition:background .2s;position:relative}.switch i:after{content:"";width:16px;height:16px;transition:transform .2s var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.switch input:checked+i{background:var(--red)}.switch input:checked+i:after{transform:translate(14px)}.spacer{flex:1}.stepper{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.stepper .box{background:var(--fill);border-radius:999px;align-items:center;height:32px;display:inline-flex}.stepper button{cursor:pointer;width:28px;height:100%;color:var(--muted);background:0 0;border:0;font-size:15px}.stepper button:hover{color:var(--ink)}.stepper b{text-align:center;min-width:14px;color:var(--ink);font-weight:600}.table{background:var(--card);border-radius:var(--r-xl);box-shadow:var(--shadow);overflow:hidden}.thead,.tr{align-items:center;gap:14px;min-width:1020px;padding:0 20px;display:grid}.scroller{overflow-x:auto}.period-hint{color:var(--faint);padding:12px 20px 0;font-size:12px}.period-hint b{color:var(--muted);font-weight:500}.thead{min-height:46px;color:var(--faint);border-bottom:1px solid var(--line);font-size:12px;font-weight:500}.thead button{all:unset;cursor:pointer}.thead button:hover,.thead .on{color:var(--ink)}.r{text-align:right;justify-content:flex-end}.tr{border-bottom:1px solid var(--line);min-height:66px;transition:background .25s var(--ease);padding-top:12px;padding-bottom:12px;position:relative}.tr:last-child{border-bottom:0}.tr:hover{background:var(--fill)}.tr.bad{background:var(--red-tint)}.tr.bad:before{content:"";background:var(--red);border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px;left:0}.tr.flash{animation:flash 1.6s var(--ease)}@keyframes flash{0%,30%{box-shadow:inset 0 0 0 2px var(--red)}to{box-shadow:inset 0 0 0 2px #0000}}.camp{align-items:center;gap:12px;min-width:0;display:flex}.pmark{background:var(--fill);border-radius:9px;flex:none;place-items:center;width:30px;height:30px;display:grid}.camp-txt{min-width:0}.camp-txt b{white-space:nowrap;text-overflow:ellipsis;font-weight:500;display:block;overflow:hidden}.camp-txt small{color:var(--muted);font-size:12.5px}.tr.bad .camp-txt b{color:var(--red)}.client{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.td,.goal{min-width:0}.goal select{all:unset;box-sizing:border-box;cursor:pointer;max-width:100%;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M1 1l3 3 3-3' stroke='%239aa1ad' stroke-width='1.4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") 100% no-repeat;padding-right:14px;overflow:hidden}.goal span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.goal small{color:var(--faint);font-size:12px}.target input{background:var(--fill);text-align:center;border:0;border-radius:10px;outline:none;width:100%;height:32px;font-weight:500}.target input:focus{box-shadow:0 0 0 3px var(--blue-soft);background:var(--card)}.target input::placeholder{color:var(--faint);font-weight:400}.spark{align-items:flex-end;gap:5px;max-width:130px;height:30px;display:flex;position:relative}.spark i{background:var(--bar);min-height:3px;transition:height .5s var(--ease);border-radius:3px;flex:1}.spark i.hit{background:var(--bar-ok)}.spark i.miss{background:var(--red)}.spark i.pre{border-bottom:2px dotted var(--faint);background:0 0;border-radius:0}.spark .tl{border-top:1.5px dashed var(--muted);opacity:.55;pointer-events:none;position:absolute;left:-2px;right:-2px}.metric b{font-size:15px;font-weight:500;display:block}.metric small{color:var(--faint);font-size:12px}.tr.bad .metric.conv b{color:var(--red);font-weight:600}.dot{border-radius:50%;flex:none;justify-self:end;width:9px;height:9px;display:block}.dot.underperforming{background:var(--red);box-shadow:0 0 0 4px #e0352b26}.dot.watch,.dot.not-delivering{background:var(--amber)}.dot.on-track{background:var(--green)}.dot.no-target{border:1.5px solid var(--faint);background:0 0}.dot.paused{background:var(--faint)}.tr.paused .camp-txt b,.tr.paused .client,.tr.paused .metric b{color:var(--muted)}.tr.paused .spark{opacity:.55}.empty{text-align:center;color:var(--muted);padding:40px}.acct-err{color:var(--amber);background:var(--amber-tint);border-bottom:1px solid var(--line);padding:12px 22px;font-size:13px}.legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:18px;margin:16px 6px 0;font-size:12.5px;display:flex}.legend>span{align-items:center;gap:7px;display:inline-flex}.legend .stepper{border-right:1px solid var(--line);margin-right:8px;padding-right:18px}.legend .dot{justify-self:auto}.foot{color:var(--faint);margin:10px 6px 0;font-size:12px}.skel{border-bottom:1px solid var(--line);background:var(--card);height:66px;animation:1.1s ease-in-out infinite alternate sk}@keyframes sk{0%{opacity:.4}to{opacity:1}}.tr .mlabel,.mlabel{display:none!important}@media (max-width:1020px){.thead,.period-hint{display:none}.tr{gap:14px 16px;min-width:0;padding:18px;grid-template-columns:1fr 1fr!important}.tr .td.wide{grid-column:1/-1}.tr .td-status{position:absolute;top:20px;right:18px}.tr .td-client{order:-2}.tr .td-campaign{order:-1;padding-right:24px}.tr .td-client .client{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12.5px}.tr .td-client .mlabel{display:none!important}.tr .spark{max-width:none}.r{text-align:left;justify-content:flex-start}.tr .mlabel,.mlabel{color:var(--faint);margin-bottom:4px;font-size:11.5px;display:block!important}.kpis{grid-template-columns:1fr 1fr}.kpis .kpi:last-child{grid-column:1/-1}.pop{left:0;right:auto}}@media (max-width:560px){.wrap,.nav-in{padding-left:16px;padding-right:16px}.nav-title,.updated,.hide-sm{display:none}.nav-in{gap:8px}.nav-right{gap:6px}.logo{height:16px}.pill-btn,.ghost-btn{padding:0 12px}.hero{padding-top:26px}.hero h1{font-size:32px}.kpi .v{font-size:30px}.alert li{grid-template-columns:1fr;gap:2px}.alert li .right{text-align:left}.search{max-width:none}}.login{place-items:center;min-height:100vh;padding:20px;display:grid}.login form{background:var(--card);width:100%;max-width:360px;box-shadow:var(--shadow);text-align:center;border-radius:26px;gap:14px;padding:34px 30px;display:grid}.login .logo{height:22px;margin:0 auto 8px}.login p{color:var(--muted);margin:0 0 6px}.login .field{text-align:center;width:100%;height:44px}.login .pill-btn{justify-content:center;width:100%;height:44px}.login .err{color:var(--red);font-size:13px}.th{cursor:grab;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:8px;align-items:center;gap:4px;min-width:0;padding:6px 0;transition:background .15s,opacity .15s;display:flex;position:relative}.th.r{justify-content:flex-end}.th:active{cursor:grabbing}.th .grip{opacity:0;letter-spacing:-2px;color:var(--faint);flex:none;width:8px;font-size:10px;transition:opacity .15s}.th:hover .grip{opacity:1}.th.dragging{opacity:.35}.th.over:before{content:"";background:var(--blue);border-radius:2px;width:2px;position:absolute;top:4px;bottom:4px;left:-9px}.th>span:last-child,.th button{text-overflow:ellipsis;overflow:hidden}.metric small.worse{color:var(--red)}.metric small.better{color:var(--green)}.metric .muted{color:var(--faint);font-weight:400}.ghost-btn{cursor:pointer;background:var(--fill);height:34px;color:var(--ink);border:0;border-radius:999px;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s;display:inline-flex}.ghost-btn:hover{background:color-mix(in srgb, var(--ink) 9%, transparent)}.cdot{background:var(--faint);border-radius:50%;width:7px;height:7px;margin-right:-3px}.cdot.on{background:var(--green)}.cdot:last-of-type{margin-right:2px}a.pill-btn{text-decoration:none}.pill-btn.big{height:42px;padding:0 22px;font-size:12.5px}.text-btn.danger{color:var(--red)}.pop-wrap{position:relative}.pop{z-index:20;background:var(--card);width:290px;max-width:calc(100vw - 32px);box-shadow:0 20px 60px #0800242e, 0 0 0 1px var(--line);animation:rise .2s var(--ease);border-radius:18px;padding:10px;position:absolute;top:calc(100% + 8px);right:0}.pop-head{justify-content:space-between;align-items:center;padding:4px 8px 8px;display:flex}.pop ul{margin:0;padding:0;list-style:none}.pop li{cursor:grab;border-radius:10px;align-items:center;gap:8px;padding:7px 8px;display:flex}.pop li:hover{background:var(--fill)}.pop li.dragging{opacity:.4}.pop li .grip{color:var(--faint);letter-spacing:-2px;font-size:10px}.pop li label{cursor:pointer;flex:1;align-items:center;gap:9px;display:flex}.pop li input{accent-color:var(--blue);width:15px;height:15px}.pop .arrows{gap:2px;display:flex}.pop .arrows button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;width:24px;height:24px}.pop .arrows button:hover:not(:disabled){background:var(--fill);color:var(--ink)}.pop .arrows button:disabled{opacity:.25;cursor:default}.pop-foot{color:var(--faint);margin:8px 8px 4px;font-size:12px}.modal-bg{z-index:50;-webkit-backdrop-filter:blur(8px);background:#08002447;place-items:center;padding:20px;animation:.2s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg);width:100%;max-width:560px;max-height:calc(100vh - 40px);animation:rise .3s var(--ease);border-radius:28px;padding:28px;overflow:auto;box-shadow:0 30px 80px #0800244d}.modal-head{align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.modal-head h2{letter-spacing:-.03em;margin:0;font-size:26px;font-weight:500}.modal-head p{color:var(--muted);margin:6px 0 0}.close{background:var(--fill);cursor:pointer;width:32px;height:32px;color:var(--muted);border:0;border-radius:50%;flex:none;margin-left:auto;font-size:20px;line-height:1}.conn{background:var(--card);box-shadow:var(--shadow);border-radius:20px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:12px;padding:18px 20px;display:flex}.conn-top{flex:1;align-items:center;gap:14px;min-width:240px;display:flex}.conn-icon .pmark{border-radius:12px;width:42px;height:42px}.conn-icon .pmark svg{width:22px;height:22px}.conn-txt b{font-size:16px;font-weight:600;display:block}.conn-txt small{color:var(--muted);font-size:13px}.conn.is-on .conn-txt small{color:var(--green)}.conn-actions{align-items:center;gap:8px;display:flex}.setup-needed{color:var(--amber);background:var(--amber-tint);border-radius:12px;max-width:100%;padding:10px 12px;font-size:12.5px}.setup-needed code{font-size:11.5px}.acct-list{margin-top:22px}.acct-list h3{margin:0;font-size:15px;font-weight:600}.acct-list>p{color:var(--muted);margin:4px 0 12px;font-size:13px}.acct-list ul{background:var(--card);box-shadow:var(--shadow);border-radius:18px;margin:0;padding:0;list-style:none;overflow:hidden}.acct-list li{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 16px;display:flex}.acct-list li:last-child{border-bottom:0}.acct-list li>div{flex:1;min-width:0}.acct-list li b{white-space:nowrap;text-overflow:ellipsis;font-weight:500;display:block;overflow:hidden}.acct-list li small{color:var(--muted);font-size:12.5px}.acct-list li.off b{color:var(--faint)}.acct-list .switch input:checked+i{background:var(--blue)}.err-text{color:var(--amber)}.toast{z-index:60;cursor:pointer;background:var(--ink);max-width:calc(100vw - 32px);color:var(--bg);animation:rise .3s var(--ease);border-radius:999px;padding:13px 20px;font-weight:500;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #08002440}.toast.err{background:var(--red);color:#fff;border-radius:18px}
