:root{--teal:color-mix(in srgb,var(--theme-accent) 97%,black);--mint:color-mix(in srgb,var(--theme-accent) 11%,white);--navy:#292526;--bg:#f3f4f6;--ink:#302b29;--muted:#7e7a79;--line:#e8e6e3}body{font-size:14px}aside{background:#fff;border-right:1px solid #e7e5e3;color:#65605c;padding:0;width:236px}.brand{height:78px;flex-shrink:0;color:#342b26;border-bottom:1px solid var(--line);padding:0 24px;font-size:27px;gap:9px}.brandmark{width:34px;color:color-mix(in srgb,var(--theme-accent) 99%,black);display:flex}.brandmark svg{width:34px;height:34px}.brand small{color:#a19a95;font-size:7px;letter-spacing:2.1px;margin-top:3px}#nav{overflow-y:auto;overscroll-behavior:contain;padding:16px 10px;flex:1;scrollbar-width:thin;scrollbar-color:#e1d8d0 transparent}nav .nav-main{display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;padding:10px 12px;margin:2px 0;border-radius:5px;color:#625c57;font-size:12px;font-weight:500;text-align:left;min-height:39px}nav .nav-main svg{width:19px;height:19px;flex-shrink:0;color:#8c847e}nav .nav-main:hover,nav a:hover{background:color-mix(in srgb,var(--theme-accent) 6%,white);color:color-mix(in srgb,var(--theme-accent) 84%,black)}nav .nav-main.active,nav .nav-main.group-active{background:color-mix(in srgb,var(--theme-accent) 11%,white);color:color-mix(in srgb,var(--theme-accent) 84%,black);font-weight:700}nav .nav-main.active svg,nav .nav-main.group-active svg{color:color-mix(in srgb,var(--theme-accent) 98%,white)}nav .nav-main.active{box-shadow:inset 3px 0 color-mix(in srgb,var(--theme-accent) 99%,black)}nav .chevron{margin-left:auto;font-size:20px;line-height:1;transform:rotate(0deg);transition:transform .15s}.nav-group.expanded .chevron{transform:rotate(90deg)}.nav-children{display:none;border-left:1px solid color-mix(in srgb,var(--theme-accent) 24%,white);margin:6px 0 8px 21px;padding-left:10px}.nav-group.expanded .nav-children{display:block}.nav-children a{padding:8px 9px;margin:1px 0;border-radius:4px;color:#827a74;font-size:10px;min-height:30px}.nav-children a.active{background:color-mix(in srgb,var(--theme-accent) 8%,white);color:color-mix(in srgb,var(--theme-accent) 85%,black);font-weight:700}nav a b{background:color-mix(in srgb,var(--theme-accent) 17%,white);color:color-mix(in srgb,var(--theme-accent) 93%,black)}.side-bottom{margin:0;padding:0 12px;flex-shrink:0;border-top:1px solid var(--line)}.deploy-shortcut{display:flex;align-items:center;gap:10px;padding:16px 10px;color:color-mix(in srgb,var(--theme-accent) 84%,black);font-size:10px}.deploy-shortcut svg{width:19px;height:19px}.deploy-shortcut small{font-size:9px;color:#a59a92;margin-top:4px}.shell{margin-left:236px}header{height:78px;padding:0 30px;background:#fff;position:relative}main{padding:28px 30px 20px;max-width:1600px}.topline{margin-bottom:20px}.eyebrow{font-size:8px;color:color-mix(in srgb,var(--theme-accent) 99%,white)}h1{font-size:26px;color:#342c27}.btn.primary{background:color-mix(in srgb,var(--theme-accent) 99%,black);border-color:color-mix(in srgb,var(--theme-accent) 99%,black);box-shadow:0 2px 4px color-mix(in srgb,var(--theme-accent) 8%,transparent)}.btn.primary:hover{background:color-mix(in srgb,var(--theme-accent) 87%,black)}.btn:hover{background:color-mix(in srgb,var(--theme-accent) 6%,white)}.avatar{background:color-mix(in srgb,var(--theme-accent) 10%,white);color:color-mix(in srgb,var(--theme-accent) 88%,black)}.demo-dot{background:color-mix(in srgb,var(--theme-accent) 99%,black)}.demo-note{background:color-mix(in srgb,var(--theme-accent) 5%,white);border-color:color-mix(in srgb,var(--theme-accent) 22%,white);padding:11px 14px;font-size:10px;color:#9c816e;margin-bottom:22px}.demo-note>span,.demo-note button{color:color-mix(in srgb,var(--theme-accent) 97%,white)}.demo-note strong{color:color-mix(in srgb,var(--theme-accent) 81%,black)}.stat-icon{background:color-mix(in srgb,var(--theme-accent) 9%,white);color:color-mix(in srgb,var(--theme-accent) 97%,white)}.stat-foot em{color:color-mix(in srgb,var(--theme-accent) 98%,black)}.mini{background:color-mix(in srgb,var(--theme-accent) 10%,white);color:color-mix(in srgb,var(--theme-accent) 91%,black)}.place-icon{background:color-mix(in srgb,var(--theme-accent) 9%,white);color:color-mix(in srgb,var(--theme-accent) 97%,white)}.badge{background:#edf6f0;color:#4d8260}.badge.neutral{background:#f3f1ee;color:#8a7d72}.badge.pending{background:color-mix(in srgb,var(--theme-accent) 13%,white);color:color-mix(in srgb,var(--theme-accent) 93%,black)}.event-icon{background:color-mix(in srgb,var(--theme-accent) 9%,white);color:color-mix(in srgb,var(--theme-accent) 95%,white)}.step:before{background:color-mix(in srgb,var(--theme-accent) 10%,white)}.dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.dash-stat{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px 18px;box-shadow:0 2px 4px color-mix(in srgb,var(--theme-accent) 1%,transparent)}.dash-stat:hover{border-color:color-mix(in srgb,var(--theme-accent) 40%,white);box-shadow:0 3px 12px color-mix(in srgb,var(--theme-accent) 3%,transparent)}.dash-stat>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.dash-stat>div>span{font-size:10px;color:#8c837d}.dash-stat svg{width:19px;height:19px;color:color-mix(in srgb,var(--theme-accent) 71%,white)}.dash-stat strong{font:800 25px Manrope,sans-serif;display:block;margin-top:8px;color:#44352c;letter-spacing:-.7px}.dash-stat small{font-size:7px;letter-spacing:.7px;color:#b9a79b;margin-top:5px}.dashboard-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px}.dashboard-charts .panel-head{padding:18px 19px}.panel-head h2{font-size:12px}.panel-head .btn{font-size:9px;padding:6px 8px;font-weight:500;color:color-mix(in srgb,var(--theme-accent) 98%,black)}.chart svg{height:190px}.chart svg path[stroke='#149787']{stroke:color-mix(in srgb,var(--theme-accent) 90%,white)}.chart svg path[stroke='#afc3dd']{stroke:color-mix(in srgb,var(--theme-accent) 45%,white)}.chart svg stop{stop-color:color-mix(in srgb,var(--theme-accent) 71%,white)}.bar-chart{height:217px;display:flex;align-items:flex-end;gap:5px;padding:12px 22px 29px;background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#f6f3f0 39px,#f6f3f0 40px);background-origin:content-box}.bar-chart>div{height:100%;flex:1;display:flex;align-items:flex-end;position:relative}.bar-chart>div>span{display:block;width:100%;min-height:8px;background:color-mix(in srgb,var(--theme-accent) 68%,white);border-radius:2px 2px 0 0;position:relative}.bar-chart i{position:absolute;bottom:0;width:100%;background:color-mix(in srgb,var(--theme-accent) 31%,white)}.bar-chart small{position:absolute;bottom:-20px;left:0;font-size:8px;color:#a99b91;white-space:nowrap}.heatmap{padding:5px 19px 22px}.heatmap-hours{display:grid;grid-template-columns:30px repeat(6,1fr);font-size:8px;color:#a59a92;margin-bottom:9px}.heatmap-row{display:grid;grid-template-columns:30px repeat(24,1fr);gap:4px;margin-bottom:5px;align-items:center}.heatmap-row>span{font-size:8px;color:#9d9189}.heatmap-row>i{background:rgba(230,104,22,var(--heat));height:13px;border-radius:2px}.heatmap>small{font-size:8px;text-align:right;color:#a79b92;display:flex;justify-content:flex-end;align-items:center;gap:6px;margin-top:15px}.heat-legend{width:75px;height:6px;background:linear-gradient(90deg,color-mix(in srgb,var(--theme-accent) 11%,white),color-mix(in srgb,var(--theme-accent) 99%,black));border-radius:2px}.rankings{padding:0 19px 12px}.rankings>a{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #f3f0ed;font-size:11px}.rankings>a:last-child{border:0}.rankings>a>div{flex:1}.rankings strong{font-size:10px;font-weight:500;color:#625346}.rankings small{font-size:8px;color:#ad9d91;margin-top:5px}.rankings>a>span:last-child{font-weight:700;font-size:12px;color:color-mix(in srgb,var(--theme-accent) 78%,black);text-align:right}.rank-number{width:26px;height:26px;display:grid;place-items:center;background:color-mix(in srgb,var(--theme-accent) 7%,white);color:color-mix(in srgb,var(--theme-accent) 78%,white);border-radius:5px;font-size:9px}.rank-track{height:4px;border-radius:3px;background:color-mix(in srgb,var(--theme-accent) 9%,white);margin-top:10px;width:90%}.rank-track i{display:block;background:color-mix(in srgb,var(--theme-accent) 63%,white);height:100%;border-radius:3px}.visitor-split{display:flex;align-items:center;justify-content:center;gap:33px;padding:15px 15px 25px}.donut{background:conic-gradient(color-mix(in srgb,var(--theme-accent) 83%,white) 0 72%,color-mix(in srgb,var(--theme-accent) 30%,white) 72% 100%);width:132px;height:132px;flex-shrink:0}.donut:before{inset:15px}.donut div{font-size:23px;color:color-mix(in srgb,var(--theme-accent) 62%,black)}.donut small{font-size:8px;color:#ad9686}.visitor-split p{font-size:10px;margin:18px 0;color:#9b8879}.visitor-split strong{display:block;font:700 19px Manrope,sans-serif;margin:7px 0 0 12px;color:color-mix(in srgb,var(--theme-accent) 66%,black)}.visitor-split p i{display:inline-block;height:5px;width:5px;border-radius:50%;background:color-mix(in srgb,var(--theme-accent) 83%,white);margin-right:7px}.visitor-split i.returning{background:color-mix(in srgb,var(--theme-accent) 30%,white)}.campaign-preview{display:flex;align-items:center;gap:22px;padding:24px 25px 32px}.ad-art{display:grid;place-items:center;width:96px;height:110px;border-radius:8px;background:linear-gradient(140deg,color-mix(in srgb,var(--theme-accent) 29%,white),color-mix(in srgb,var(--theme-accent) 68%,white));color:white;flex-shrink:0;transform:rotate(-3deg)}.ad-art svg{width:42px;height:42px}.campaign-preview h3{font:700 13px Manrope,sans-serif;margin:0 0 7px}.campaign-preview p{font-size:10px}.ad-numbers{display:flex;gap:28px;margin-top:18px;font-size:8px;color:#ad9887}.ad-numbers strong{display:block;font:700 19px Manrope,sans-serif;color:color-mix(in srgb,var(--theme-accent) 91%,black);margin-bottom:5px}.revenue-breakdown{padding:10px 25px 28px}.revenue-breakdown>div{position:relative;padding-bottom:16px;margin-bottom:20px;font-size:11px;color:#95795f;display:flex;justify-content:space-between}.revenue-breakdown>div:after{position:absolute;content:'';left:0;right:0;bottom:0;height:5px;background:color-mix(in srgb,var(--theme-accent) 10%,white);border-radius:4px}.revenue-breakdown i{position:absolute;left:0;bottom:0;height:5px;background:color-mix(in srgb,var(--theme-accent) 78%,white);border-radius:4px;z-index:1}.revenue-breakdown small{font-size:9px;color:#b19f91}.section-tabs{display:flex;gap:4px;border-bottom:1px solid #e2ddd7;margin-bottom:20px;overflow:auto}.section-tabs a{padding:12px 16px;color:#9c8e83;font-size:11px;white-space:nowrap;border-bottom:2px solid transparent}.section-tabs a.active{color:color-mix(in srgb,var(--theme-accent) 93%,black);border-color:color-mix(in srgb,var(--theme-accent) 99%,black);font-weight:700}.record-hint{align-self:center;color:#b1a397;font-size:9px;margin-left:auto}.network-explainer{display:flex;gap:19px;align-items:center;margin-top:20px;padding:22px}.network-explainer>div{display:grid;place-items:center;width:52px;height:52px;flex-shrink:0;background:color-mix(in srgb,var(--theme-accent) 9%,white);color:color-mix(in srgb,var(--theme-accent) 91%,white);border-radius:9px}.network-explainer svg{width:25px;height:25px}.network-explainer h3{font-size:13px;margin:0 0 6px}.network-explainer p{font-size:11px}.network-explainer a{display:inline-block;font-size:10px;color:color-mix(in srgb,var(--theme-accent) 97%,black);margin-top:12px}.report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.report-card{padding:24px}.report-card svg{width:26px;height:26px;color:color-mix(in srgb,var(--theme-accent) 82%,white)}.report-card h2{font:700 14px Manrope,sans-serif;margin:16px 0 8px}.report-card p{font-size:11px;min-height:37px}.report-card>span{display:block;font-size:10px;color:color-mix(in srgb,var(--theme-accent) 99%,black);margin-top:20px}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px}.integration-card{padding:25px}.integration-card h2{font:700 18px Manrope,sans-serif;margin:15px 0 8px}.integration-card p{font-size:12px;margin-bottom:20px}.integration-icon{display:grid;place-items:center;width:38px;height:38px;background:color-mix(in srgb,var(--theme-accent) 11%,white);color:color-mix(in srgb,var(--theme-accent) 97%,white);border-radius:8px;font-size:23px}.integration-icon svg{width:21px;height:21px}.integration-list{padding:0 24px}.integration-list>div{display:flex;align-items:center;gap:17px;padding:21px 0;border-top:1px solid var(--line)}.integration-list section{flex:1}.integration-list h3{font-size:12px;margin:0 0 7px}.integration-list p{font-size:11px}.receipt{max-width:620px;margin:auto;position:relative;padding:36px}.receipt-logo{font:800 15px Manrope,sans-serif;letter-spacing:3px;color:color-mix(in srgb,var(--theme-accent) 96%,white)}.receipt h2{font:700 22px Manrope,sans-serif;margin-top:28px}.receipt p{font-size:11px}.receipt dl{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:35px 0;font-size:12px}.receipt dt{color:#9c8a7b}.receipt dd{text-align:right;margin:0}.receipt-watermark{font-size:9px;letter-spacing:1px;color:color-mix(in srgb,var(--theme-accent) 82%,white);border:1px solid color-mix(in srgb,var(--theme-accent) 32%,white);border-radius:3px;position:absolute;right:30px;top:35px;padding:6px}.import-result{margin-top:20px;color:color-mix(in srgb,var(--theme-accent) 92%,black);font-size:12px}.form-panel>form{max-width:650px}.toast{background:color-mix(in srgb,var(--theme-accent) 54%,black)}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid color-mix(in srgb,var(--theme-accent) 76%,white);outline-offset:2px}.panel-head small{line-height:1.7;max-width:850px}.panel-head>.badge{white-space:nowrap}.phone{background:color-mix(in srgb,var(--theme-accent) 42%,black)}.phone-screen{background:color-mix(in srgb,var(--theme-accent) 4%,white)}.phone .portal-title{color:color-mix(in srgb,var(--theme-accent) 49%,black)}
@media(min-width:1550px){.dashboard-charts .chart svg{height:215px}.bar-chart{height:242px}}@media(max-width:1100px){aside{width:218px}.shell{margin-left:218px}main{padding:24px}header{padding:0 24px}.brand{padding:0 17px}.dashboard-stats{gap:10px}.dash-stat{padding:14px}.dashboard-charts{gap:14px}.panel-head{padding:16px}.panel-head h2{font-size:11px}.visitor-split{gap:18px}.campaign-preview{gap:14px;padding:22px 18px}.ad-art{width:75px;height:100px}.stats .number{font-size:22px}}@media(max-width:900px){.dashboard-charts{grid-template-columns:1fr}.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.dash-stat strong{font-size:20px}.dash-stat>div>span{font-size:9px}.dash-stat svg{width:15px;height:15px}.topline{flex-wrap:wrap}.record-hint{display:none}.heatmap-row i{height:18px}.bar-chart{height:230px}}@media(max-width:650px){aside{width:236px}.shell{margin-left:0}header{height:62px;padding:0 16px}.brand{height:62px}main{padding:23px 15px}.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dash-stat{padding:15px}.dash-stat strong{font-size:24px}.dash-stat>div>span{font-size:10px}.dashboard-charts{gap:15px;margin-bottom:15px}.heatmap-row{gap:3px;grid-template-columns:25px repeat(24,1fr)}.heatmap-row i{height:13px}.heatmap-hours{grid-template-columns:25px repeat(6,1fr)}.section-tabs a{padding:11px;font-size:10px}.report-grid,.integration-grid{grid-template-columns:1fr}.demo-note{font-size:9px}.receipt{padding:23px}.receipt-watermark{position:static;display:inline-block;margin-bottom:20px}.receipt-logo{display:block}.network-explainer{padding:18px;align-items:flex-start}.integration-list{padding:0 17px}.integration-list>div{flex-wrap:wrap}.badge{font-size:8px}#breadcrumb{font-size:9px}.header-actions{gap:7px}}