:root{color-scheme:dark;--bg:#050505;--panel:#151718;--panel2:#1b1d1e;--line:#292c2e;--text:#f5f7f7;--muted:#8e9498;--cyan:#5bd5e7;--pink:#d957d1;--purple:#8b66f1;--green:#48d49d;--yellow:#f0c96b;--red:#ef6c75;--radius:18px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{min-height:100vh}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.app-shell{min-height:100vh;background:radial-gradient(circle at 20% -10%,rgba(91,213,231,.055),transparent 28%),var(--bg)}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:28px;padding:18px 28px;border-bottom:1px solid #131516;background:#050505e0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding-top:max(18px,env(safe-area-inset-top))}.brand{display:flex;align-items:center;gap:11px;min-width:220px}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border:1px solid #323638;border-radius:12px;background:linear-gradient(145deg,#242728,#0d0e0e);font-weight:800;font-size:12px;letter-spacing:.04em}.brand-mark.big{width:64px;height:64px;border-radius:20px;font-size:18px}.brand strong{display:block;font-size:14px}.brand span{display:block;font-size:11px;color:var(--muted);margin-top:2px}.desktop-nav{display:flex;gap:4px;flex:1;justify-content:center}.desktop-nav a{position:relative;padding:9px 13px;border-radius:11px;color:#9da2a5;font-size:13px}.desktop-nav a:hover,.desktop-nav a.active{color:#fff;background:#1b1d1e}.desktop-nav em,.mobile-nav em{position:absolute;top:-3px;right:-3px;display:grid;place-items:center;width:17px;height:17px;background:var(--pink);color:#fff;border-radius:50%;font-size:9px;font-style:normal;border:2px solid var(--bg)}.main{width:min(1500px,100%);margin:0 auto;padding:28px 28px 100px}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:10px 0 24px}.page-header h1{margin:0;font-size:28px;letter-spacing:-.035em}.page-header p{margin:7px 0 0;color:var(--muted);font-size:13px}.card{background:linear-gradient(180deg,#17191a,#141617);border:1px solid #242729;border-radius:var(--radius);padding:20px;box-shadow:0 20px 50px #00000024}.card h2{font-size:16px;margin:0;letter-spacing:-.02em}.card p{color:var(--muted);line-height:1.45}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.card-head p{font-size:12px;margin:5px 0 0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.metric-card{padding:16px 18px 13px;overflow:hidden}.metric-top{display:flex;justify-content:space-between;color:#9da2a5;font-size:12px}.metric-value{font-size:31px;font-weight:650;letter-spacing:-.045em;margin:11px 0 4px}.delta{font-size:11px}.delta.up,.mini-kpis em{color:var(--green)}.spark{width:100%;height:38px;display:block}.spark polyline{stroke-width:1.5}.spark.cyan polyline{stroke:var(--cyan)}.spark.purple polyline{stroke:var(--purple)}.spark.pink polyline{stroke:var(--pink)}.spark.green polyline{stroke:var(--green)}.grid{display:grid;gap:14px;margin-bottom:14px}.grid-main{grid-template-columns:2fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}.span-2{min-width:0}.linechart-wrap{height:260px;display:flex;flex-direction:column}.linechart{width:100%;flex:1;min-height:0}.gridline{stroke:#2a2d2f;stroke-dasharray:6 7;stroke-width:1}.series{stroke-width:2.1;vector-effect:non-scaling-stroke}.series.cyan{stroke:var(--cyan)}.series.magenta{stroke:var(--pink)}.chart-axis{display:flex;justify-content:space-between;color:#767c80;font-size:10px;padding:0 2px}.legend{display:flex;gap:14px;color:#8e9498;font-size:11px}.legend span,.channel-list div{display:flex;align-items:center;gap:7px}.cyan-dot,.magenta-dot,.purple-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.cyan-dot{background:var(--cyan)}.magenta-dot{background:var(--pink)}.purple-dot{background:var(--purple)}.ai-card{background:linear-gradient(145deg,#22363acc,#151718 48%)}.eyebrow{display:inline-flex;align-items:center;gap:6px;color:#aeb4b7;text-transform:uppercase;letter-spacing:.08em;font-size:9px;margin-bottom:9px}.score{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid rgba(91,213,231,.45);color:var(--cyan);font-size:12px}.proposal{margin:28px 0 12px}.proposal span,.proposal small{display:block;color:#8e9498;font-size:11px}.proposal b{display:inline-block;font-size:29px;letter-spacing:-.04em;margin:4px 5px 2px 0}.text-link{display:inline-flex;align-items:center;gap:5px;color:var(--cyan);font-size:12px;margin-top:12px}.channel-layout{display:flex;align-items:center;justify-content:space-around;gap:20px}.donut{--value:230deg;width:138px;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--cyan) 0 var(--value),var(--pink) var(--value) 300deg,#2b2e30 300deg);display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;background:#161819;border-radius:50%}.donut>div{z-index:1;text-align:center}.donut b{display:block;font-size:26px}.donut span{font-size:10px;color:#888e91}.channel-list{min-width:150px}.channel-list div{display:grid;grid-template-columns:8px 1fr auto;padding:9px 0;border-bottom:1px solid #242729;font-size:11px}.channel-list b{font-size:12px}.heatmap{display:grid;gap:5px;align-items:center}.heat-label{color:#7d8387;font-size:9px;text-align:center}.heat{aspect-ratio:1.65;border:1px solid #274148;background:#202526;border-radius:2px}.heat-1{background:#1c2729}.heat-2{background:#29494f}.heat-3{background:#386f7b}.heat-4{background:#4ba2b5}.heat-5{background:#5bd5e7}.approval-mini{display:grid;grid-template-columns:32px 1fr;gap:11px;align-items:baseline;margin:16px 0 22px}.approval-mini b{font-size:22px}.approval-mini span{font-size:12px;color:#969c9f}.btn{border:1px solid #34383a;background:#222526;color:#e9eeee;border-radius:10px;min-height:38px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px}.btn:hover{filter:brightness(1.12)}.btn.primary{background:#f1f3f3;color:#111;border-color:#f1f3f3;font-weight:650}.btn.secondary{background:#161819}.btn.tertiary{background:#1b1e1f}.btn.danger{color:#ff959b;border-color:#4f2f33;background:#24191b}.btn.full{width:100%}.icon-btn{width:40px;height:40px;border:1px solid #2e3234;border-radius:11px;background:#151718;color:#dadede;display:grid;place-items:center}.icon-btn.active{background:#222526}.icon-btn.danger{color:#ff888f}.recommend-list{display:grid}.recommend-row{display:grid;grid-template-columns:12px 1fr 70px 80px;gap:12px;align-items:center;padding:13px 2px;border-top:1px solid #242729}.recommend-row:first-child{border-top:0}.recommend-row b{display:block;font-size:12px}.recommend-row small{display:block;color:#83898d;margin-top:4px;font-size:11px}.recommend-row strong{text-align:right;font-size:12px}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.status-dot.green{background:var(--green)}.status-dot.pink{background:var(--pink)}.status-dot.cyan{background:var(--cyan)}.status-dot.purple{background:var(--purple)}.mini-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#272a2b;border:1px solid #272a2b;border-radius:16px;overflow:hidden;margin-bottom:14px}.mini-kpis>div{background:#151718;padding:18px}.mini-kpis span{display:block;color:#8e9498;font-size:11px}.mini-kpis b{display:block;font-size:25px;margin:7px 0 4px}.mini-kpis em{font-size:10px;font-style:normal}.mini-kpis em.good{color:var(--green)}.table-card{padding-bottom:8px}.segmented{display:flex;background:#111314;border:1px solid #282b2d;border-radius:10px;padding:3px}.segmented button,.filter-pills button{border:0;background:transparent;color:#858b8f;padding:8px 10px;border-radius:8px;font-size:11px}.segmented button.active,.filter-pills button.active{background:#292c2e;color:#fff}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#777e81;font-weight:500;padding:10px 12px;border-bottom:1px solid #292c2e}td{padding:14px 12px;border-bottom:1px solid #232628;color:#d4d8da}td b{display:block;font-weight:560}td small{display:block;color:#6f7578;margin-top:3px}.pill{display:inline-flex;align-items:center;border:1px solid #333638;background:#202324;color:#a9afb2;border-radius:100px;padding:5px 9px;font-size:10px;white-space:nowrap}.pill-green{color:#83e5be;border-color:#2c5545;background:#16251f}.pill-yellow{color:#efd98f;border-color:#544927;background:#252116}.pill-purple{color:#c3b3ff;border-color:#44386b;background:#1f1a32}.mobile-cards{display:none}.funnel{display:flex;flex-direction:column;gap:7px}.funnel div{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;border-radius:9px;border:1px solid #292c2e;background:#1a1c1d}.funnel div:nth-child(2){margin-inline:4%}.funnel div:nth-child(3){margin-inline:9%}.funnel div:nth-child(4){margin-inline:14%}.funnel div:nth-child(5){margin-inline:20%;border-color:#35535a}.funnel b{font-size:15px}.funnel span{font-size:10px;color:#8d9396}.filter-pills{display:flex;gap:6px;overflow:auto;margin:-8px 0 18px}.filter-pills button{border:1px solid #292c2e;background:#121415;padding:8px 13px;white-space:nowrap}.recommend-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.recommendation{display:flex;flex-direction:column;gap:18px}.recommendation-top{display:flex;justify-content:space-between;gap:20px}.recommendation-top h2{font-size:19px}.recommendation-top p{margin:6px 0 0}.confidence{text-align:right}.confidence b{display:block;font-size:24px}.confidence span{color:#777d80;font-size:9px}.reason{display:flex;gap:10px;background:#101213;border:1px solid #25282a;border-radius:12px;padding:13px}.reason span{font-size:10px;color:#a5aaad}.reason p{font-size:11px;margin:4px 0 0}.recommend-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}.recommend-actions>div{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.insight-banner{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:14px}.insight-banner h2{font-size:21px;margin-bottom:6px}.insight-banner p{margin:0}.insight-metrics{display:flex;gap:8px}.insight-metrics>div{min-width:120px;padding:13px;border:1px solid #2d3133;border-radius:12px;background:#111314}.insight-metrics span{display:block;color:#858b8e;font-size:10px}.insight-metrics b{display:block;margin-top:6px}.creative-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.creative{padding:0;overflow:hidden}.creative-art{height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;position:relative;overflow:hidden}.creative-art:before,.creative-art:after{content:"";position:absolute;border-radius:50%;filter:blur(1px)}.creative-art:before{width:160px;height:160px;background:linear-gradient(135deg,var(--cyan),transparent 60%);opacity:.5}.creative-art:after{width:140px;height:140px;background:linear-gradient(135deg,var(--pink),transparent 65%);transform:translate(50px,30px);opacity:.5}.art-2:before{transform:translate(-55px,15px);background:linear-gradient(135deg,var(--purple),transparent)}.art-3:after{transform:translate(-45px,35px)}.creative-art span{z-index:1;font-size:48px;font-weight:700}.creative-art small{z-index:1;color:#9ba1a4}.creative-body{padding:18px}.creative-title{display:flex;justify-content:space-between;gap:10px}.creative-title span{font-size:9px;color:#777e81}.creative-title h2{margin-top:4px}.creative dl,.landing dl{display:grid;gap:10px;margin:18px 0}.creative dl div,.landing dl div{display:flex;justify-content:space-between;gap:15px}.creative dt,.landing dt{color:#7d8386;font-size:10px}.creative dd,.landing dd{margin:0;font-size:11px;text-align:right}.creative-actions{display:flex;gap:7px;flex-wrap:wrap}.creative-actions .btn:first-child{margin-right:auto}.landing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.landing{padding:0;overflow:hidden}.landing-preview{height:220px;margin:10px;border-radius:12px;background:linear-gradient(145deg,#242827,#151817);position:relative;padding:18px;overflow:hidden}.lp-2{background:linear-gradient(145deg,#22272a,#111617)}.lp-3{background:linear-gradient(145deg,#292328,#171417)}.fake-nav{width:45%;height:6px;border-radius:10px;background:#8a9294;opacity:.3}.fake-copy{position:absolute;left:18px;top:65px;width:42%;display:grid;gap:7px}.fake-copy i{height:8px;background:#dde4e3;border-radius:10px;opacity:.7}.fake-copy i:nth-child(2){width:80%;opacity:.4}.fake-copy i:nth-child(3){width:55%;background:var(--cyan);opacity:.7}.fake-product{position:absolute;width:45%;aspect-ratio:1;right:8%;top:20%;border-radius:50%;background:radial-gradient(circle at 40% 30%,#6cd5a8,#315d48 45%,#1b2a23 65%);box-shadow:0 18px 30px #00000040}.landing-body{padding:10px 18px 18px}.landing-body>div:first-child{display:inline-block}.landing-body>div:first-child span{color:#777d80;font-size:9px}.landing-body h2{margin-top:4px}.landing-body>.pill{float:right}.approval-summary{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #282b2d;border-radius:16px;overflow:hidden;margin-bottom:14px}.approval-summary>div{background:#151718;padding:17px;border-right:1px solid #282b2d}.approval-summary>div:last-child{border:0}.approval-summary b{font-size:23px}.approval-summary span{display:block;color:#858b8f;font-size:10px;margin-top:2px}.approval-list{padding-top:4px;padding-bottom:4px}.approval-row{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;padding:16px 4px;border-bottom:1px solid #242729}.approval-row:last-child{border-bottom:0}.approval-type{display:flex;align-items:center;gap:12px}.approval-type small,.approval-type span{display:block;color:#7d8387;font-size:9px}.approval-type b{display:block;font-size:12px;margin:3px 0}.approval-meta{display:flex;gap:12px;align-items:center;color:#777d80;font-size:10px}.approval-actions{display:flex;gap:7px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.settings-card{display:grid;grid-template-columns:50px 1fr;gap:15px}.setting-icon{width:44px;height:44px;border:1px solid #303436;background:#1d2021;border-radius:13px;display:grid;place-items:center;color:var(--cyan)}.settings-card h2{margin:4px 0}.settings-card p{font-size:11px}.settings-row{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #25282a;font-size:11px}.integration-list>div{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #25282a}.integration-name{display:flex;align-items:center;gap:10px}.integration-name>span{width:36px;height:36px;border-radius:10px;background:#202324;display:grid;place-items:center}.integration-name small{display:block;color:#7c8285;margin-top:3px}.code-sample{display:flex;align-items:center;gap:10px;background:#0f1112;border:1px solid #292c2e;border-radius:12px;padding:14px;color:#9edce6;overflow:auto}.code-sample code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;white-space:nowrap}.mobile-nav{display:none}.login-screen{min-height:100vh;display:grid;place-items:center;align-content:center;gap:26px;padding:30px;background:radial-gradient(circle at 50% 20%,rgba(91,213,231,.07),transparent 30%),#050505}.login-brand{text-align:center}.login-brand h1{font-size:24px;margin:13px 0 4px}.login-brand p{margin:0;color:#858b8e}.login-brand .brand-mark{margin:auto}.login-card{width:min(420px,100%);border:1px solid #292c2e;border-radius:20px;background:#151718;padding:24px}.login-card h2{margin:16px 0 5px}.login-card>p{color:#858b8e;font-size:11px;line-height:1.5}.login-card label{display:grid;gap:7px;color:#9da3a6;font-size:10px;margin:20px 0 12px}.login-card input{min-height:47px;border-radius:11px;border:1px solid #303436;background:#0f1112;padding:0 13px;color:#fff}.login-card small{display:block;text-align:center;color:#6f7578;margin-top:12px;font-size:9px}@media (max-width:1050px){.desktop-nav a{padding-inline:9px}.brand{min-width:auto}.brand>div:last-child{display:none}.metric-grid,.creative-grid,.landing-grid{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr 1fr}.grid-3>.card:last-child{grid-column:span 2}.recommend-grid{grid-template-columns:1fr}}@media (max-width:760px){body{overscroll-behavior-y:none}.topbar{padding:calc(12px + env(safe-area-inset-top)) 16px 12px}.topbar .icon-btn,.desktop-nav{display:none}.brand{gap:9px}.brand-mark{width:34px;height:34px}.brand>div:last-child{display:block}.main{padding:18px 14px calc(92px + env(safe-area-inset-bottom))}.page-header{align-items:center;margin:4px 2px 18px}.page-header h1{font-size:24px}.page-header p{font-size:11px}.page-header .btn{min-height:36px;padding-inline:10px}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{padding:14px}.metric-value{font-size:24px}.grid-main,.grid-3,.settings-grid{grid-template-columns:1fr}.grid-3>.card:last-child{grid-column:auto}.card{border-radius:15px;padding:16px}.chart-card{overflow:hidden}.linechart-wrap{height:230px}.ai-card .proposal{margin-top:18px}.mini-kpis{grid-template-columns:1fr 1fr}.mini-kpis>div{padding:14px}.mini-kpis b{font-size:21px}.table-wrap{display:none}.mobile-cards{display:grid;gap:9px}.data-card{border:1px solid #282b2d;border-radius:12px;padding:13px;background:#121415}.data-card>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:center}.data-card dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0 0}.data-card dl div{display:flex;justify-content:space-between}.data-card dt{font-size:9px;color:#7f8588}.data-card dd{margin:0;font-size:11px}.segmented{display:none}.recommendation-top{gap:10px}.recommend-actions{align-items:flex-start;flex-direction:column}.recommend-actions>div{width:100%;display:grid;grid-template-columns:1fr 1fr}.recommend-actions .btn{min-height:44px}.insight-banner{align-items:flex-start;flex-direction:column}.insight-metrics{width:100%}.insight-metrics>div{flex:1}.creative-grid,.landing-grid{grid-template-columns:1fr}.creative-art{height:280px}.creative-actions{display:grid;grid-template-columns:1fr 1fr}.creative-actions .btn:first-child{grid-column:span 2;margin:0}.creative-actions .btn{min-height:44px}.approval-summary{grid-template-columns:repeat(5,100px);overflow-x:auto}.approval-summary>div{min-width:100px}.approval-row{grid-template-columns:1fr;gap:11px}.approval-meta{justify-content:space-between}.approval-actions{display:grid;grid-template-columns:46px 46px 1fr}.approval-actions .btn{min-height:46px}.settings-card{grid-template-columns:1fr}.setting-icon{width:40px;height:40px}.mobile-nav{position:fixed;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));padding:6px;border:1px solid #2a2d2f;border-radius:17px;background:#111314eb;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 14px 50px #00000073}.mobile-nav a{position:relative;min-height:54px;border-radius:12px;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;color:#757b7e;font-size:9px}.mobile-nav a.active{background:#252829;color:#fff}.mobile-nav em{top:3px;right:18%}.channel-layout{justify-content:flex-start}.donut{width:120px}.heatmap{gap:4px}.recommend-row{grid-template-columns:10px 1fr auto}.recommend-row .btn{display:none}.recommend-row strong{font-size:10px}.filter-pills{margin-bottom:14px}.login-screen{padding:18px}.login-card{padding:20px}}@media (max-width:390px){.metric-grid{grid-template-columns:1fr}.page-header>div:last-child{display:none}.mini-kpis{grid-template-columns:1fr 1fr}.brand span{display:none}.channel-layout{flex-direction:column;align-items:flex-start}.insight-metrics{flex-direction:column}.insight-metrics>div{width:100%}}.auth-primary{min-height:50px;margin-top:18px;display:flex;align-items:center;justify-content:center;gap:9px}.auth-primary svg{width:18px;height:18px}.auth-link{display:flex;align-items:center;justify-content:center;text-decoration:none;margin-top:18px}.auth-error{margin-top:16px;padding:11px 12px;border-radius:10px;border:1px solid rgba(255,91,91,.25);background:#ff5b5b14;color:#ff9a9a;font-size:10px;line-height:1.45}.invite-ready{margin-top:18px;padding:11px 12px;border-radius:10px;border:1px solid rgba(91,213,231,.22);background:#5bd5e70f;color:#b9edf4;font-size:10px}.setting-icon.success{color:#77e1a1}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-splash{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#050505;color:#7f8588;font-size:11px}.auth-splash .brand-mark{margin:0}