:root{--bg:#0d0d12;--panel:#15151d;--panel2:#1b1926;--line:#292835;--text:#f5f3fb;--muted:#8f8c9e;--purple:#8a6bff;--green:#47d7a3}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}body{min-height:100vh}.shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{background:#111117;border-right:1px solid #23222c;flex-direction:column;height:100vh;padding:28px 18px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.4px;align-items:center;gap:11px;padding:0 8px 26px;font-size:19px;display:flex}.brand b{color:#a992ff}.brandMark{background:linear-gradient(135deg,#9d81ff,#6947ed);border-radius:9px;place-items:center;width:31px;height:31px;font-weight:800;display:grid;box-shadow:0 7px 25px #7255ed55}.tenant{border:1px solid var(--line);background:#17171e;border-radius:11px;align-items:center;gap:10px;margin-bottom:26px;padding:10px;display:flex}.avatar{color:#d6d3e0;background:#30303b;border-radius:8px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:grid}.tenant div{flex-direction:column;min-width:0;display:flex}.tenant strong{font-size:12px}.tenant small{color:var(--muted);margin-top:2px;font-size:10px}.sidebar nav{flex-direction:column;gap:5px;display:flex}.sidebar nav a{color:#9996a6;border-radius:8px;align-items:center;gap:12px;padding:11px 12px;font-size:13px;text-decoration:none;display:flex}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#211d30}.sidebar nav a.active{box-shadow:inset 3px 0 #8a6bff}.sidebar nav em{color:#fff;background:#7b5ceb;border-radius:9px;margin-left:auto;padding:1px 6px;font-size:10px;font-style:normal}.sidebarFooter{color:#777582;margin-top:auto;padding:10px;font-size:10px}.statusDot{background:var(--green);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block;box-shadow:0 0 9px #47d7a3}main{width:100%;max-width:1480px;margin:0 auto;padding:42px 46px 30px}header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.eyebrow{color:#9277fb;letter-spacing:1.8px;margin:0 0 10px;font-size:10px;font-weight:700}h1{letter-spacing:-1px;margin:0 0 7px;font-size:29px}.subtitle{color:var(--muted);margin:0;font-size:13px}.period{border:1px solid var(--line);color:#bbb8c7;background:#15151b;border-radius:8px;padding:10px 13px;font-size:12px}.period span{margin-left:16px}.metricGrid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:15px;display:grid}.metric,.panel{background:linear-gradient(145deg,#17171f,#13131a);border:1px solid #262530;border-radius:13px}.metric{padding:20px}.metricTop{color:#9996a8;justify-content:space-between;font-size:12px;display:flex}.metricTop svg{color:#6e697b}.metric>strong{letter-spacing:-.8px;margin:13px 0 10px;font-size:25px;display:block}.metric p{color:#777483;margin:0;font-size:10px}.metric p b{color:var(--green);margin-right:3px;font-weight:600}.contentGrid{grid-template-columns:minmax(0,2.2fr) minmax(280px,.8fr);gap:15px;margin-bottom:15px;display:grid}.panel{padding:20px}.panelHead{justify-content:space-between;align-items:flex-start;display:flex}.panel h2{margin:0 0 5px;font-size:14px}.panelHead p{color:var(--muted);margin:0;font-size:10px}.legend{color:#858291;align-items:center;gap:6px;font-size:9px;display:flex}.legend i{border-radius:50%;width:6px;height:6px;margin-left:10px;display:inline-block}.legend .purple{background:var(--purple)}.legend .green{background:var(--green)}.chart{background:repeating-linear-gradient(#0000 0 50px,#24232c 51px);height:225px;margin-top:22px;padding:0 0 20px 34px;position:relative}.chart svg{width:100%;height:190px;overflow:visible}.line{fill:none;stroke:#8a6bff;stroke-width:3px}.area{fill:url(#area)}.investment{stroke:#4bd4a2;stroke-width:2px}.axis{color:#62606c;flex-direction:column;justify-content:space-between;font-size:8px;display:flex;position:absolute;top:-4px;bottom:23px;left:0}.dates{color:#62606c;justify-content:space-between;font-size:8px;display:flex}.teddy{background:radial-gradient(circle at 100% 0,#332858 0,#0000 45%),linear-gradient(145deg,#1b1728,#15151d);padding:24px;position:relative;overflow:hidden}.teddy:after{content:"";border:1px solid #745de52b;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-110px;right:-90px}.teddyIcon{background:#785cec;border-radius:10px;place-items:center;width:38px;height:38px;margin-bottom:22px;display:grid;box-shadow:0 8px 24px #7255ed55}.aiLabel{letter-spacing:1.5px;color:#a990ff;font-size:9px;font-weight:700}.teddy h2{max-width:280px;margin:9px 0 11px;font-size:18px;line-height:1.3}.teddy p{color:#aaa6b7;margin:0;font-size:11px;line-height:1.65}.teddy p strong{color:#f0edf9}.teddy button{color:#a98fff;background:0 0;border:0;align-items:center;gap:3px;padding:18px 0 0;font-size:11px;font-weight:600;display:flex}.teddy small{color:#605d6a;font-size:8px;position:absolute;bottom:17px;right:18px}.campaigns{padding-bottom:9px}.campaigns .panelHead{margin-bottom:13px}.campaigns .panelHead a{color:#9d83ff;align-items:center;font-size:10px;text-decoration:none;display:flex}.row{color:#aba8b7;border-top:1px solid #24232d;grid-template-columns:2fr 1fr 1fr .6fr;align-items:center;padding:11px 5px;font-size:10px;display:grid}.row.heading{color:#676470;text-transform:uppercase;letter-spacing:.7px;padding:8px 5px;font-size:8px}.row>span:first-child{align-items:center;gap:9px;display:flex}.campaignIcon{color:#a88eff;background:#2e2745;border-radius:7px;place-items:center;width:27px;height:27px;font-size:9px;font-style:normal;display:grid}.campaignIcon.c1{color:#61ccec;background:#233540}.campaignIcon.c2{color:#6fda91;background:#2c352e}.roas{font-weight:700;color:var(--green)!important}.mockNote{text-align:center;color:#55525e;margin:17px 0 0;font-size:9px}@media (max-width:1050px){.metricGrid{grid-template-columns:repeat(2,1fr)}.contentGrid{grid-template-columns:1fr}.teddy{min-height:260px}}@media (max-width:720px){.shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;position:relative}.sidebar nav{grid-template-columns:repeat(2,1fr);display:grid}.sidebarFooter{display:none}main{padding:25px 18px}.metricGrid{grid-template-columns:1fr 1fr}header{align-items:flex-end}.row{grid-template-columns:1.6fr 1fr .8fr}.row span:nth-child(2){display:none}}@media (max-width:470px){.metricGrid{grid-template-columns:1fr}.period{display:none}.sidebar nav{grid-template-columns:1fr}.shell{min-width:320px}}.authLoading{color:#8f8c9e;place-items:center;min-height:100vh;display:grid}.authPage{background:radial-gradient(circle at 50% 0,#251c43 0,#0000 38%),#0d0d12;place-items:center;min-height:100vh;padding:32px;display:grid}.authCard{background:linear-gradient(145deg,#191821,#121218);border:1px solid #302d3d;border-radius:18px;width:min(100%,440px);padding:34px;box-shadow:0 30px 80px #0008}.authBrand{justify-content:center;align-items:center;gap:10px;margin-bottom:34px;font-size:18px;display:flex}.authCard h1{margin-bottom:8px;font-size:27px}.authIntro{color:#918e9e;margin:0 0 25px;font-size:13px;line-height:1.6}.authCard form{flex-direction:column;gap:15px;display:flex}.authCard label{color:#aaa7b5;flex-direction:column;gap:7px;font-size:11px;font-weight:600;display:flex}.authCard input{color:#f5f3fb;background:#101016;border:1px solid #343140;border-radius:9px;outline:none;width:100%;padding:12px 13px}.authCard input:focus{border-color:#8769f8;box-shadow:0 0 0 3px #785cec20}.authError{color:#ff9bab;background:#381a22;border:1px solid #873d50;border-radius:8px;margin:0;padding:10px 12px;font-size:11px}.authSubmit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9275ff,#6d4ce6);border:0;border-radius:9px;margin-top:4px;padding:13px;font-weight:700}.authSubmit:disabled{opacity:.65;cursor:wait}.authSwitch{color:#a990ff;cursor:pointer;background:0 0;border:0;margin:18px auto 0;font-size:11px;display:block}.logoutButton{color:#a990ff;cursor:pointer;background:0 0;border:0;font-size:10px}.sidebarFooter{justify-content:space-between;align-items:center;display:flex}.syncSummary{color:#858291;align-items:center;gap:18px;margin:-15px 0 20px;font-size:10px;display:flex}.syncBadge{background:#20202a;border-radius:20px;padding:5px 9px}.syncBadge.completed{color:#55dda9;background:#18372d}.syncBadge.running{color:#bba8ff;background:#2a2148}.syncBadge.failed{color:#ff91a6;background:#40202a}.spinning{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.primaryButton:disabled{opacity:.65;cursor:wait}.syncProgress{background:#171520;border:1px solid #302b43;border-radius:10px;margin:-8px 0 20px;padding:14px 16px}.syncProgress>div:first-child{color:#aaa6b7;justify-content:space-between;font-size:11px;display:flex}.syncProgress strong{color:#b39cff}.progressTrack{background:#292532;border-radius:10px;height:7px;margin:10px 0 7px;overflow:hidden}.progressTrack i{background:linear-gradient(90deg,#7454ea,#9c83ff);border-radius:10px;height:100%;transition:width .35s;display:block}.syncProgress small{color:#74717f;font-size:9px}.progressTrack.indeterminate i{width:35%;animation:1.2s ease-in-out infinite sync-indeterminate}@keyframes sync-indeterminate{0%{transform:translate(-110%)}to{transform:translate(310%)}}.filterPanel{margin-bottom:15px}.textButton{color:#a990ff;cursor:pointer;background:0 0;border:0;font-size:10px}.filterGrid{grid-template-columns:repeat(4,minmax(130px,1fr));gap:12px;margin-top:18px;display:grid}.filterGrid label{color:#9693a2;flex-direction:column;gap:6px;font-size:10px;display:flex}.filterGrid input:not([type=checkbox]),.filterGrid select{color:#f5f3fb;background:#101016;border:1px solid #343140;border-radius:8px;outline:none;padding:10px 11px}.filterGrid input:focus,.filterGrid select:focus{border-color:#8769f8}.filterGrid .checkFilter{flex-direction:row;align-self:end;align-items:center;min-height:36px}.checkFilter input{accent-color:#8769f8}.rowSubtext{color:#6f6c79;margin-top:3px;font-size:8px;display:block}.promoBadge{color:#fbbf24;background:#fbbf241f;border-radius:999px;width:fit-content;margin-top:4px;padding:3px 7px;font-size:9px;font-weight:700;display:inline-flex}.toolbarActions{align-items:center;gap:9px;display:flex}.toolbarActions .searchBox{width:330px}.toolbarActions .secondaryButton{white-space:nowrap}.sortSelect{color:#b9b5c3;background:#101016;border:1px solid #343140;border-radius:8px;outline:none;padding:10px;font-size:10px}.sortSelect:focus{border-color:#8769f8}.customerHeading button{color:inherit;text-transform:inherit;letter-spacing:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.customerHeading button:hover{color:#c5b9ff}.orderCountButton{color:#a990ff;width:fit-content;font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:4px 0;font-weight:700;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.orderCountButton:hover{text-decoration-color:#a990ff}.orderCountButton:disabled{color:#676370;cursor:default;text-decoration:none}.modalBackdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050508d1;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.ordersModal{background:#15141c;border:1px solid #343140;border-radius:14px;flex-direction:column;width:min(920px,100%);max-height:min(780px,90vh);display:flex;overflow:hidden;box-shadow:0 28px 80px #0000008c}.ordersModal header{border-bottom:1px solid #2a2833;justify-content:space-between;align-items:flex-start;margin:0;padding:20px 22px;display:flex}.ordersModal header h2{color:#f4f1fb;margin:0 0 4px;font-size:18px}.ordersModal header span{color:#85818f;font-size:10px}.modalClose{color:#aaa7b5;cursor:pointer;background:#101016;border:1px solid #343140;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.modalClose:hover{color:#fff;border-color:#8769f8}.ordersList{padding:0 22px 20px;overflow:auto}.ordersList article{border-bottom:1px solid #292731;padding:16px 0}.orderSummary{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:10px;display:flex}.orderSummary>div{color:#e9e5f2;align-items:center;gap:10px;font-size:11px;display:flex}.orderSummary small{color:#777382;font-size:9px}.orderSummary strong{color:#b9a8ff;white-space:nowrap;font-size:12px}.ordersList ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.ordersList li{color:#aaa6b3;justify-content:space-between;gap:12px;font-size:10px;display:flex}.ordersList li span:last-child{white-space:nowrap}.modalLimit{color:#777382;text-align:center;margin-top:13px;font-size:9px;display:block}.pagination{color:#8f8b9a;justify-content:center;align-items:center;gap:14px;margin-top:18px;font-size:10px;display:flex}.pagination .secondaryButton:disabled{cursor:not-allowed}.customerRow input[type=checkbox]{accent-color:#8769f8}.audienceBuilder{background:#211b32;border:1px solid #3a3450;border-radius:10px;grid-template-columns:1fr minmax(220px,320px) auto;align-items:center;gap:12px;margin:12px 0;padding:12px;display:grid}.audienceBuilder>div:first-child{flex-direction:column;gap:3px;display:flex}.audienceBuilder small{color:#8c8798;font-size:9px}.audienceBuilder input{color:#fff;background:#111018;border:1px solid #433b59;border-radius:8px;padding:10px}.audienceActions{gap:7px;display:flex}.noticeCard{color:#61ddb0;background:#153128;border:1px solid #285e4a;border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:15px;padding:15px;display:flex}.noticeCard p{color:#91a99f;margin:4px 0 0;font-size:10px}.audienceList{flex-direction:column;margin-top:16px;display:flex}.audienceList article{border-top:1px solid #292732;grid-template-columns:auto 1fr 110px 110px;align-items:center;gap:12px;padding:14px 0;display:grid}.audienceList article>div{flex-direction:column;gap:3px;display:flex}.audienceList small{color:#777483;font-size:9px}.audienceList b{font-size:16px}@media (max-width:700px){.audienceBuilder{grid-template-columns:1fr}.audienceActions{flex-direction:column}.audienceList article{grid-template-columns:auto 1fr}.audienceList article>div:nth-last-child(-n+2){display:none}}.whatsappGrid{grid-template-columns:1.4fr .8fr;gap:15px;margin-bottom:15px;display:grid}.draftPanel form{flex-direction:column;gap:13px;margin-top:16px;display:flex}.draftPanel label{color:#aaa7b5;flex-direction:column;gap:6px;font-size:10px;display:flex}.draftPanel input,.draftPanel select,.draftPanel textarea{color:#f5f3fb;resize:vertical;background:#101016;border:1px solid #343140;border-radius:8px;outline:none;padding:10px}.campaignList article{border-top:1px solid #292732;grid-template-columns:220px 1fr auto;align-items:center;gap:15px;padding:14px 0;display:grid}.campaignList article>div{flex-direction:column;gap:4px;display:flex}.campaignList small{color:#777483;font-size:9px}.campaignList p{color:#a8a4b1;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:10px;overflow:hidden}@media (max-width:1000px){.whatsappGrid{grid-template-columns:1fr}.campaignList article{grid-template-columns:1fr auto}.campaignList p{grid-column:1/-1}}.operationalSummary{min-height:220px}.summaryGrid{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px;display:grid}.summaryGrid div{background:#121118;border:1px solid #2d2a38;border-radius:9px;flex-direction:column;gap:4px;padding:14px;display:flex}.summaryGrid strong{font-size:20px}.summaryGrid span{color:#85818f;font-size:10px}.integrationPending{flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;display:flex}.integrationPending p,.realDataNote p{color:#8e8a97;font-size:11px;line-height:1.6}.realDataNote{margin-top:15px}.period{color:#c4c0cd;background:#15141c;border:1px solid #343140;border-radius:8px;outline:none;padding:10px 12px}@media (max-width:700px){.summaryGrid{grid-template-columns:1fr}}.primaryButton{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9275ff,#6d4ce6);border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:11px 15px;font-size:11px;font-weight:700;display:inline-flex}.customerForm{margin-bottom:15px}.customerForm form{grid-template-columns:2fr 2fr 1.3fr auto;align-items:end;gap:12px;margin-top:18px;display:grid}.customerForm label{color:#9693a2;flex-direction:column;gap:6px;font-size:10px;display:flex}.customerForm input,.searchBox input{color:#f5f3fb;background:#101016;border:1px solid #343140;border-radius:8px;outline:none;padding:10px 11px}.customerForm input:focus,.searchBox:focus-within{border-color:#8769f8}.formActions{gap:8px;display:flex}.formActions>button:first-child{color:#aaa7b5;cursor:pointer;background:0 0;border:1px solid #343140;border-radius:8px;padding:10px 12px}.customerPanel{min-height:420px}.customerToolbar{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.customerToolbar p{color:#777483;margin:4px 0 0;font-size:10px}.searchBox{color:#716e7d;background:#101016;border:1px solid #343140;border-radius:8px;align-items:center;gap:7px;width:min(100%,330px);padding-left:10px;display:flex}.searchBox input{background:0 0;border:0;width:100%}.emptyState{color:#777483;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:290px;display:flex}.emptyState h3{color:#d1ceda;margin:12px 0 3px;font-size:14px}.emptyState p{font-size:10px}.customerRow{color:#aaa7b5;border-top:1px solid #24232d;grid-template-columns:1.5fr .85fr .5fr .8fr 1.15fr .65fr .75fr;align-items:center;min-height:58px;padding:0 5px;font-size:10px;display:grid}.customerHeading{color:#666370;text-transform:uppercase;letter-spacing:.6px;min-height:35px;font-size:8px}.customerRow>span:first-child{color:#e5e2eb;align-items:center;gap:9px;display:flex}.customerAvatar{color:#ad95ff;background:#2d2742;border-radius:8px;place-items:center;width:29px;height:29px;font-size:9px;font-style:normal;display:grid}.iconButton{color:#706d7a;cursor:pointer;background:0 0;border:0}.iconButton:hover{color:#ff7892}@media (max-width:1000px){.filterGrid{grid-template-columns:repeat(2,1fr)}.customerRow{grid-template-columns:1.5fr .8fr .5fr .8fr 1.2fr .7fr}.customerRow>span:nth-child(2){display:none}}@media (max-width:600px){.customerToolbar{flex-direction:column;align-items:flex-start;gap:12px}.searchBox{width:100%}.filterGrid{grid-template-columns:1fr}.customerRow{grid-template-columns:1.5fr .5fr 1fr}.customerRow>span:nth-child(2),.customerRow>span:nth-child(4),.customerRow>span:nth-child(6),.customerRow>span:nth-child(7){display:none}}.integrationCard{max-width:760px;padding:26px}.integrationHead{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding-bottom:22px;display:flex}.integrationHead>div{flex:1}.integrationHead h2{margin-bottom:5px;font-size:16px}.integrationHead p{color:var(--muted);margin:0;font-size:11px}.integrationIcon{color:#ad95ff;background:#2a2340;border-radius:12px;place-items:center;width:46px;height:46px;display:grid}.integrationForm{flex-direction:column;gap:17px;padding-top:23px;display:flex}.integrationForm label{color:#aaa7b5;flex-direction:column;gap:7px;font-size:11px;font-weight:600;display:flex}.integrationForm input{color:#f5f3fb;background:#101016;border:1px solid #343140;border-radius:9px;outline:none;width:100%;padding:12px 13px}.integrationForm input:focus{border-color:#8769f8;box-shadow:0 0 0 3px #785cec20}.secureHint{color:#777483;align-items:center;gap:6px;margin:-5px 0 0;font-size:10px;display:flex}.secureHint svg{color:var(--green)}.integrationActions{gap:10px;display:flex}.secondaryButton{color:#c2bece;cursor:pointer;background:0 0;border:1px solid #3b374b;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:11px 15px;font-size:11px;font-weight:700;display:inline-flex}.secondaryButton:disabled,.primaryButton:disabled{opacity:.55;cursor:wait}.successMessage{color:#6ce6b6;background:#17352b;border:1px solid #275f4c;border-radius:8px;margin:0;padding:10px 12px;font-size:11px}.integrationMeta{color:#716e7d;gap:18px;padding-top:3px;font-size:9px;display:flex}@media (max-width:600px){.integrationHead{flex-wrap:wrap;align-items:flex-start}.integrationActions{flex-direction:column}}.campaignComposer{margin-bottom:15px}.campaignComposer form{flex-direction:column;gap:18px;margin-top:20px;display:flex}.campaignComposer label{color:#aaa7b5;flex-direction:column;gap:6px;font-size:10px;display:flex}.campaignComposer label small{color:#6f6b79;font-size:8px}.campaignComposer input,.campaignComposer select,.campaignComposer textarea{color:#f5f3fb;resize:vertical;background:#101016;border:1px solid #343140;border-radius:8px;outline:none;width:100%;padding:10px}.campaignComposer input:focus,.campaignComposer select:focus,.campaignComposer textarea:focus{border-color:#8769f8}.composerGrid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;display:grid}.variantHead{justify-content:space-between;align-items:center;gap:15px;display:flex}.variantHead h3{margin:0 0 4px;font-size:13px}.variantHead p{color:#777483;margin:0;font-size:9px}.variantList{gap:12px;display:grid}.variantCard{background:#111017;border:1px solid #312d3e;border-radius:11px;padding:15px}.variantCard>.composerGrid{margin-bottom:12px}.variantTitle{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.variantTitle strong{color:#c7baf9;font-size:11px}.scheduleBox{background:#1c1828;border:1px solid #3a3450;border-radius:11px;padding:15px}.scheduleBox>.composerGrid{margin-top:14px}.weekdayPicker{gap:7px;margin-top:12px;display:flex}.weekdayPicker button{color:#8d8997;cursor:pointer;background:#111017;border:1px solid #3b3748;border-radius:8px;padding:8px 11px}.weekdayPicker button.active{color:#fff;background:#30264f;border-color:#8769f8}.campaignCards{gap:12px;margin-top:17px;display:grid}.campaignCards>article{background:#111017;border:1px solid #2d2a37;border-radius:11px;padding:16px}.campaignCardHead{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.campaignCardHead>div{flex-direction:column;gap:4px;display:flex}.campaignCardHead small{color:#777483;font-size:9px}.campaignStats{grid-template-columns:repeat(8,minmax(80px,1fr));gap:8px;margin-top:14px;display:grid}.campaignStats div{background:#181620;border-radius:8px;flex-direction:column;gap:4px;padding:10px;display:flex}.campaignStats b{font-size:13px}.campaignStats small{color:#777483;font-size:8px}.variantSummary{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.variantSummary span{color:#9894a2;border:1px solid #302c3a;border-radius:999px;align-items:center;gap:5px;padding:6px 8px;font-size:8px;display:inline-flex}@media (max-width:1050px){.composerGrid{grid-template-columns:repeat(2,1fr)}.campaignStats{grid-template-columns:repeat(4,1fr)}}@media (max-width:600px){.composerGrid{grid-template-columns:1fr}.variantHead{align-items:flex-start}.weekdayPicker{flex-wrap:wrap}.campaignStats{grid-template-columns:repeat(2,1fr)}}.parameterList,.statusRules{flex-direction:column;gap:8px;margin-top:13px;display:flex}.parameterList>strong,.statusRules>strong{color:#aaa5b5;font-size:10px}.parameterList>div,.statusRules>div{grid-template-columns:minmax(140px,.7fr) minmax(220px,1.3fr) auto;align-items:center;gap:8px;display:grid}.parameterList .secondaryButton,.statusRules .secondaryButton{align-self:flex-start}.statusRules{margin-top:16px}.statusRules select{min-width:200px}@media (max-width:600px){.parameterList>div,.statusRules>div{grid-template-columns:1fr auto}.parameterList>div input:nth-child(2),.statusRules>div select{grid-column:1/2}.parameterList>div button,.statusRules>div button{grid-area:1/2/3}}.mediaGallery{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-top:15px;display:grid}.mediaGallery article{background:#111017;border:1px solid #302d3a;border-radius:12px;position:relative;overflow:hidden}.mediaGallery img,.mediaGallery video,.mediaPlaceholder{object-fit:cover;background:#0b0a0f;justify-content:center;align-items:center;width:100%;height:120px;display:flex}.mediaGallery article>div:not(.mediaPlaceholder){flex-direction:column;gap:3px;padding:10px 38px 10px 10px;display:flex}.mediaGallery small{color:#8c8998;font-size:9px}.mediaGallery .iconButton{position:absolute;bottom:8px;right:8px}.dangerButton{color:#ff8da2;cursor:pointer;background:#2a151b;border:1px solid #6d3340;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-size:11px;font-weight:700;display:inline-flex}.dangerButton:hover{background:#3a1922}.audienceList article{grid-template-columns:auto 1fr 110px 110px auto}.compactEmpty{min-height:100px}.simulationResult{background:#14271f;border:1px solid #345749;border-radius:9px;flex-wrap:wrap;align-items:center;gap:7px;margin:12px 0;padding:11px;display:flex}.simulationResult strong{color:#72dfb4;width:100%;font-size:10px}.simulationResult span{color:#a7c9bb;background:#1e382d;border-radius:7px;padding:5px 7px;font-size:8px}.consentList{gap:7px;margin-top:14px;display:grid}.consentList article{background:#111017;border:1px solid #2e2b38;border-radius:9px;grid-template-columns:minmax(150px,1fr) minmax(110px,.7fr) auto minmax(180px,1fr);align-items:center;gap:10px;padding:10px;display:grid}.consentList span,.consentList small{color:#8f8b99;font-size:9px}@media (max-width:700px){.consentList article{grid-template-columns:1fr auto}.consentList small{grid-column:1/-1}}.settingToggle{cursor:pointer;background:#111017;border:1px solid #343140;border-radius:10px;grid-template-columns:auto 1fr;align-items:flex-start;padding:14px;gap:12px!important;display:grid!important}.settingToggle input{accent-color:#8062ef;height:18px;width:18px!important}.settingToggle span{flex-direction:column;gap:5px;display:flex}.settingToggle strong{color:#eeeaf5;font-size:12px}.settingToggle small{color:#8b8795;font-size:10px;line-height:1.5}.adminSummary{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px;display:grid}.adminSummary article{background:#15141c;border:1px solid #2e2b38;border-radius:11px;grid-template-columns:auto 1fr;gap:4px 10px;padding:16px;display:grid}.adminSummary svg{color:#9a7dfb;grid-row:1/3}.adminSummary strong{font-size:18px}.adminSummary span{color:#888492;font-size:9px}.adminAccountList{margin-top:16px}.adminAccountRow{border-top:1px solid #292732;grid-template-columns:1.2fr 1.2fr 1fr 1.15fr .6fr;align-items:center;gap:14px;padding:13px 5px;display:grid}.adminAccountRow>div{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.adminAccountRow strong{font-size:10px}.adminAccountRow span,.adminAccountRow small{color:#8d8997;font-size:9px}.adminAccountHeading{color:#6f6b78;text-transform:uppercase;min-height:30px;font-size:8px}.adminAccountHeading span{color:#6f6b78}@media (max-width:900px){.adminSummary{grid-template-columns:repeat(2,1fr)}.adminAccountRow{grid-template-columns:1fr 1fr}.adminAccountHeading,.adminAccountRow>div:last-child{display:none}}@media (max-width:600px){.adminSummary,.adminAccountRow{grid-template-columns:1fr}}.adminAccountButton{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border-bottom:0;border-left:0;border-right:0}.adminAccountButton:hover{background:#191721}.adminAccountButton:disabled{cursor:wait}.adminDetailModal{background:#121118;border:1px solid #343140;border-radius:14px;width:min(900px,100vw - 32px);max-height:calc(100vh - 40px);padding:22px;overflow:auto;box-shadow:0 25px 80px #000a}.adminDetailModal>header{border-bottom:1px solid #2b2933;justify-content:space-between;align-items:flex-start;padding-bottom:16px;display:flex}.adminDetailModal header h2{margin:3px 0}.adminDetailModal header span{color:#817d8b;font-size:10px}.adminDetailGrid{grid-template-columns:1fr 1fr;gap:14px;margin-top:15px;display:grid}.adminDetailGrid>article,.adminSyncs{background:#0f0e14;border:1px solid #2d2a36;border-radius:10px;padding:14px}.adminDetailGrid h3,.adminSyncs h3{margin:0 0 11px;font-size:12px}.adminDetailGrid article>div{border-top:1px solid #282630;flex-direction:column;gap:4px;padding:9px 0;display:flex}.adminDetailGrid span,.adminDetailGrid small,.adminDetailGrid p,.adminSyncs p{color:#8c8896;font-size:9px}.adminSyncs{margin-top:14px}.adminSyncs>div{border-top:1px solid #282630;grid-template-columns:1fr auto 1fr 1fr 1.2fr;align-items:center;gap:9px;padding:8px 0;font-size:9px;display:grid}.adminSyncs small{color:#817d8a}@media (max-width:700px){.adminDetailGrid{grid-template-columns:1fr}.adminSyncs>div{grid-template-columns:1fr auto}.adminSyncs>div span:nth-child(n+3),.adminSyncs small{display:none}}.adminAudit{margin-top:15px}.adminAudit>div:last-child{margin-top:12px}.adminAudit article{border-top:1px solid #292732;grid-template-columns:1.1fr 1fr 1fr .8fr;align-items:center;gap:12px;padding:10px 4px;display:grid}.adminAudit article>div{flex-direction:column;gap:3px;display:flex}.adminAudit strong{font-size:9px}.adminAudit span,.adminAudit small{color:#8b8795;font-size:9px}@media (max-width:700px){.adminAudit article{grid-template-columns:1fr 1fr}.adminAudit article>small{grid-column:1/-1}}.templateCatalog{border-top:1px solid #302d3a;gap:8px;padding-top:14px;display:grid}.templateCatalog>div{background:#111017;border-radius:10px;justify-content:space-between;gap:16px;padding:10px 12px;display:flex}.templateCatalog small{color:#8b8795}.helpSearch{align-items:center;gap:10px;margin-bottom:15px;display:flex}.helpSearch input{color:#f5f3fb;background:0 0;border:0;outline:0;width:100%}.helpColumns{grid-template-columns:1fr 1fr;gap:15px;display:grid}.helpManual .panelHead>div{align-items:center;gap:9px;display:flex}.helpManual details{border-top:1px solid #302d3a;padding:14px 2px}.helpManual summary{color:#ece8f5;cursor:pointer;font-size:11px;font-weight:700}.helpManual p{color:#9a96a5;margin:10px 0 0;font-size:10px;line-height:1.65}@media (max-width:900px){.helpColumns{grid-template-columns:1fr}}.audienceClickable{cursor:pointer}.audienceClickable:hover{background:#191721}.audienceMembersModal{background:#121118;border:1px solid #343140;border-radius:14px;width:min(980px,100vw - 32px);max-height:calc(100vh - 40px);padding:22px;overflow:auto}.audienceMembersModal>header{border-bottom:1px solid #2b2933;justify-content:space-between;align-items:flex-start;padding-bottom:15px;display:flex}.audienceMembersModal h2{margin:3px 0}.audienceMembersModal header span{color:#817d8b;font-size:10px}.audienceMembersTable{margin-top:12px}.audienceMembersTable>div,.audienceMembersTable>article{border-bottom:1px solid #292732;grid-template-columns:1.2fr 1fr 1.3fr .6fr;align-items:center;gap:12px;padding:11px 4px;font-size:10px;display:grid}.audienceMembersTable article span{color:#9995a2}.audienceMemberHeading{color:#706c79;text-transform:uppercase;font-size:8px!important}@media (max-width:700px){.audienceMembersTable>div,.audienceMembersTable>article{grid-template-columns:1fr 1fr}.audienceMemberHeading{display:none}.audienceMembersTable article span:nth-child(3){grid-column:1/-1}}
