@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}body{color:#182a3a;background:#f5f7fa;margin:0;font-family:DM Sans,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,select{cursor:pointer}button{transition:all .18s}button:hover{filter:brightness(.96)}button:disabled{opacity:.55;cursor:wait}:is(button:focus-visible,a:focus-visible,input:focus,select:focus,textarea:focus){outline-offset:3px;outline:2px solid #00b6cf}h1,h2,strong{font-family:Manrope,sans-serif}h1{letter-spacing:-1.1px;margin:9px 0 10px;font-size:30px;font-weight:800}h2{letter-spacing:-.3px;margin:0 0 7px;font-size:16px}p{color:#788695;margin:0 0 14px;line-height:1.65}.shell{min-height:100vh;display:flex}.sidebar{color:#bdcad6;background:#101c29;flex-direction:column;flex-shrink:0;width:238px;padding:34px 20px;display:flex;position:fixed;inset:0 auto 0 0}.logo{color:#fff;letter-spacing:-1.2px;align-items:center;padding:0 12px;font-size:27px;font-weight:800;text-decoration:none;display:flex}.brandIcon{color:#00bed5;margin-right:10px;font-size:29px;position:relative}.brandIcon span{font-size:18px;position:absolute;top:-5px;right:-4px}.dot{color:#00b6cf}.workspace{border-top:1px solid #253240;border-bottom:1px solid #253240;align-items:center;gap:10px;margin:30px 0;padding:22px 5px;display:flex}.workspace b{color:#e8eef4;font-size:12px}.workspace small{color:#7d92a6;margin-top:5px;font-size:10px;display:block}.avatar,.user{color:#a7dbe3;background:#223445;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.navlabel{letter-spacing:1.4px;color:#647c91;margin:4px 12px 14px;font-size:9px}.nav{color:#93a6b7;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;margin:3px 0;padding:14px 12px;font-size:12px;display:flex}.nav span{margin-left:auto}.nav.active{color:#5bdae7;background:#153540}.sidebottom{margin-top:auto}.sidecard{background:linear-gradient(145deg,#17343e,#142431);border:1px solid #25414c;border-radius:10px;padding:20px 16px}.sidecard svg{color:#53d8e4}.sidecard b{color:#e4f3f5;margin:14px 0 8px;font-size:13px;display:block}.sidecard p{color:#89a2b4;margin:0;font-size:11px}.sidebottom>small{letter-spacing:1px;text-align:center;color:#667e92;margin-top:25px;font-size:8px;display:block}.body{width:calc(100% - 238px);margin-left:238px}header{background:#fff;border-bottom:1px solid #e7edf2;justify-content:space-between;align-items:center;height:78px;padding:0 38px;display:flex}.crumb,.headerRight,.actions{align-items:center;gap:12px;display:flex}.crumb{color:#99a5b0;font-size:12px}.crumb b{color:#415466;font-weight:500}.headerRight{color:#8797a4;font-size:11px}.liveDot{background:#32b7a0;border-radius:50%;width:6px;height:6px}.user{color:#346274;background:#eaf2f5;margin-left:15px}main{max-width:1500px;margin:auto;padding:36px 38px}.pageHeading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.pageHeading p{margin:0;font-size:13px}.eyebrow{letter-spacing:1.8px;color:#00a0b8;font-size:9px;font-weight:700}.primary,.secondary{white-space:nowrap;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:12px;font-weight:600;display:inline-flex}.primary{color:#fff;background:#00acc4;box-shadow:0 4px 12px #00acc41a}.secondary{color:#4c6070;background:#fff;border:1px solid #e0e7ed}.icon{color:#758797;background:0 0;border:0;place-items:center;padding:8px;display:grid}.toolbar{background:#fff;border:1px solid #e5ebf0;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:17px 20px;display:flex}.brandSelect{align-items:center;gap:12px;display:flex}.brandAvatar{color:#8b7157;background:#f1e9e1;border-radius:10px;place-items:center;width:40px;height:40px;font-family:Manrope;font-size:12px;font-weight:700;display:grid}.brandSelect small{letter-spacing:1.3px;color:#97a2ad;margin-bottom:2px;font-size:8px;display:block}.brandSelect select{color:#263c4b;background:#fff;border:0;padding:2px 18px 2px 0;font-weight:700}.actions select{color:#667a8b;background:#fff;border:1px solid #e1e7ed;border-radius:7px;padding:11px;font-size:12px}.sectionLabel{color:#718493;letter-spacing:1.5px;justify-content:space-between;margin:28px 0 12px;font-size:9px;font-weight:600;display:flex}.sectionLabel span{letter-spacing:0;font-size:10px;font-weight:400}.kpis{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.kpi{background:#fff;border:1px solid #e4eaf0;border-radius:10px;min-width:0;padding:20px}.kpiTop{color:#718391;justify-content:space-between;gap:5px;font-size:11px;display:flex}.kpiTop svg{color:#91a3af}.kpi strong{letter-spacing:-1px;margin:16px 0 8px;font-size:29px;display:block}.kpi small{color:#94a2ad;font-size:10px}.kpi.accent{background:#eefbfc;border-color:#bfeaf0}.kpi.accent strong,.kpi.accent svg{color:#009fb5}.teamstrip{background:#fff;border:1px solid #e5ebf0;border-radius:10px;grid-template-columns:2fr 1fr 1fr 1fr;align-items:center;margin:18px 0 24px;padding:20px;display:grid}.teamstrip>div{border-right:1px solid #e8edf1;padding:0 22px}.teamstrip>div:first-child{align-items:center;gap:14px;padding-left:0;display:flex}.teamstrip>div:last-child{border:0}.badgeIcon{color:#00a9c0;background:#eaf6f8;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.teamstrip small{color:#8393a0;margin-bottom:5px;font-size:10px;display:block}.teamstrip b{font-family:Manrope;font-size:22px}.teamstrip em{color:#8d9ba7;font-size:11px;font-style:normal;font-weight:400}.cyan{color:#00a3b9}.charts{grid-template-columns:1.9fr 1fr;gap:20px;margin-bottom:20px;display:grid}.charts.equal{grid-template-columns:1fr 1fr}.panel{background:#fff;border:1px solid #e3eaf0;border-radius:11px;padding:24px}.panel p{font-size:11px}.panelTitle{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.legend{color:#7b8c99;white-space:nowrap;align-items:center;gap:6px;font-size:9px;display:flex}.legend i{background:#00b6cf;border-radius:50%;width:7px;height:7px;display:inline-block}.legend .gray{background:#c8d2dc;margin-left:6px}.funnelTop,.funnelEnd{background:#eef5f8;border-radius:8px;justify-content:space-between;align-items:center;padding:15px 18px;font-size:11px;display:flex}.funnelTop strong,.funnelEnd strong{font-size:23px}.funnelEnd{color:#008ea3;background:#e8f9fb;margin:0 15px}.funnelLine{text-align:center;color:#b4cbd1;margin:6px}.ratio{border-top:1px solid #edf1f4;align-items:center;gap:12px;margin-top:20px;padding-top:16px;display:flex}.ratio strong{font-size:24px}.ratio span{color:#7f919f;max-width:120px;font-size:10px}.funnel>small{color:#9aa7b0;margin-top:12px;font-size:9px;line-height:1.6;display:block}.tableScroll{overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:11px}th{text-align:left;color:#8796a3;border-bottom:1px solid #e5ebef;padding:16px 10px;font-size:10px;font-weight:500}td{color:#4c6171;border-bottom:1px solid #f0f3f5;padding:17px 10px}td small{text-overflow:ellipsis;color:#95a2ae;max-width:165px;margin-top:5px;font-size:9px;display:block;overflow:hidden}.pill{color:#429884;background:#eaf7f3;border-radius:4px;padding:5px 8px;font-size:9px}.pill.partial{color:#b68b2a;background:#fff4dd}.textbtn{color:#00a1b7;background:0 0;border:0;padding:8px;font-size:11px}.footnote{color:#8c9ba7;padding:22px 4px;font-size:10px}.footnote p{margin:7px 0;font-size:10px}.footnote span{font-size:9px}footer{color:#8e9da9;border-top:1px solid #e0e7ed;justify-content:space-between;margin-top:22px;padding-top:20px;font-size:10px;display:flex}.brandGrid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.brandCard h2{margin-top:20px}.brandCard p{overflow-wrap:anywhere}.brandCard .secondary{margin-top:20px}.meta{color:#7d8d98;font-size:11px}.empty{text-align:center;padding:70px 25px}.empty p{max-width:460px;margin:15px auto 25px}.empty .actions{justify-content:center}.emptyIcon{color:#00a4ba;background:#e7f9fb;border-radius:20px;place-items:center;width:65px;height:65px;margin:0 auto 24px;display:grid}.chartEmpty{color:#9aa6af;place-items:center;min-height:150px;font-size:12px;display:grid}.notice{color:#447783;background:#edf8fa;border:1px solid #d5edf2;border-radius:7px;align-items:center;gap:10px;margin:0 0 18px;padding:12px 15px;font-size:11px;line-height:1.6;display:flex}.notice button{color:#008fa4;background:0 0;border:0;margin-left:auto;font-weight:600}.demo{color:#97772e;background:#fff6e4;border-color:#efdfbb}.error{color:#a63d34;background:#fff0ee;border-radius:6px;margin:12px 0;padding:12px;font-size:12px}.error button{margin-left:12px}.audit{border-bottom:1px solid #edf1f4;padding:18px 0}.audit summary{cursor:pointer}.audit small{color:#91a0ac;margin-top:8px;display:block}.audit pre{white-space:pre-wrap;background:#f6f8fa;padding:15px;font-size:11px}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;background:#0b1c2b80;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:570px;max-height:92vh;padding:28px;overflow:auto;box-shadow:0 25px 100px #06152140}.modal h2{margin-top:10px;font-size:23px}.modal p{font-size:12px}.modal label,.dateRange label{color:#4d6272;margin:17px 0;font-size:12px;display:block}.modal input,.modal textarea,.dateRange input{color:#243a4b;background:#fff;border:1px solid #dbe4eb;border-radius:6px;width:100%;margin-top:7px;padding:12px;display:block}.modal label small{color:#8e9da8;margin-top:8px;font-size:10px;line-height:1.6;display:block}.formgrid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.modalActions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.toast{color:#fff;z-index:30;background:#153b40;border-radius:9px;align-items:center;gap:10px;padding:16px 22px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0002}.dateRange{gap:20px;display:flex}.mobile{display:none}@media (min-width:1600px){main{padding-top:45px}.kpi{padding:25px}}@media (max-width:1150px){.sidebar{width:200px;padding:25px 12px}.body{width:calc(100% - 200px);margin-left:200px}main{padding:26px 22px}header{padding:0 22px}.kpis{gap:10px}.kpi{padding:16px}.kpi strong{font-size:23px}.pageHeading h1{font-size:25px}.charts{grid-template-columns:1.4fr 1fr}.brandGrid{grid-template-columns:1fr 1fr}.teamstrip>div{padding:0 12px}}@media (max-width:800px){.sidebar{z-index:15;width:238px;display:none}.sidebar.open{display:flex}.body{width:100%;margin-left:0}.mobile{display:flex}header{height:65px}.headerRight{font-size:0}.pageHeading{align-items:flex-start}.pageHeading h1{max-width:280px;font-size:25px}.pageHeading>.primary{padding:12px;font-size:0}.pageHeading>.primary svg{width:20px}.toolbar{flex-direction:column;align-items:flex-start}.toolbar>.actions{justify-content:space-between;width:100%}.kpis{grid-template-columns:1fr 1fr}.charts,.charts.equal{grid-template-columns:1fr}.teamstrip{grid-template-columns:1fr 1fr;gap:20px}.teamstrip>div{border:0}.teamstrip>div:first-child,.teamstrip>div:last-child{grid-column:span 2}.legend{font-size:8px}.brandGrid{grid-template-columns:1fr}.panel{padding:20px}.teamstrip em{font-size:12px}footer span{display:none}.modal{padding:22px}.formgrid{gap:10px}main{padding:25px 16px}.empty .actions{flex-direction:column}.toast{width:90%;font-size:12px}.notice{flex-wrap:wrap}}.authShell{background:#f5f7fa;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.authStory{color:#fff;background:#101c29;flex-direction:column;justify-content:space-between;min-height:100vh;padding:64px;display:flex}.authStory h1{letter-spacing:-2px;color:#fff;margin:24px 0;font-size:clamp(38px,4vw,64px);line-height:1.08}.authStory p{color:#aabac9;max-width:360px;font-size:18px;line-height:1.7}.authStory small{color:#7f96ac;letter-spacing:2px;font-size:11px}.authContent{justify-content:center;align-items:center;padding:40px;display:flex}.authCard{width:100%;max-width:420px}.authBadge{color:#008a9d;letter-spacing:2px;font-size:11px;font-weight:800}.authCard h1{letter-spacing:-1px;margin:18px 0 12px;font-size:32px}.authCard p{color:#6b7b8d;margin-bottom:28px;line-height:1.7}.authCard label{margin:22px 0;font-size:13px;font-weight:700;display:block}.authCard input{width:100%;font:inherit;background:#fff;border:1px solid #d9e1e8;border-radius:10px;margin-top:9px;padding:15px;display:block}.authCard .primary{justify-content:space-between;width:100%;margin-top:24px;padding:16px}.authCard small{color:#6b7b8d;line-height:1.5}.authHelp{margin-top:24px;font-size:12px}.authCard input:focus{outline-offset:2px;outline:2px solid #00b6cf}@media (max-width:800px){.authShell{grid-template-columns:1fr}.authStory{min-height:240px;padding:32px}.authStory h1{margin:12px 0;font-size:34px}.authStory p,.authStory>small{display:none}.authContent{padding:32px 24px}.authStory .eyebrow{margin-top:30px}}
