:root{color-scheme:dark;background:#101114;color:#ececf1;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}body{min-height:100vh;background:#101114}header{height:64px;padding:0 28px;background:#141518;border-color:#28292f}.brand{font-size:14px;font-weight:600;letter-spacing:-.2px;gap:10px}.logo{height:27px;width:27px;border-radius:7px;background:#6564d8}.logo svg{width:17px}.sample{font-size:12px;font-weight:400;padding:4px 9px;border-radius:5px;background:#202125;border-color:#36373f;color:#c2c2ce}main{max-width:1560px;margin:0 auto 0 220px;padding:32px 36px 24px;border-left:1px solid #28292f;min-height:calc(100vh - 64px)}.top{margin-bottom:28px;gap:20px}h1{font-size:25px;letter-spacing:-.7px;font-weight:600;margin-bottom:7px}.muted{color:#a0a1ae;font-size:14px}.controls{gap:8px}.controls label{font-size:12px}select,.secondary{background:#1b1c21;border:1px solid #373841;border-radius:6px;color:#d4d4de;font-size:13px;padding:8px 11px;box-shadow:0 1px 2px #0003}.secondary:hover,select:hover{background:#24252c;border-color:#535461}.tabs{position:fixed;left:16px;top:98px;width:187px;margin:0;display:flex;flex-direction:column;gap:4px;border:0;overflow:visible}.tabs:before{content:'WORKSPACE';font-size:11px;letter-spacing:1.1px;color:#888994;padding:0 10px 13px}.tabs button{display:flex;align-items:center;gap:10px;text-align:left;white-space:normal;padding:10px;border:0;border-radius:6px;color:#a6a7b4;font-size:14px;font-weight:400;transition:background .15s,color .15s}.tabs button:before{content:'';display:block;flex:none;width:12px;height:12px;border:1px solid currentColor;border-radius:3px;opacity:.75}.tabs button[data-tab=overview]:before{clip-path:polygon(0 0,100% 0,70% 100%,30% 100%);background:currentColor;border:0}.tabs button[data-tab=sales]:before{border-radius:50%}.tabs button:hover{color:#eeeef4;background:#1b1c22}.tabs button[aria-selected=true]{background:#252530;color:#d9d8ff}.card{background:#17181d;border:1px solid #303138;border-radius:8px;padding:24px;box-shadow:0 2px 6px #00000012}.kpis{gap:0;border:1px solid #303138;border-radius:8px;overflow:hidden;background:#17181d;margin-bottom:20px}.kpis .card{border:0;border-right:1px solid #303138;border-radius:0;background:transparent;padding:21px 24px;box-shadow:none}.kpis .card:last-child{border-right:0}.kpi-label{color:#b1b1bf;font-size:13px;margin-bottom:12px}.value{font-size:30px;font-weight:500;letter-spacing:-.9px}.caption{color:#9293a1;font-size:12px;margin-top:9px}.card-head{margin-bottom:25px}h2{font-size:16px;font-weight:550;letter-spacing:-.25px}h3{font-size:14px;font-weight:550}.small-tag{background:#22232b;border:1px solid #34353f;color:#b3b3c4;font-size:12px;border-radius:5px;padding:3px 7px}.labels-row{color:#a0a0b0!important;font-size:12px!important;margin-bottom:17px!important}.funnel{gap:6px}.funnel-row{grid-template-columns:145px minmax(0,1fr);min-height:70px;gap:18px}.stage-name{font-size:14px;font-weight:450;color:#d1d1dd}.stage-index{font-size:12px;font-variant-numeric:tabular-nums;color:#88899b;margin-bottom:6px}.shape-wrap{height:66px}.shape{background:linear-gradient(110deg,color-mix(in srgb,var(--fill) 82%,#262531),var(--fill));color:#f8f7ff;font-size:22px;font-weight:550;letter-spacing:-.5px;gap:3px;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,12px 100%)}.stage-conversion{font-size:12px;color:#ecebfd;font-weight:400;letter-spacing:0}.funnel-note{border-color:#303138;color:#9697a6;font-size:12px;margin-top:22px;padding-top:17px;line-height:1.6}th{background:#1d1e24;color:#a6a7b5;font-size:12px;letter-spacing:0}td,th{border-color:#2c2d35;padding:14px 12px}td{color:#d4d4df}tbody tr:hover{background:#1d1e25}.sort-mark{color:#9999ad}th[aria-sort=ascending],th[aria-sort=descending],.sort-button:hover{color:#bab8ff}.person{background:#2d2c42;color:#d1ceff;width:27px;height:27px;border-radius:6px}.pill{background:#252635;color:#c7c5f9;font-weight:500}.note,.connection .card p{color:#a0a1b0}.disconnected{background:#27252a;color:#c8bfaa;border:1px solid #3a3539;border-radius:4px}.connection{gap:14px}.connection .card{padding:22px}.connection .card p{margin-bottom:0;line-height:1.7}footer{color:#90919f;font-size:12px;margin-top:22px;line-height:1.5}.blue{color:#b5b3fc}button:focus-visible,select:focus-visible{outline:2px solid #aba6ff;outline-offset:4px}::selection{background:#5d579a;color:#fff}
@media(min-width:1780px){main{margin-right:auto}}@media(max-width:1100px){main{margin-left:190px;padding:26px 24px}.tabs{width:158px}.kpis .card{padding:18px 16px}.value{font-size:26px}.funnel-row{grid-template-columns:125px minmax(0,1fr)}}@media(max-width:850px){header{padding:0 20px}main{margin:0;padding:24px 20px;border-left:0}.tabs{position:static;width:auto;flex-direction:row;gap:6px;margin:0 0 24px;overflow-x:auto;padding-bottom:5px}.tabs:before{display:none}.tabs button{white-space:nowrap;padding:9px 11px;font-size:13px}.top{margin-bottom:22px}.brand{font-size:13px}}@media(max-width:560px){header{height:auto;min-height:60px;padding:14px 16px;flex-wrap:wrap}.brand{font-size:12px}.sample{font-size:11px}main{padding:22px 14px}.card{padding:18px 14px}.kpis{grid-template-columns:1fr 1fr}.kpis .card{padding:18px 14px}.kpis .card:nth-child(2){border-right:0}.kpis .card:nth-child(-n+2){border-bottom:1px solid #303138}.value{font-size:27px}.funnel-row{grid-template-columns:90px minmax(0,1fr);gap:8px}.stage-name{font-size:13px}.shape{font-size:20px;min-width:100px}.shape-wrap{height:65px}.card-head{gap:8px;flex-wrap:wrap}.controls label{display:none}.top{align-items:start}.labels-row{gap:12px;font-size:12px!important}.labels-row span:last-child{text-align:right}.connection{grid-template-columns:1fr}h1{font-size:24px}.tabs button:before{display:none}footer{gap:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.tabs button:before{display:none}.nav-icon{width:16px;height:16px;flex:none;opacity:.9}.tabs button[aria-selected=true] .nav-icon{opacity:1}@media(max-width:560px){.nav-icon{width:15px;height:15px}}

/* Keep navigation available while the document scrolls. */
header{position:sticky;top:0;z-index:100;flex-shrink:0}
.tabs{z-index:90}
html{scroll-padding-top:84px}
@media(max-width:850px){
 .tabs{position:sticky;top:64px;background:#101114;padding-top:10px;padding-bottom:10px;border-bottom:1px solid #28292f;box-shadow:0 8px 12px #101114}
 .tabs button{flex-shrink:0}
 html{scroll-padding-top:132px}
}
@media(max-width:560px){header{height:64px;min-height:64px;flex-wrap:nowrap;padding:0 16px}}