.main:has(.campMetrics){max-width:none;padding:0 22px 22px}.campHeader{height:102px;margin:0 -22px 18px;padding:17px 24px;border-bottom:1px solid #1e3249;display:flex;align-items:center;gap:17px}.campHeader h1{font-size:28px;margin:0}.campHeader p,.campCard>p,.campaignTable header p{margin:4px 0;color:#a8b8cf;font-size:12px}.campSearch{margin-left:auto;width:310px;background:#0c1d31;border:1px solid #29435f;border-radius:9px;padding:13px;color:#9aadc8}.campProfile{display:flex;align-items:center;font-size:12px}.campProfile b small{display:block;color:#9fb0c5;font-weight:400;margin-top:3px}.campMetrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.campMetrics article{display:flex;align-items:center;gap:17px;background:linear-gradient(145deg,#101d2b,#0b1722);border:1px solid #263f59;border-radius:10px;padding:16px;font-size:13px}.campMetrics i{display:grid;place-items:center;width:63px;height:63px;border-radius:10px;background:#147fff;color:#fff;font-size:28px;font-style:normal}.campMetrics i.green{background:#35d99a}.campMetrics i.yellow{background:#ffc530;color:#182135}.campMetrics i.purple{background:#8060f5}.campMetrics strong{display:block;font-size:34px;color:#fff;margin:2px 0}.campMetrics em{font-style:normal;color:#2be382;font-size:12px}.campMetrics em small{color:#a6b8cd}.campTop,.campBottom{display:grid;grid-template-columns:1.75fr 1fr;gap:14px;margin-top:15px}.campCard{background:linear-gradient(145deg,#0f1b29,#0a1520);border:1px solid #263e57;border-radius:10px;padding:16px}.campCard h2{font-size:18px;margin:0}.performance p button{float:right;background:#13253a;border:1px solid #2a445f;color:#f0f5ff;padding:8px;border-radius:6px}.campaignChart{height:200px;margin:17px 0 13px;padding:12px 34px 25px;display:flex;justify-content:space-around;align-items:end;background:repeating-linear-gradient(to bottom,transparent 0 38px,#21364d 39px)}.campaignChart div{height:100%;display:flex;align-items:end;gap:5px;position:relative}.campaignChart span{width:38px;background:#2687ff}.campaignChart span:nth-child(2){background:#4cdea5}.campaignChart span:nth-child(3){background:#ffcf53}.campaignChart b{position:absolute;bottom:-20px;white-space:nowrap;color:#d2deed;font-size:11px}.performance footer{font-size:11px;text-align:center;color:#d4deeb}.performance footer i{display:inline-block;width:10px;height:10px;border-radius:50%;background:#2687ff}.performance footer i:nth-child(2){background:#4cdea5}.performance footer i:nth-child(3){background:#ffcf53}.channelBody{display:flex;align-items:center;justify-content:space-around;margin-top:20px}.channelDonut{height:177px;width:177px;border-radius:50%;background:conic-gradient(#2589ff 0 42%,#4add9e 42% 73%,#ffcf51 73% 91%,#8660f5 91%);display:grid;place-items:center}.channelDonut b{width:110px;height:110px;border-radius:50%;background:#0b1724;display:grid;place-content:center;text-align:center;font-size:25px}.channelDonut small{display:block;font-size:12px;font-weight:400;color:#b5c5d7}.channels p{position:relative;margin:15px 0 19px;padding-left:16px;font-size:13px}.channels p i{position:absolute;left:0;top:3px;width:9px;height:9px;border-radius:50%;background:#2589ff}.channels p .c1{background:#4add9e}.channels p .c2{background:#ffcf51}.channels p .c3{background:#8660f5}.channels p b{float:right;margin-left:25px}.channels p small{display:block;color:#9caec4;margin-top:3px}.campaignTable header{display:flex;justify-content:space-between}.campaignTable header button{height:43px;background:#187dff;color:white;border:0;border-radius:7px;padding:0 17px}.campaignTable table{width:100%;border-collapse:collapse;margin-top:15px;font-size:12px}.campaignTable th{text-align:left;color:#a6b9d0;font-weight:400;border-bottom:1px solid #28415a;padding:10px 5px}.campaignTable td{padding:12px 5px;border-bottom:1px solid #1e344b}.campaignTable td:first-child{display:flex;gap:9px;align-items:center}.campaignTable td:first-child>i{display:grid;place-items:center;width:35px;height:35px;background:#147df7;border-radius:6px;font-style:normal}.campaignTable td b small{display:block;color:#9aafc8;font-weight:400;margin-top:3px}.campStatus{padding:5px 9px;border-radius:13px;background:#0c4930;color:#2ce583;font-size:11px}.campStatus.s2{background:#103e6b;color:#6bbaff}.campStatus.s3{background:#4c4218;color:#ffcb40}.roi{color:#39e88b;font-weight:bold}.funnelRow{display:grid;grid-template-columns:46px 1fr auto 45px;align-items:center;gap:10px;margin:11px 0;padding:10px;background:#18283b;border-radius:8px}.funnelRow i{display:grid;place-items:center;width:40px;height:40px;background:#1981f8;border-radius:8px;font-size:19px;font-style:normal}.funnelRow b{font-size:18px}.funnelRow em{font-style:normal;color:#b7c5d8}.f1 i{background:#49d9d0}.f2 i{background:#52d99c}.f3 i{background:#ffca39}.f4 i{background:#8860f7}@media(max-width:1050px){.campMetrics{grid-template-columns:1fr 1fr}.campTop,.campBottom{grid-template-columns:1fr}.campBottom .funnel{display:grid;grid-template-columns:1fr 1fr;gap:8px}.campBottom .funnel h2,.campBottom .funnel p{grid-column:span 2}}@media(max-width:680px){.main:has(.campMetrics){padding:0 12px}.campHeader{height:auto;margin:0 -12px 14px;padding:15px;display:block}.campSearch{width:100%;margin:14px 0}.campMetrics{grid-template-columns:1fr}.campMetrics strong{font-size:27px}.channelBody{display:block}.channelDonut{margin:auto}.campaignTable{overflow:auto}.campaignTable table{min-width:700px}}