.performanceActions{align-items:center;gap:10px;display:flex}.performanceActions select{color:#f5f3fb;background:#14131b;border:1px solid #353241;border-radius:9px;padding:11px}.performanceSummary{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.performanceSummary article{background:#17161e;border:1px solid #2d2a38;border-radius:12px;flex-direction:column;gap:8px;padding:18px;display:flex}.performanceSummary small,.performanceSummary em{color:#9995a7;font-size:11px;font-style:normal}.performanceSummary strong{font-size:21px}.performanceTable{margin-top:18px;overflow-x:auto}.performanceTable table{border-collapse:collapse;white-space:nowrap;width:100%}.performanceTable th,.performanceTable td{text-align:left;border-bottom:1px solid #292733;padding:12px 10px;font-size:12px}.performanceTable th{color:#8f8a9e;text-transform:uppercase;font-size:10px}.performanceTable td:first-child{white-space:normal;min-width:190px}.performanceTable td small{color:#817c8e;margin-top:4px;display:block}.funnelGrid{grid-template-columns:repeat(5,1fr);gap:10px;margin-top:18px;display:grid}.funnelGrid article{text-align:center;background:#121118;border:1px solid #2d2a38;border-radius:10px;padding:18px 8px}.funnelGrid strong,.funnelGrid small{display:block}.funnelGrid strong{font-size:20px}.funnelGrid small{color:#918d9c;margin-top:6px}.measurementNote{color:#8d8999;margin-top:16px;font-size:11px;line-height:1.5}.campaignSectionHead{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.campaignSectionHead>div>p:last-child{color:#918d9c;margin-top:7px;font-size:11px}.campaignSectionHead>span{color:#aaa5b6;white-space:nowrap;font-size:11px}.campaignFilters{background:#121118;border:1px solid #302d3a;border-radius:11px;grid-template-columns:190px 230px minmax(280px,1fr) auto;align-items:end;gap:12px;margin-top:20px;padding:16px;display:grid}.campaignFilters label{color:#a39dac;flex-direction:column;gap:7px;font-size:10px;display:flex}.campaignFilters select,.campaignFilters input{color:#f5f3fb;background:#0e0e14;border:1px solid #393545;border-radius:9px;min-height:42px;padding:0 12px}.campaignFilters select:disabled{opacity:.45}.campaignSearch>div{background:#0e0e14;border:1px solid #393545;border-radius:9px;align-items:center;padding-left:12px;display:flex}.campaignSearch>div:focus-within{outline-offset:2px;outline:2px solid #9277fb}.campaignSearch input{border:0;outline:0;width:100%}.campaignFilters .textButton{min-height:42px}.gaGlossary{color:#aaa5b6;background:#15131f;border-left:3px solid #8061f3;flex-wrap:wrap;gap:8px 18px;margin-top:14px;padding:13px 15px;font-size:10px;line-height:1.5;display:flex}.gaGlossary>strong{color:#d9d4e5}.gaGlossary b{color:#c9c2dc}.trafficBadge{background:#2b2148;border-radius:999px;width:max-content;padding:3px 7px;color:#bca9ff!important;margin:6px 0!important}.performanceTable .metricTrend{white-space:nowrap;margin-top:4px;font-size:10px;display:block}.performanceTable .metricTrend.positive{color:#47d7a3}.performanceTable .metricTrend.negative{color:#ef6c8f}.campaignPerformancePanel .performanceTable td:first-child{min-width:245px}.insightGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.insightCard,.actionList article{background:#121118;border:1px solid #302d3a;border-radius:12px;padding:17px}.insightCard.critical{border-left:3px solid #ef5675}.insightCard.opportunity{border-left:3px solid #4bd7a4}.insightCard.attention{border-left:3px solid #f0bd5b}.insightCard>div,.actionTitle{justify-content:space-between;align-items:center;gap:12px;display:flex}.insightCard span,.actionTitle span{color:#a88cff;text-transform:uppercase;font-size:10px;font-weight:700}.insightCard em,.actionTitle em{color:#9691a3;font-size:10px;font-style:normal}.insightCard h3,.actionList h3{margin:11px 0 7px;font-size:15px}.insightCard p,.actionList p,.actionList small{color:#aaa5b6;font-size:11px;line-height:1.55}.insightCard button{margin-top:14px}.actionList{gap:12px;display:grid}.actionButtons{gap:10px;margin-top:15px;display:flex}.marketingSettingsGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid!important}.marketingSettingsGrid label{color:#aaa5b6;flex-direction:column;gap:7px;font-size:11px;display:flex}.marketingSettingsGrid h3,.marketingSettingsGrid .secureHint{grid-column:1/-1}.dataTrust{grid-template-columns:1fr auto;align-items:center;gap:8px 20px;display:grid}.dataTrust p,.dataTrust small{color:#aaa5b6;font-size:11px}.dataTrust>strong{color:#4bd7a4}.dataTrust.blocked>strong{color:#ef7189}.dataTrust>small{grid-column:1/-1}.syncHealth{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.syncHealth span{color:#6ee7b7;background:#17382e;border-radius:99px;gap:7px;padding:6px 10px;font-size:9px;display:flex}.syncHealth span.failed{color:#ff8da2;background:#421d29}.comparisonGrid{grid-template-columns:repeat(4,1fr)}.budgetProgress{background:#292633;border-radius:99px;height:9px;margin:20px 0;overflow:hidden}.budgetProgress div{border-radius:inherit;background:linear-gradient(90deg,#7857eb,#a88cff);height:100%}.budgetStats,.scenarioGrid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.budgetStats span,.scenarioGrid article{background:#121118;border:1px solid #302d3a;border-radius:10px;flex-direction:column;gap:6px;padding:14px;display:flex}.budgetStats small,.scenarioGrid small,.scenarioGrid span{color:#9893a4;font-size:10px}.budgetWarning{color:#f0bd5b;margin:14px 0;font-size:11px}.scenarioGrid{grid-template-columns:repeat(3,1fr);margin-top:14px}.customerKpis{margin-top:18px}.productTables{grid-template-columns:1fr 1.4fr;gap:22px;margin-top:18px;display:grid}.productTables h3{font-size:13px}.tableLink{color:#a88cff;cursor:pointer;background:0 0;border:0;margin-top:7px;padding:0;font-size:10px;display:block}.campaignOrdersModal{width:min(980px,100vw - 32px);max-height:82vh;overflow:auto}@media (max-width:1100px){.performanceSummary,.funnelGrid{grid-template-columns:repeat(3,1fr)}.campaignFilters{grid-template-columns:1fr 1fr}.campaignSearch{grid-column:1/-1}}@media (max-width:650px){.performanceSummary{grid-template-columns:1fr 1fr}.performanceActions{flex-direction:column;align-items:stretch}.funnelGrid{grid-template-columns:1fr 1fr}.campaignSectionHead{flex-direction:column;align-items:flex-start}.campaignFilters{grid-template-columns:1fr}.campaignSearch{grid-column:auto}.gaGlossary{flex-direction:column}.insightGrid,.marketingSettingsGrid{grid-template-columns:1fr}.budgetStats,.scenarioGrid,.comparisonGrid{grid-template-columns:1fr 1fr}.productTables{grid-template-columns:1fr}}.campaignsPage main,.campaignsPage .panel,.campaignsPage .productTables>div,.campaignsPage .insightGrid>*,.campaignsPage .performanceSummary article{min-width:0}.campaignsPage .performanceSummary strong{overflow-wrap:anywhere}.campaignsPage .productTables{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.campaignsPage .performanceTable{max-width:100%;overflow:auto}@media (max-width:1000px){.campaignsPage .performanceSummary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:650px){.campaignsPage .performanceSummary{grid-template-columns:repeat(2,minmax(0,1fr))}.campaignsPage .productTables{grid-template-columns:minmax(0,1fr)}}
.integrationsMain{max-width:1180px}.integrationsMain>.integrationCard,.integrationsMain .channelIntegrationCard{width:100%;max-width:none;padding:26px}.integrationsMain>.integrationCard+.integrationCard,.integrationsMain>.integrationCard+.channelIntegrations{margin-top:16px}.integrationsMain .integrationHead{min-height:70px}.integrationsMain .integrationForm,.integrationsMain .channelIntegrationCard{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;padding-top:23px;display:grid}.integrationsMain .integrationForm>.secureHint,.integrationsMain .integrationForm>.integrationActions,.integrationsMain .integrationForm>.integrationMeta,.integrationsMain .integrationForm>.templateCatalog{grid-column:1/-1}.channelIntegrations{gap:16px;display:grid}.channelIntegrations .channelIntegrationGrid{grid-template-columns:1fr;gap:16px;margin-top:0;display:grid}.channelIntegrations .channelIntegrationCard{padding-top:26px}.channelIntegrations .channelIntegrationCard>.integrationHead,.channelIntegrations .channelIntegrationCard>.integrationActions,.channelIntegrations .channelIntegrationCard>small{grid-column:1/-1}.channelIntegrations .channelIntegrationCard>.integrationHead>div{display:block}.channelIntegrations .channelIntegrationCard>.integrationHead h2{margin:0 0 5px}.channelIntegrations .channelIntegrationCard>.integrationHead p{color:#8f8a9d;margin:0;font-size:11px}.integrationsMain label{color:#aaa7b5;flex-direction:column;gap:7px;font-size:11px;font-weight:600;display:flex}.integrationsMain label input{border-radius:9px;min-height:43px;padding:12px 13px}.integrationsMain .integrationActions{flex-wrap:wrap;padding-top:4px}.integrationsMain .integrationMeta,.integrationsMain .channelIntegrationCard>small{color:#716e7d;min-height:18px;padding-top:3px;font-size:9px}@media (max-width:760px){.integrationsMain .integrationForm,.channelIntegrations .channelIntegrationCard{grid-template-columns:1fr}.integrationsMain .integrationForm>*{grid-column:1!important}.integrationsMain .integrationActions{flex-direction:column}.integrationsMain .integrationActions button{width:100%}}.integrationCredentialState{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px;display:flex}.integrationCredentialState .syncBadge{position:static}
.shell>main{width:100%;max-width:1480px;padding:40px clamp(22px,3.2vw,48px) 48px}.shell>main>header{border-bottom:1px solid #22212b;min-height:72px;margin-bottom:24px;padding-bottom:20px}.shell>main>header h1{font-size:clamp(25px,2.2vw,31px);line-height:1.12}.shell>main>header .subtitle{max-width:720px;line-height:1.55}.shell>main>section+section,.shell>main>section+div,.shell>main>div+section{margin-top:16px}.panel,.metric,.performanceSummary article,.adminSummary article{background:linear-gradient(145deg,#181820,#13131a);border-color:#2b2936;box-shadow:0 10px 30px #00000014}.panel{border-radius:13px;padding:22px}.panelHead{border-bottom:1px solid #292732;gap:16px;min-height:42px;padding-bottom:15px}.panelHead h2,.panel>h2{letter-spacing:-.15px;font-size:15px}.panelHead p{font-size:10px;line-height:1.5}.primaryButton,.secondaryButton,.dangerButton,.textButton{border-radius:9px;min-height:40px;transition:border-color .16s,background .16s,color .16s,transform .16s}.primaryButton:hover:not(:disabled),.secondaryButton:hover:not(:disabled){transform:translateY(-1px)}.secondaryButton:hover:not(:disabled){color:#fff;background:#1c1829;border-color:#705db7}.primaryButton:focus-visible,.secondaryButton:focus-visible,.textButton:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:2px;outline:2px solid #9277fb}.filterGrid input:not([type=checkbox]),.filterGrid select,.sortSelect,.searchBox input,.socialToolbar select,.campaignComposer input,.campaignComposer select,.campaignComposer textarea,.integrationForm input,.integrationForm select,.integrationForm textarea{color:#f5f3fb;background:#101016;border-color:#373442;border-radius:9px;min-height:42px}.customerToolbar,.socialToolbar{gap:14px}.customerToolbar,.panelHead,.integrationHead{align-items:center}.customerRows,.adminAccountList,.performanceTable,.reconciliationTable{margin-top:14px}.customerRow:not(.customerHeading),.adminAccountRow:not(.adminAccountHeading),.reconciliationRow:not(.heading){transition:background .15s}.customerRow:not(.customerHeading):hover,.adminAccountRow:not(.adminAccountHeading):hover,.reconciliationRow:not(.heading):hover{background:#191821}.syncBadge{white-space:nowrap}.emptyState{color:#858191;place-items:center;min-height:150px;display:grid}.authError,.successMessage{margin-bottom:16px}.modalBackdrop{padding:clamp(12px,3vw,28px)}.ordersModal,.adminDetailModal,.audienceMembersModal{border-color:#3a3746;box-shadow:0 28px 90px #0009}@media (max-width:900px){.shell>main>header{align-items:flex-start;gap:16px}.toolbarActions{flex-wrap:wrap;align-items:stretch}.toolbarActions .searchBox{width:100%}}@media (max-width:720px){.shell>main{padding:26px 16px 40px}.shell>main>header{flex-direction:column;align-items:stretch;min-height:0}.panel{padding:17px}.panelHead{align-items:flex-start}.customerToolbar{flex-direction:column;align-items:stretch}.integrationHead{align-items:flex-start}}