:root{
 --sidebar:264px;
 --bg:#edf6ff;
 --nav:#151747;
 --blue:#062090;
 --line:#cfe0f4;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:#101d73}
body{overflow-x:auto}
.mg-app{width:1536px;min-height:1024px;margin:0 auto;background:linear-gradient(180deg,#f7fbff,#eaf4ff);position:relative}
.mg-sidebar{position:absolute;left:0;top:0;width:264px;height:1024px;background:#151747 url("sidebar.png") center/100% 100% no-repeat}
.mg-top{position:absolute;left:264px;top:0;width:1272px;height:60px;background:#fff url("topbar.png") center/100% 100% no-repeat}
.mg-content{position:absolute;left:278px;top:60px;width:1244px}
.mg-imgcard{position:relative;overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(37,61,130,.08)}
.mg-imgcard img{display:block;width:100%;height:100%;object-fit:fill}
.hero{width:1244px;height:219px}
.stats{display:grid;grid-template-columns:227px 227px 241px 242px 257px;gap:12px;margin-top:10px}
.stats .mg-imgcard{height:101px}
.row1{display:grid;grid-template-columns:396px 397px 428px;gap:12px;margin-top:11px}
.row1 .mg-imgcard{height:229px}
.row2{display:grid;grid-template-columns:340px 472px 233px 180px;gap:9px;margin-top:10px}
.row2 .mg-imgcard{height:186px}
.templates{width:1244px;height:128px;margin-top:9px}
.footer{width:1244px;height:56px;margin-top:5px;border-radius:0;box-shadow:none}
.hit{position:absolute;cursor:pointer;background:transparent;border:0;z-index:4}
.hit:hover{outline:2px solid rgba(104,51,255,.18);border-radius:8px}
.hero .create{left:24px;top:163px;width:181px;height:50px}.hero .watch{left:216px;top:163px;width:150px;height:50px}
.quick-text{left:12px;top:38px;width:85px;height:88px}.quick-image{left:105px;top:38px;width:85px;height:88px}
.quick-video{left:200px;top:38px;width:85px;height:88px}.quick-voice{left:293px;top:38px;width:85px;height:88px}
.quick-template{left:12px;top:132px;width:85px;height:88px}.quick-contact{left:105px;top:132px;width:85px;height:88px}
.quick-schedule{left:200px;top:132px;width:85px;height:88px}.quick-wa{left:293px;top:132px;width:85px;height:88px}
.share-wa{left:16px;top:35px;width:55px;height:65px}.share-fb{left:87px;top:35px;width:55px;height:65px}.share-ig{left:160px;top:35px;width:55px;height:65px}.share-x{left:232px;top:35px;width:55px;height:65px}.share-email{left:302px;top:35px;width:55px;height:65px}.share-copy{left:373px;top:35px;width:65px;height:65px}
.plan-manage{left:143px;top:140px;width:85px;height:32px}
.chat-hit{position:absolute;right:7px;bottom:56px;width:146px;height:50px;cursor:pointer;z-index:6}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);padding:12px 18px;background:#17164c;color:#fff;border-radius:10px;box-shadow:0 12px 35px rgba(0,0,0,.25);font-weight:700;z-index:9999}
.modal{position:fixed;inset:0;background:rgba(15,15,55,.55);display:none;place-items:center;z-index:999}
.modal.show{display:grid}.modalbox{width:min(720px,92vw);background:#fff;border-radius:18px;padding:22px;box-shadow:0 24px 80px rgba(12,9,50,.35)}
.modalbox h2{margin:0 0 8px}.modalbox input,.modalbox select,.modalbox textarea{width:100%;border:1px solid #dce4f4;border-radius:10px;padding:11px;margin:6px 0}.modalbox textarea{min-height:120px}
.actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.actions button{padding:10px 16px;border-radius:9px;font-weight:800}
.btn-primary{border:0;color:#fff;background:linear-gradient(90deg,#6d2cff,#f42ab3)}.btn-secondary{border:1px solid #d7dcec;background:#fff;color:#392891}
@media(max-width:1536px){body{background:#eaf3ff}.mg-app{transform-origin:top left;transform:scale(calc(100vw / 1536));margin:0;height:calc(1024px * (100vw / 1536));}}


/* Responsive fixes added by Codex */
html,body{max-width:100%;overflow-x:hidden!important}
.mg-app{width:min(1536px,100vw)!important;max-width:100vw!important;margin:0!important;overflow-x:hidden!important}
.mg-sidebar.real-menu{position:relative!important;left:auto!important;top:auto!important;width:100%!important;min-width:0!important;height:auto!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important;padding:10px!important;background:#fff7fb!important;border-bottom:1px solid #f0d7df!important;box-sizing:border-box!important}
.mg-sidebar.real-menu a{display:block!important;padding:9px 11px!important;border-radius:10px!important;color:#8b164c!important;background:#fff!important;text-decoration:none!important;font-weight:800!important;font-size:13px!important;line-height:1!important;white-space:nowrap!important}
.mg-top{display:none!important}
.mg-content{position:relative!important;left:auto!important;top:auto!important;width:100%!important;max-width:100%!important;padding:10px!important;box-sizing:border-box!important}
.hero,.templates{width:100%!important;height:auto!important;aspect-ratio:1244/219}
.templates{aspect-ratio:1244/128}
.stats,.row1,.row2{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;gap:10px!important;width:100%!important}
.stats .mg-imgcard,.row1 .mg-imgcard,.row2 .mg-imgcard{height:auto!important;aspect-ratio:2.25/1}
.mg-imgcard img{max-width:100%!important;height:100%!important;object-fit:contain!important}
@media(max-width:760px){.mg-sidebar.real-menu{overflow:auto!important;flex-wrap:nowrap!important;position:sticky!important;top:0!important;z-index:20!important}.mg-sidebar.real-menu a{font-size:12px!important;padding:9px 10px!important}.mg-phase-home{grid-template-columns:1fr!important;margin:10px 0 14px!important;padding:16px!important}.mg-phase-copy h1{font-size:26px!important}.mg-feature-grid{grid-template-columns:1fr!important}.stats,.row1,.row2{grid-template-columns:1fr!important}.hero,.templates{aspect-ratio:auto!important}.hero img,.templates img{height:auto!important}}