:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f7f8fc;background:#080b14;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 80% 0%,#20274a,#0d1120 36%,#080b14 72%)}button,a{font:inherit}.ads-shell{min-height:100vh;display:grid;grid-template-columns:244px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:22px 16px;border-right:1px solid rgba(255,255,255,.08);background:#080b14f0;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:4px 8px 24px}.brand img{width:42px;height:42px;object-fit:contain}.brand div,.platform-state div,.topbar>div{display:flex;flex-direction:column}.brand strong{font-size:14px}.brand span,.platform-state span{color:#858ca3;font-size:11px}nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid transparent;border-radius:11px;color:#9198ac;text-decoration:none;font-size:13px}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{color:#fff;border-color:#7b6cff3d;background:linear-gradient(135deg,#6252ff3d,#30b1ff1a)}.nav-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#7468ff;box-shadow:0 0 14px #7468ffcc}.platform-state{margin-top:auto;padding:14px 10px;display:flex;align-items:center;gap:10px}.platform-state strong{font-size:11px}.workspace{min-width:0}.topbar{height:76px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07);background:#090c16b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar strong{font-size:16px}.eyebrow{color:#8d83ff;text-transform:uppercase;letter-spacing:.14em;font-size:9px;font-weight:800}.account-chip,.pill{border-radius:999px;background:#7468ff1f;color:#b6b0ff;font-size:10px}.account-chip{padding:8px 12px}.pill{padding:6px 9px}.page{padding:32px}.page-stack{display:grid;gap:20px}.hero{min-height:294px;position:relative;overflow:hidden;padding:42px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:linear-gradient(125deg,#1f264bf5,#0f1324f0 55%,#1f133ceb)}.hero-copy{position:relative;z-index:2;max-width:650px}.hero h1{margin:12px 0;max-width:620px;font-size:clamp(34px,4.5vw,58px);line-height:.98;letter-spacing:-.045em}.hero p{max-width:560px;color:#adb3c6;line-height:1.65;font-size:14px}.hero-actions{margin-top:25px;display:flex;align-items:center;gap:15px}.hero-actions span{color:#858ca3;font-size:11px}.hero button{border:0;border-radius:11px;padding:12px 18px;color:#fff;background:linear-gradient(135deg,#7567ff,#388de8);font-weight:750;cursor:pointer}.hero-concert-art{position:absolute;z-index:1;width:min(760px,58%);max-height:112%;right:-28px;bottom:-18px;object-fit:contain;object-position:right bottom;opacity:.92;pointer-events:none;filter:brightness(1.18) saturate(1.35) contrast(1.08);mix-blend-mode:screen;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.42) 15%,#000 36%,#000 100%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.42) 15%,#000 36%,#000 100%)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metrics article,.panel{border:1px solid rgba(255,255,255,.08);background:#101422d6;border-radius:16px}.metrics article{padding:19px;display:grid;gap:7px}.metrics span,.metrics small{color:#858ca3;font-size:10px}.metrics strong{font-size:27px}.panel{padding:24px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.panel-heading h2,.workspace-page h1{margin:6px 0 0}.placements{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.placements article{min-height:145px;padding:18px;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:linear-gradient(145deg,#ffffff0b,#ffffff05)}.placements strong{display:block;margin-top:13px}.placements p,.workspace-page p{color:#8f96aa;font-size:12px;line-height:1.6}.placement-star{color:#8074ff}.workspace-page{min-height:300px}@media(max-width:900px){.ads-shell{grid-template-columns:190px 1fr}.metrics,.placements{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.ads-shell{display:block}.sidebar{position:static;width:100%;height:auto}.platform-state{display:none}.metrics,.placements{grid-template-columns:1fr}.page{padding:18px}.topbar{padding:0 20px}.hero{padding:28px}}.campaign-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}.campaign-form label{display:grid;gap:6px;color:#858ca3;font-size:10px}.campaign-form input,.campaign-form select{width:100%;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#f7f8fc;background:#080b14b8}.campaign-form select{-webkit-appearance:none;appearance:none;border-radius:10px;padding-right:38px;background-color:#080b14b8;background-image:linear-gradient(45deg,transparent 50%,#858ca3 50%),linear-gradient(135deg,#858ca3 50%,transparent 50%);background-position:calc(100% - 17px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat}.campaign-actions{display:flex;gap:8px}.campaign-actions button,.placements button{border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 13px;color:#fff;background:#7468ff2e;cursor:pointer}@media(max-width:900px){.campaign-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.campaign-form{grid-template-columns:1fr}}.creative-media-preview,.creative-portfolio-preview{width:100%;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:#080b14b8}.creative-media-preview{grid-column:1 / -1;max-width:560px;aspect-ratio:16 / 9;margin-top:4px}.creative-portfolio-preview{aspect-ratio:16 / 9;margin-bottom:12px}.creative-media-preview img,.creative-media-preview video,.creative-portfolio-preview img,.creative-portfolio-preview video{display:block;width:100%;height:100%;object-fit:contain;background:#080b14}.creative-portfolio-preview video{cursor:pointer}.reporting-page{align-content:start}.reporting-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.reporting-heading h1{margin:6px 0 8px}.reporting-heading p,.reporting-note p{margin:0;color:#8f96aa;font-size:12px;line-height:1.6}.reporting-heading code{color:#f7f8fc;font-family:inherit}.reporting-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.reporting-efficiency{grid-template-columns:repeat(3,minmax(0,1fr))}.reporting-state{min-height:150px;display:grid;place-items:center;color:#8f96aa;font-size:12px;text-align:center}.reporting-note h2{margin:6px 0 8px}@media(max-width:900px){.reporting-metrics,.reporting-efficiency{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.reporting-heading{display:grid}.reporting-metrics,.reporting-efficiency{grid-template-columns:1fr}}.billing-page{align-content:start}.billing-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.billing-heading h1,.billing-activity h2,.billing-note h2{margin:6px 0 8px}.billing-heading p,.billing-note p,.billing-empty{margin:0;color:#8f96aa;font-size:12px;line-height:1.6}.billing-heading code{color:#f7f8fc;font-family:inherit}.billing-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.billing-secondary{grid-template-columns:repeat(3,minmax(0,1fr))}.billing-state{min-height:150px;display:grid;place-items:center;color:#8f96aa;font-size:12px;text-align:center}.billing-table-wrap{overflow-x:auto}.billing-table{width:100%;border-collapse:collapse;font-size:12px}.billing-table th,.billing-table td{padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:top}.billing-table th{color:#8f96aa;font-weight:600}.billing-table td:last-child,.billing-table th:last-child{text-align:right}@media(max-width:900px){.billing-metrics,.billing-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.billing-heading{display:grid}.billing-metrics,.billing-secondary{grid-template-columns:1fr}}.brand{position:relative;min-height:88px;display:block;padding:0;overflow:hidden}.brand>img,.brand>div{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brand:before{content:"";position:absolute;left:20px;right:20px;top:17px;height:40px;background:url(/assets/future-superstarz-logo-Dra2Rtrk.png) left center / contain no-repeat}.brand:after{content:"Ads Manager";position:absolute;right:21px;bottom:10px;color:#8d929e;font-size:11px;font-weight:700;letter-spacing:.01em}@media(max-width:1100px){.brand:before{left:14px;right:14px;height:34px}.brand:after{right:15px}}@media(max-width:760px){.brand{min-height:82px}.brand:before{left:18px;right:18px;top:15px;height:35px}.brand:after{left:18px;right:auto;bottom:9px}}.sidebar{padding-top:0}.sidebar>.brand{flex:0 0 88px;width:100%;box-sizing:border-box;margin:0 0 22px}.ads-page-hero{position:relative;min-height:188px;box-sizing:border-box;overflow:hidden;padding:28px 34px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:linear-gradient(125deg,#1f264bf5,#0f1324f2 56%,#1f133ceb);display:flex;align-items:center;isolation:isolate}.ads-page-hero-copy{position:relative;z-index:3;width:min(58%,720px)}.ads-page-hero-copy h1{margin:8px 0 9px;max-width:720px;color:#f7f8fc;font-size:clamp(30px,3.15vw,46px);line-height:1.02;letter-spacing:-.04em}.ads-page-hero-copy p{margin:0;max-width:620px;color:#adb3c6;font-size:13px;line-height:1.55}.ads-page-hero-art{position:absolute;z-index:1;top:-14%;right:-1px;width:55%;height:128%;object-fit:cover;object-position:center;opacity:.9;pointer-events:none;filter:brightness(1.08) saturate(1.24) contrast(1.06);mix-blend-mode:screen;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.08) 8%,rgba(0,0,0,.32) 18%,rgba(0,0,0,.68) 31%,#000 46%,#000 100%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.08) 8%,rgba(0,0,0,.32) 18%,rgba(0,0,0,.68) 31%,#000 46%,#000 100%)}.ads-page-hero:after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(17,22,43,.18) 0%,rgba(17,22,43,.08) 42%,transparent 67%)}.page-grid>.ads-page-hero{grid-column:1 / -1}@media(max-width:900px){.ads-page-hero{min-height:178px;padding:26px 28px}.ads-page-hero-copy{width:64%}.ads-page-hero-art{width:58%}}@media(max-width:700px){.ads-page-hero{min-height:190px;padding:24px}.ads-page-hero-copy{width:72%}.ads-page-hero-copy h1{font-size:clamp(27px,8vw,38px)}.ads-page-hero-art{right:-18%;width:78%;opacity:.68}}.ads-page-hero-billing .ads-page-hero-art{object-position:center top}
