:root{--bg:#07101d;--panel:#0f1a2a;--panel2:#142236;--line:#22344d;--text:#edf4ff;--muted:#90a3ba;--purple:#8b5cf6;--blue:#3b82f6;--green:#63d67d;--orange:#f59e0b;--header:70px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);overflow:hidden}button,input{font:inherit}button{cursor:pointer}.app{height:100%;background:radial-gradient(circle at 42% 0%,rgba(70,88,145,.12),transparent 28%),linear-gradient(#07101d,#091321)}.topbar{height:var(--header);display:grid;grid-template-columns:1fr minmax(400px,1.25fr) 1.4fr;align-items:center;padding:0 12px;border-bottom:1px solid var(--line);background:#07101dfa;position:relative;z-index:50}.brand,.topActions,.profile{display:flex;align-items:center}.brand{gap:10px}.logo{width:38px;height:38px;border:1px solid #506681;border-radius:11px;display:grid;place-items:center;font-weight:900}.brand>div:last-child,.profile>div:last-child{display:flex;flex-direction:column}.brand span,.profile span{font-size:10px;color:var(--muted)}.title{display:flex;flex-direction:column}.title strong{font-size:20px}.title span{font-size:11px;color:#b6c3d4;margin-top:4px}.topActions{justify-content:flex-end;gap:8px}.balance{border:1px solid var(--line);border-radius:9px;padding:7px 12px;background:#101b2b;display:flex;flex-direction:column}.balance span{font-size:9px;color:var(--muted)}.balance strong{color:#67e08b}.createBtn{height:38px;border:0;border-radius:9px;background:#6d3bd1;color:#fff;padding:0 14px;display:flex;gap:6px;align-items:center}.iconbtn{width:36px;height:36px;border:1px solid var(--line);background:#101b2b;color:#fff;border-radius:10px;display:grid;place-items:center}.profile{gap:8px;border:1px solid var(--line);padding:4px 8px;border-radius:10px;background:#101b2b}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#4338ca);display:grid;place-items:center;font-weight:800}.shell{height:calc(100vh - var(--header));display:grid;grid-template-columns:var(--left) minmax(0,1fr) var(--right);min-width:0}.leftbar,.rightbar{position:relative;background:#0b1625;min-width:0;min-height:0}.leftbar{border-right:1px solid var(--line);display:grid;grid-template-rows:minmax(0,1fr) auto}.rightbar{border-left:1px solid var(--line)}.leftScroll,.workspace,.rightScroll{overflow:auto;scrollbar-width:thin;scrollbar-color:#3d536f transparent}.leftScroll{padding:8px}.navGroup{margin-bottom:5px}.navGroup.active{background:linear-gradient(90deg,#7c3aed5c,#7c3aed17);border-radius:9px}.navItem{width:100%;display:grid;grid-template-columns:20px minmax(0,1fr) 15px;align-items:center;gap:8px;border:0;background:transparent;color:#fff;padding:9px 8px;text-align:left;border-radius:8px}.navItem>span{display:flex;flex-direction:column;min-width:0}.navItem strong{font-size:11px}.navItem small{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subnav{padding:0 0 7px 36px;display:flex;flex-direction:column}.subnav button{border:0;background:transparent;color:#9eb1c8;text-align:left;padding:4px 0;font-size:10px}.leftFooter{padding:8px;border-top:1px solid var(--line)}.manager{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:8px;background:#101b2b}.managerAvatar{width:32px;height:32px;border-radius:50%;background:#374151;display:grid;place-items:center}.manager>div:last-child{display:flex;flex-direction:column}.manager strong{font-size:9px}.manager span,.manager small{font-size:8px;color:var(--muted)}.leftFooter>button{width:100%;margin-top:7px;border:1px solid #3b4c6a;background:#24154a;color:#d9ccff;border-radius:8px;padding:8px;font-size:9px}.supportCard{display:flex;gap:7px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:8px;margin-top:8px;background:#101b2b}.supportCard>div{display:flex;flex-direction:column}.supportCard strong{font-size:9px}.supportCard span{font-size:8px;color:var(--muted)}.resizer{position:absolute;top:0;bottom:0;width:8px;z-index:20;display:grid;place-items:center;color:#536983;cursor:ew-resize;opacity:.4}.resizer:hover{opacity:1;background:#60a5fa14}.resizer.left{right:-4px}.resizer.right{left:-4px}.workspace{padding:9px;position:relative;min-width:0}.toolbar{position:sticky;top:0;z-index:11;display:flex;justify-content:flex-end;gap:6px;margin-bottom:7px;pointer-events:none}.toolbar button{pointer-events:auto;border:1px solid var(--line);background:#101b2b;color:#fff;border-radius:8px;padding:6px 8px;font-size:10px;display:flex;gap:5px;align-items:center}.kpis{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:8px;margin-bottom:8px}.kpi{border:1px solid var(--line);border-radius:9px;background:#101b2b;padding:11px;display:flex;gap:9px;align-items:center;min-width:0}.kpi svg{color:#8b5cf6}.kpi>div{display:flex;flex-direction:column}.kpi span{font-size:8px;color:#a390d5}.kpi strong{font-size:19px}.kpi small{font-size:8px;color:#69d989}.panel{border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,#101b2b,#0d1826);padding:10px;margin-bottom:8px;min-width:0}.panelHead{display:flex;align-items:center;justify-content:space-between;gap:10px}.panelHead h2{font-size:11px;color:#b785ff;margin:0}.panelHead>div{display:flex;align-items:center;gap:6px}.panelHead span{font-size:9px;color:var(--muted)}.topGrid{display:grid;grid-template-columns:1.6fr .9fr;gap:8px}.legend{display:flex;justify-content:center;gap:20px;font-size:9px;color:#d5dfeb;margin-top:10px}.legend span{display:flex;align-items:center;gap:5px}.legend i,.statusList span{width:7px;height:7px;border-radius:50%;display:inline-block}.purpleDot{background:#8b5cf6}.blueDot{background:#3b82f6}.greenDot{background:#4ade80}.orangeDot{background:#f59e0b}.chart{height:178px;display:flex;align-items:flex-end;gap:3px;padding:12px 6px;border-bottom:1px solid #31445d;background:linear-gradient(180deg,rgba(139,92,246,.06),transparent)}.chart i{flex:1;min-width:3px;max-width:10px;background:linear-gradient(#8b5cf6,#3b82f6);border-radius:3px 3px 0 0}.chartAxis{display:flex;justify-content:space-between;color:#91a5bf;font-size:8px;padding-top:6px}.statusBody{display:grid;grid-template-columns:135px 1fr;align-items:center;gap:14px;padding:12px 0}.donut,.smallDonut{border-radius:50%;background:conic-gradient(#4ade80 0,#4ade80 50%,#3b82f6 50%,#3b82f6 75%,#f59e0b 75%,#f59e0b 87.5%,#8b5cf6 87.5%,#8b5cf6);display:grid;place-items:center;position:relative}.donut{width:130px;height:130px}.smallDonut{width:105px;height:105px}.donut:after,.smallDonut:after{content:"";position:absolute;top:24%;right:24%;bottom:24%;left:24%;background:#0f1a2a;border-radius:50%}.donut>div,.smallDonut>*{position:relative;z-index:2}.donut>div{display:flex;flex-direction:column;align-items:center}.donut strong{font-size:22px}.donut span{font-size:8px}.statusList{display:flex;flex-direction:column;gap:12px}.statusList div{display:grid;grid-template-columns:10px 1fr auto;gap:5px;align-items:center;font-size:9px}.statusList strong{font-size:9px}.tableWrap{overflow:auto;margin-top:8px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{border-bottom:1px solid var(--line);padding:8px 7px;text-align:left;font-size:9px}th{color:#c6d2e2;font-size:8px}td:first-child{min-width:170px}td:first-child strong,td:first-child span{display:block}td:first-child span{font-size:8px;color:var(--muted);margin-top:2px}.statusTag{font-style:normal;padding:3px 6px;border-radius:4px;border:1px solid #34465f}.statusTag.active{color:#76e48e;border-color:#2b6540}.statusTag.scheduled{color:#70b7ff;border-color:#2e5a86}.statusTag.paused{color:#f5b34b;border-color:#6b4d20}.roi{color:#8be66f}.bottomGrid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:8px}.audienceGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.audienceGrid>div{display:flex;flex-direction:column;align-items:center;text-align:center;background:#142236;border-radius:8px;padding:9px}.audienceGrid svg{color:#8b5cf6}.audienceGrid span{font-size:8px;color:var(--muted);margin-top:4px}.audienceGrid strong{font-size:10px}.audienceGrid small{font-size:8px;color:#69dd83}.budgetBody{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:center;margin-top:10px}.smallDonut{display:flex;flex-direction:column;justify-content:center}.smallDonut strong,.smallDonut span{position:relative;z-index:2}.smallDonut strong{font-size:10px}.smallDonut span{font-size:7px}.budgetInfo{display:flex;flex-direction:column;gap:4px}.budgetInfo span{font-size:8px;color:var(--muted)}.budgetInfo strong{font-size:11px}.green{color:#65dc80!important}.summaryRows{margin-top:8px}.summaryRows div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:8px 0}.summaryRows span,.summaryRows strong{font-size:9px}.systems{border:1px solid var(--line);border-radius:10px;background:#0e1928;padding:10px;margin-bottom:12px}.systems>strong{font-size:10px}.systems>div{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-top:8px}.systems span{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 5px;border-right:1px solid var(--line)}.systems span:last-child{border-right:0}.systems span>div{display:flex;flex-direction:column}.systems span strong{font-size:8px}.systems span small{font-size:7px;color:var(--muted)}.rightScroll{height:100%;padding:9px}.rightPanel{border:1px solid var(--line);border-radius:10px;background:#101b2b;padding:10px;margin-bottom:9px}.rightHead{display:flex;align-items:center;justify-content:space-between}.rightHead h2{font-size:11px;color:#b785ff;margin:0}.phone{border:2px solid #32445e;border-radius:22px;padding:9px;margin:10px auto 8px;background:#0b1320;width:min(100%,280px)}.phoneTop{font-size:10px;text-align:center;padding:5px;border-bottom:1px solid var(--line)}.adPreview{min-height:205px;border-radius:10px;padding:16px;background:linear-gradient(180deg,#1018282e,#10182873),radial-gradient(circle at 70% 30%,#f7b04a 0,#f7b04a 6%,#243d62 35%,#101827 75%);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.sponsored{font-size:7px;background:#0006;padding:3px 5px;border-radius:4px}.adPreview strong{font-size:18px;margin-top:18px}.adPreview p{font-size:10px}.adPreview button{border:0;background:#4f46e5;color:#fff;border-radius:7px;padding:7px 10px;font-size:9px}.phoneBottom{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:5px;align-items:center;padding-top:7px;font-size:8px}.phoneBottom button{border:0;background:#6d3bd1;color:#fff;border-radius:6px;padding:5px 9px;font-size:8px}.placementMeta{display:flex;flex-direction:column;gap:3px;font-size:8px;color:#aebdd0}.wideBtn,.createWide{width:100%;margin-top:8px;border:1px solid #483a76;background:#281b4c;color:#fff;border-radius:7px;padding:8px;font-size:9px}.objectiveGrid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.objectiveGrid button{border:1px solid var(--line);background:#142236;color:#fff;border-radius:8px;padding:11px 6px;font-size:8px}.createWide{background:#6836cd;display:flex;justify-content:center;gap:5px;align-items:center}.muted{color:var(--muted);font-size:9px}.quickList{display:grid;gap:6px}.quickList button{border:1px solid var(--line);background:#142236;color:#fff;border-radius:7px;padding:9px;display:flex;gap:7px;align-items:center;text-align:left;font-size:9px}.quickList svg{width:15px}.statusNotice{border:1px solid #24543a;border-radius:9px;background:#102219;color:#6ee58d;padding:9px;display:flex;gap:8px;align-items:center}.statusNotice div{display:flex;flex-direction:column}.statusNotice strong{font-size:9px}.statusNotice span{font-size:8px;color:#a8cdb2}.module-fallback{border:1px solid #7c3aed;border-radius:10px;background:#111827;padding:12px;display:flex;align-items:center;gap:10px;margin-bottom:8px}.module-fallback>div{display:flex;flex-direction:column;flex:1}.module-fallback span{font-size:9px;color:var(--muted)}.module-fallback button{border:1px solid var(--line);background:#172238;color:#fff;border-radius:7px;padding:6px 9px;font-size:9px}.mobileOnly{display:none}@media(max-width:1280px){.topbar{grid-template-columns:.8fr 1fr 1.2fr}.profile>div:last-child{display:none}.systems>div{grid-template-columns:repeat(3,1fr)}.bottomGrid{grid-template-columns:1fr 1fr}.bottomGrid>.panel:last-child{grid-column:1/-1}.audienceGrid{grid-template-columns:1fr 1fr}}@media(max-width:1020px){.topbar{grid-template-columns:auto 1fr auto}.brand>div:last-child,.balance,.profile{display:none}.title strong{font-size:16px}.createBtn{padding:0 9px}.mobileOnly{display:grid}.shell{grid-template-columns:1fr!important}.leftbar{position:fixed;top:var(--header);bottom:0;left:0;width:min(84vw,300px);z-index:40;transform:translate(-105%);transition:.2s;box-shadow:16px 0 35px #0006}.mobile-nav-open .leftbar{transform:translate(0)}.rightbar{position:fixed;top:var(--header);bottom:0;right:0;width:min(92vw,390px);z-index:35;box-shadow:-16px 0 35px #0006}.resizer{display:none}.kpis{grid-template-columns:repeat(3,1fr)}.topGrid{grid-template-columns:1fr}}@media(max-width:720px){:root{--header:62px}.topbar{padding:0 7px}.title strong{font-size:13px}.title span{font-size:9px}.topActions .iconbtn:nth-of-type(2){display:none}.workspace{padding:7px}.kpis{grid-template-columns:1fr 1fr}.bottomGrid{grid-template-columns:1fr}.bottomGrid>.panel:last-child{grid-column:auto}.systems>div{grid-template-columns:1fr 1fr}}@media(max-width:460px){.kpis,.systems>div,.audienceGrid{grid-template-columns:1fr}.createBtn{font-size:0}.createBtn svg{width:18px}.statusBody,.budgetBody{grid-template-columns:1fr}.donut,.smallDonut{margin:auto}}