:root{--ink:#232635;--muted:#8a90a1;--line:#edf0f5;--canvas:#f7f8fb;--pink:#e7418b;--purple:#7452bd;--blue:#47b9df;--orange:#ffb52e;--green:#23a777}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:linear-gradient(140deg,#fcecf5 0,#f8f8fb 42%,#f0f4ff 100%);margin:0;font-family:Arial,sans-serif}.appShell{background:var(--canvas);border-radius:20px;grid-template-columns:225px 1fr;width:min(1450px,100% - 48px);min-height:calc(100vh - 48px);margin:24px auto;display:grid;overflow:hidden;box-shadow:0 24px 70px #66366629}.sidebar{border-right:1px solid var(--line);background:#fff;padding:0 18px 24px}.brand{background:linear-gradient(100deg,var(--pink),var(--purple));color:#fff;align-items:center;gap:12px;height:84px;margin:0 -18px 30px;padding:0 22px;display:flex}.brand>span{width:37px;height:37px;color:var(--pink);background:#fff;border-radius:12px;place-items:center;font-size:20px;font-weight:900;display:grid}.brand b,.brand small{display:block}.brand b{letter-spacing:.04em;font-size:14px}.brand small{opacity:.8;margin-top:3px;font-size:9px}.sidebar nav{gap:7px;display:grid;position:sticky;top:24px}.sidebar nav a{color:#777f91;border-radius:10px;align-items:center;gap:12px;padding:12px 13px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.sidebar nav a i{text-align:center;width:18px;font-style:normal}.sidebar nav a:hover,.sidebar nav a.active{color:var(--pink);background:#fff1f7}.sideNote{background:#fff7fb;border:1px solid #f8dce9;border-radius:15px;margin-top:80px;padding:17px}.sideNote span{color:var(--pink);letter-spacing:.1em;font-size:8px;font-weight:900}.sideNote b{margin:9px 0;font-size:13px;display:block}.sideNote p{color:var(--muted);margin:0;font-size:10px;line-height:1.5}.workspace{min-width:0;padding:30px}.topbar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.eyebrow,.cardHead span,.sectionTitle span,.panelHeader span,.actionPanel>span,.googlePlan span{letter-spacing:.13em;color:var(--muted);font-size:9px;font-weight:900}h1{letter-spacing:-.03em;margin:5px 0 0;font-size:25px}.monthSelect{color:var(--muted);gap:6px;font-size:9px;font-weight:800;display:grid}.monthSelect select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;padding:11px 36px 11px 13px;font-weight:800}.overviewGrid{grid-template-columns:minmax(0,1.65fr) minmax(290px,.65fr);gap:15px;display:grid}.trendCard,.mixCard,.postsPanel,.actionPanel,.metaSummary{border:1px solid var(--line);background:#fff;border-radius:17px;padding:24px;box-shadow:0 5px 18px #22263508}.cardHead,.panelHeader{justify-content:space-between;align-items:start;display:flex}.cardHead h2,.panelHeader h3{margin:5px 0 0;font-size:15px}.cardHead em{color:#4cb7c9;font-size:9px;font-style:normal}.trendBody{grid-template-columns:190px 1fr;align-items:center;gap:22px;margin-top:20px;display:grid}.headlineMetric small,.headlineMetric strong,.headlineMetric span{display:block}.headlineMetric small{color:var(--muted);font-size:10px}.headlineMetric strong{margin:10px 0;font-size:28px}.headlineMetric span{color:#1c9d67;font-size:9px;font-weight:800}.chart{height:220px;padding-left:30px;position:relative}.chart svg{width:100%;height:190px;overflow:visible}.chartLabels{color:#b1b5c0;flex-direction:column;justify-content:space-between;height:155px;font-size:8px;display:flex;position:absolute;top:5px;left:0}.gridLine{fill:none;stroke:#f0f1f5;stroke-width:1px}.line{fill:none;stroke-width:3px;stroke-linecap:round}.line.pink{stroke:var(--pink)}.line.purple{stroke:var(--purple);stroke-width:2px}.area{fill:url(#area)}.chartLegend{color:var(--muted);justify-content:flex-end;gap:18px;font-size:9px;display:flex}.chartLegend span,.mixLegend div{align-items:center;gap:6px;display:flex}.pinkDot,.purpleDot,.orangeDot{border-radius:50%;width:7px;height:7px;display:inline-block}.mixCard{flex-direction:column;display:flex}.donut{background:conic-gradient(var(--purple) 0 var(--paid),var(--pink) var(--paid) 300deg,var(--orange) 300deg);border-radius:50%;place-items:center;width:170px;height:170px;margin:28px auto 20px;display:grid;position:relative}.donut:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:27px}.donut div{text-align:center;position:relative}.donut b,.donut small{display:block}.donut b{font-size:24px}.donut small{color:var(--muted);font-size:8px}.mixLegend{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:auto;display:grid}.mixLegend div{grid-template-columns:auto 1fr;column-gap:6px;display:grid}.mixLegend b{font-size:14px}.mixLegend span{color:var(--muted);grid-column:1/3;font-size:8px}.kpiStrip{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:15px;display:grid}.kpiStrip article{color:#fff;border-radius:16px;min-height:135px;padding:20px;position:relative;overflow:hidden;box-shadow:0 12px 22px #5235891f}.kpiStrip article:after{content:"";background:#ffffff17;border-radius:50%;width:150px;height:80px;position:absolute;bottom:-45px;right:-20px}.purpleCard{background:linear-gradient(130deg,#794fc6,#5143b9)}.orangeCard{background:linear-gradient(130deg,#ffc12e,#ff7e4d)}.kpiStrip span,.kpiStrip b,.kpiStrip small{display:block}.kpiStrip span{opacity:.83;font-size:9px;font-weight:800}.kpiStrip b{margin:20px 0 5px;font-size:24px}.kpiStrip small{opacity:.8;font-size:8px}.miniBars,.spark{color:#fff;font-style:normal;position:absolute;bottom:22px;right:20px}.miniBars{align-items:end;gap:3px;height:30px;display:flex}.miniBars u{background:#fff;width:4px;text-decoration:none}.miniBars u:first-child{height:12px}.miniBars u:nth-child(2){height:25px}.miniBars u:nth-child(3){height:18px}.miniBars u:nth-child(4){height:29px}.spark{font-size:45px;line-height:1}.reportSection{margin-top:60px;scroll-margin-top:20px}.sectionTitle{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.sectionTitle h2{margin:6px 0 0;font-size:25px}.sectionTitle p{color:var(--muted);max-width:420px;margin:0;font-size:11px;line-height:1.5}.organicMetrics{grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:12px;display:grid}.organicMetrics article,.googleGrid article{border:1px solid var(--line);background:#fff;border-radius:14px;padding:17px}.organicMetrics span,.organicMetrics b,.organicMetrics small,.googleGrid span,.googleGrid b,.googleGrid small{display:block}.organicMetrics span,.googleGrid span{color:var(--muted);font-size:8px;font-weight:800}.organicMetrics b,.googleGrid b{margin:13px 0 4px;font-size:21px}.organicMetrics small,.googleGrid small{color:var(--muted);font-size:8px}.organicMetrics article:last-child small{color:var(--green)}.contentLayout,.paidGrid{grid-template-columns:1.65fr .65fr;gap:12px;display:grid}.panelHeader>b{color:var(--pink);background:#fff0f7;border-radius:99px;padding:7px 9px;font-size:9px}.postGrid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;display:grid}.postCard{border:1px solid var(--line);background:#fff;border-radius:13px;overflow:hidden}.postPreview{background:#f2ede8;height:150px;position:relative;overflow:hidden}.postPreview img{object-fit:cover;width:100%;height:100%}.postPreview.crop0 img{object-position:78% center}.postPreview.crop1 img{object-position:44% center}.postPreview.crop2 img{object-position:20% center}.postPreview em{background:var(--pink);color:#fff;border-radius:99px;padding:6px 8px;font-size:7px;font-style:normal;font-weight:900;position:absolute;top:9px;left:9px}.postCard>div:last-child{padding:13px}.postCard small{color:var(--pink);font-size:8px;font-weight:800}.postCard h4{margin:6px 0;font-size:12px;line-height:1.35}.postCard p{color:var(--muted);margin:0;font-size:9px}.postCard p b{color:var(--ink)}.actionPanel{color:#fff;background:linear-gradient(150deg,#292638,#4f3268)}.actionPanel h3{margin:8px 0 28px;font-size:22px}.actionPanel ol{gap:14px;margin:0;padding:0;list-style:none;display:grid}.actionPanel li{border-top:1px solid #ffffff21;grid-template-columns:32px 1fr;align-items:start;gap:10px;padding-top:14px;display:grid}.actionPanel li b{color:#f477b2;font-size:9px}.actionPanel li p{margin:0;font-size:11px;line-height:1.45}.metaSummary{padding:26px}.status.good{color:#17885d;background:#e6f8f0}.metaKpis{grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0;display:grid}.metaKpis>div{background:var(--canvas);border-radius:12px;padding:15px}.metaKpis span,.metaKpis b{display:block}.metaKpis span{color:var(--muted);font-size:8px}.metaKpis b{margin-top:12px;font-size:18px}.insightRows{grid-template-columns:1fr 1fr;gap:10px;display:grid}.insightRows>div{border-radius:12px;grid-template-columns:34px 1fr;gap:10px;padding:15px;display:grid}.insightRows i{border-radius:50%;place-items:center;width:30px;height:30px;font-style:normal;font-weight:900;display:grid}.insightRows p{margin:0;font-size:10px;line-height:1.45}.insightRows p span{margin-bottom:5px;font-size:7px;font-weight:900;display:block}.insightRows .success i{color:#16825b;background:#caefe0}.insightRows .warning i{color:#b27000;background:#ffe3ad}.paidAction{background:linear-gradient(150deg,#704cc1,#3f399e)}.googleGrid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.googleGrid .alert{background:#fff1f0;border-color:#ffddd9}.googleGrid .alert b,.googleGrid .alert small{color:#d94b3a}.googlePlan,.emptyState{border:1px solid var(--line);background:#fff;border-radius:16px;margin-top:12px;padding:24px}.googlePlan{grid-template-columns:1fr 1fr;gap:30px;display:grid}.googlePlan h3,.emptyState h3{margin:7px 0;font-size:18px}.googlePlan p,.emptyState p{color:var(--muted);margin:0;font-size:10px;line-height:1.5}.googlePlan ol{margin:0;padding-left:20px;font-size:11px;line-height:1.6}.emptyState{align-items:center;gap:18px;display:flex}.emptyState>i{color:#fff;background:linear-gradient(135deg,#4285f4,#34a853);border-radius:13px;place-items:center;width:48px;height:48px;font-style:normal;font-weight:900;display:grid}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;margin-top:60px;padding-top:25px;font-size:9px;display:flex}.brand.mini{height:auto;color:var(--ink);background:0 0;margin:0;padding:0}.brand.mini>span{background:var(--pink);color:#fff;width:30px;height:30px;font-size:16px}.brand.mini small{color:var(--muted)}@media (max-width:1100px){.organicMetrics{grid-template-columns:repeat(3,1fr)}.postGrid{grid-template-columns:1fr 1fr}.postGrid .postCard:last-child{display:none}.googleGrid{grid-template-columns:repeat(3,1fr)}}@media (max-width:980px){.appShell{border-radius:0;grid-template-columns:1fr;width:100%;margin:0}.sidebar{display:none}.overviewGrid,.contentLayout,.paidGrid{grid-template-columns:1fr}.kpiStrip{grid-template-columns:1fr 1fr}}@media (max-width:620px){.workspace{padding:18px}.topbar,.sectionTitle,footer{flex-direction:column;align-items:flex-start;gap:14px}.trendBody{grid-template-columns:1fr}.chart{height:190px}.overviewGrid,.kpiStrip,.organicMetrics,.postGrid,.metaKpis,.insightRows,.googleGrid,.googlePlan{grid-template-columns:1fr}.mixCard{min-height:390px}h1{font-size:20px}.postGrid .postCard:last-child{display:block}}:root{--viva-ink:#131313;--viva-cream:#f6f0e6;--viva-lime:#d9f47f;--viva-pink:#f092fc;--viva-orange:#f24a14;--viva-sky:#73b7f6;--viva-blue:#4d50f5;--viva-lav:#cfc5f7;--viva-line:#13131329}html{background:var(--viva-cream)}body{background:var(--viva-cream)!important;color:var(--viva-ink)!important;font-family:Inter,Arial,sans-serif!important}body:before{content:"";z-index:1000;background:repeating-linear-gradient(90deg,var(--viva-orange) 0 38px,var(--viva-pink) 38px 76px);border-bottom:2px solid var(--viva-ink);pointer-events:none;height:18px;position:fixed;inset:0 0 auto}.appShell,.adminShell{border:2px solid var(--viva-ink)!important;background:var(--viva-cream)!important;box-shadow:none!important;border-radius:0 0 28px 28px!important;margin-top:36px!important}.workspace,.adminWorkspace{background:var(--viva-cream)!important}.sidebar,.adminNav{background:var(--viva-ink)!important}.topbar h1,.sectionTitle h2,.headlineMetric strong,.kpiStrip b,.emptyClient h2,.adminTop h1,.adminCardHead h2{text-transform:uppercase;font-family:var(--font-anton),Anton,Impact,sans-serif!important;letter-spacing:.01em!important;font-weight:400!important}.topbar h1{font-size:42px!important}.sectionTitle h2{font-size:36px!important}.eyebrow,.cardHead span,.sectionTitle span,.panelHeader span,.adminTop span,.adminCardHead span{color:var(--viva-ink)!important}.monthSelect select,.primaryButton{background:var(--viva-ink)!important;color:#fff!important;border:1px solid var(--viva-ink)!important}.sidebar nav a.active,.sidebar nav a:hover,.adminNav nav button.active,.adminNav nav button:hover{background:var(--viva-pink)!important;color:var(--viva-ink)!important}.sideNote{background:var(--viva-lime)!important;color:var(--viva-ink)!important;border:1px solid var(--viva-ink)!important}.trendCard,.mixCard,.postsPanel,.metaSummary,.organicMetrics article,.googleGrid article,.googlePlan,.emptyState,.adminCard,.adminProgress,.postsEditor article{border:1.5px solid var(--viva-ink)!important;box-shadow:none!important}.trendCard,.postsPanel,.metaSummary,.googlePlan,.emptyState,.adminCard{background:#fffaf1!important}.mixCard{background:var(--viva-lav)!important}.kpiStrip article{border:1.5px solid var(--viva-ink)!important;box-shadow:4px 4px 0 var(--viva-ink)!important}.pinkCard{background:var(--viva-pink)!important}.purpleCard{background:var(--viva-blue)!important;color:#fff!important}.blueCard{background:var(--viva-sky)!important}.orangeCard{background:var(--viva-orange)!important;color:#fff!important}.organicMetrics article:nth-child(2),.metaKpis>div:nth-child(2){background:var(--viva-lime)!important}.organicMetrics article:nth-child(3),.metaKpis>div:nth-child(3){background:var(--viva-pink)!important}.organicMetrics article:nth-child(4),.metaKpis>div:nth-child(4){background:var(--viva-sky)!important}.organicMetrics article:nth-child(5){color:#fff;background:var(--viva-orange)!important}.organicMetrics article:nth-child(6){background:var(--viva-lav)!important}.actionPanel{background:var(--viva-ink)!important}.actionPanel>span{color:var(--viva-pink)!important}.actionPanel li b{color:var(--viva-lime)!important}.insightRows .success{background:var(--viva-lime)!important}.insightRows .warning{background:#ffd2bd!important}.actionSummaryGrid>article{background:#fffaf1!important}.actionSummaryGrid>article:nth-child(2){background:var(--viva-pink)!important}.actionSummaryGrid>article:nth-child(3){background:var(--viva-sky)!important}.donut{background:conic-gradient(var(--viva-blue) 0 var(--paid),var(--viva-pink) var(--paid) 300deg,var(--viva-orange) 300deg)!important}.donut:before{background:var(--viva-lav)!important}.pinkDot{background:var(--viva-pink)!important}.purpleDot{background:var(--viva-blue)!important}.orangeDot{background:var(--viva-orange)!important}.brandLogo{filter:none!important}.loginPage{padding-top:18px;background:var(--viva-cream)!important}.loginVisual{border:2px solid var(--viva-ink);box-shadow:7px 7px 0 var(--viva-ink);background:var(--viva-pink)!important}.visualCards i{background:var(--viva-lime)!important}.visualCards i:nth-child(2){background:var(--viva-orange)!important}.visualCards i:nth-child(3){background:var(--viva-sky)!important}.loginIntro h1,.visualCopy h2{text-transform:uppercase;font-family:var(--font-anton),Anton,Impact,sans-serif!important;letter-spacing:.01em!important;font-weight:400!important}.loginCard button{background:var(--viva-ink)!important}.loginCard button:hover{background:var(--viva-orange)!important}.loginCard input:focus{border-color:var(--viva-blue)!important;box-shadow:0 0 0 4px #4d50f529!important}.adminProgress .done,.uploadButton,.addPost{background:var(--viva-lime)!important;color:var(--viva-ink)!important;border-color:var(--viva-ink)!important}.formGrid input,.textGrid textarea,.actionFields input,.postFields input,.postFields select{border-color:var(--viva-line)!important;background:#fff!important}.formGrid input:focus,.textGrid textarea:focus,.actionFields input:focus,.postFields input:focus,.postFields select:focus{border-color:var(--viva-blue)!important;box-shadow:0 0 0 3px #4d50f51f!important}@media (max-width:980px){.appShell,.adminShell{border:0!important;border-radius:0!important;margin-top:18px!important}}.adminSelectors{align-items:end;gap:12px;display:flex}.adminSelectors label{letter-spacing:.08em;gap:6px;font-size:9px;font-weight:900;display:grid}.adminSelectors select,.adminSelectors input{min-height:42px;font:inherit;background:#fff;border:1.5px solid #131313;border-radius:10px;padding:9px 12px;font-size:12px;font-weight:800}.editingClient{background:#f092fc;border:1.5px solid #131313;border-radius:12px;align-items:center;gap:12px;margin:-6px 0 16px;padding:13px 16px;display:flex}.editingClient span{letter-spacing:.12em;font-size:9px;font-weight:900}.editingClient b{font-size:17px}.editingClient small{margin-left:auto;font-weight:800}@media (max-width:700px){.adminSelectors{flex-direction:column;align-items:stretch;width:100%}.editingClient{flex-wrap:wrap}.editingClient small{width:100%;margin-left:0}}.emptyPosts{text-align:center;background:#f6f0e6;border:1.5px dashed #131313;border-radius:14px;place-content:center;min-height:180px;margin-top:20px;padding:28px;display:grid}.emptyPosts b{font-family:var(--font-anton),Anton,Impact,sans-serif;text-transform:uppercase;font-size:24px}.emptyPosts p{max-width:420px;font-size:12px;line-height:1.5}.missingPostImage{letter-spacing:.08em;background:#d9f47f;place-items:center;height:100%;font-size:11px;font-weight:900;display:grid}.loginBrand b{font-size:26px}.loginBrand span{font-size:14px}.loginIntro>span,.visualCopy>span{font-size:13px}.loginIntro p,.visualCopy p{font-size:18px}.loginCard label{font-size:16px}.loginCard input{padding:19px 20px;font-size:18px}.loginCard button{padding:19px 20px;font-size:17px}.adminAccess,.privacy{font-size:14px}.hubNav summary{font-size:13px}.hubNav button,.hubNav span{font-size:12px}.hubTop>div>span,.overviewHeading span{font-size:11px}.hubTop h1{font-size:44px}.hubTop p{font-size:14px;line-height:1.55}.hubTop label{font-size:12px}.hubTop select{font-size:15px}.overviewHeading h2{font-size:32px}.yearGrid small,.conclusionMetrics span,.lolaKpis span,.metaGrid span,.funnel span,.storiesCard>span{font-size:10px}.yearGrid b,.conclusionMetrics b,.lolaKpis b,.metaGrid b{font-size:24px}.conclusionMetrics small,.lolaKpis small,.funnel small{font-size:10px}.conclusionGrid span,.nextStepsSection span{font-size:9px}.conclusionGrid h3,.validationQuestions b{font-size:17px}.conclusionGrid p,.specialAnalysis>p,.validationQuestions p,.evidenceIntro p,.checkoutFinding p{font-size:13px}.lolaSectionTitle span{font-size:10px}.lolaSectionTitle h2{font-size:32px}.lolaSectionTitle p{font-size:13px}.lolaHero p{font-size:15px}.lolaHero span{font-size:11px}.storiesCard p{font-size:10px}.storiesCard p b{font-size:20px}.metricTable table{font-size:13px}.metricTable th{font-size:10px}.metricTable>div p,.highlightSource{font-size:11px}.nextStepsSection li{font-size:13px}.planningSoon span{font-size:11px}.planningSoon p{font-size:14px}.highlightsFooter{font-size:11px}.lolaBars span{font-size:10px}.lolaBars small{font-size:9px}@media (max-width:620px){.loginIntro p{font-size:16px}.hubTop h1{font-size:38px}.overviewHeading h2,.lolaSectionTitle h2{font-size:28px}.yearGrid b,.conclusionMetrics b,.lolaKpis b,.metaGrid b{font-size:22px}}