:root{--crm-shell-bg:#eef5f2;--crm-surface:#fff;--crm-nav:#073f38;--crm-nav-deep:#052f2b;--crm-accent:#08a28f;--crm-line:#d7e5e0;--crm-muted:#627b76}
body{background:radial-gradient(circle at 82% 0,#f8fcfa 0,transparent 36%),var(--crm-shell-bg)}
.app{grid-template-columns:264px minmax(0,1fr)}
.sidebar{width:264px;padding:18px 14px 14px;background:linear-gradient(175deg,var(--crm-nav) 0%,var(--crm-nav-deep) 100%);border-right:1px solid rgba(255,255,255,.06);box-shadow:12px 0 34px rgba(3,49,43,.08)}
.sidebar .logo-row{min-height:64px;padding:2px 7px 16px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.08)}
.sidebar .logo-row b{font-size:14px;letter-spacing:-.01em}.sidebar .logo-row small{font-size:10px;color:#8fc0b7}
.sidebar>nav{min-height:0;overflow-y:auto;overflow-x:hidden;padding:4px 4px 8px 0;gap:3px;scrollbar-width:thin;scrollbar-color:rgba(159,228,211,.26) transparent}
.sidebar>nav::-webkit-scrollbar{width:4px}.sidebar>nav::-webkit-scrollbar-thumb{border-radius:8px;background:rgba(159,228,211,.26)}
.sidebar .nav-btn{display:flex;align-items:center;width:100%;min-height:40px;padding:9px 11px;border:1px solid transparent;border-radius:11px;color:#c5ded8;font-size:13px;transition:background .15s,border-color .15s,color .15s,transform .15s}
.sidebar .nav-btn span{margin-left:9px}.sidebar .nav-btn:hover{background:rgba(255,255,255,.065);color:#fff;transform:translateX(1px)}
.sidebar .nav-btn.active{background:linear-gradient(90deg,rgba(9,178,157,.22),rgba(6,118,105,.18));border-color:rgba(79,220,192,.13);color:#fff;box-shadow:inset 3px 0 #19d1b7}
.sidebar .user-box{flex-shrink:0;grid-template-columns:38px minmax(0,1fr) 28px 28px;margin-top:8px;padding:10px;border:1px solid rgba(164,229,214,.12);border-radius:14px;background:rgba(255,255,255,.07);backdrop-filter:blur(10px)}
.nav-expand{margin-left:auto;font-style:normal;font-size:14px;transition:transform .18s ease}
#bulkMarketingNav[aria-expanded="true"] .nav-expand{transform:rotate(180deg)}
.bulk-nav-submenu{position:relative;display:none;gap:2px;margin:2px 0 7px 18px;padding:4px 0 4px 11px;border-left:1px solid rgba(151,236,211,.25)}
.bulk-nav-submenu.is-open{display:grid}
.bulk-subnav-btn{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:5px;width:100%;min-height:29px;padding:4px 8px;border:0;border-radius:8px;background:transparent;color:#a9cbc4;text-align:left;font:600 11px/1.22 inherit;cursor:pointer;transition:background .15s,color .15s,transform .15s}
.bulk-subnav-btn i{font:600 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em;color:#6fa89e}
.bulk-subnav-btn:hover{background:rgba(255,255,255,.065);color:#fff;transform:translateX(1px)}
.bulk-subnav-btn.active{background:rgba(14,184,159,.18);color:#fff;box-shadow:inset 2px 0 #4fe0c4}
.bulk-subnav-btn.active i{color:#79ebd1}
.main{grid-column:2;min-width:0;padding:24px clamp(22px,2.6vw,42px) 50px}
.topbar{position:sticky;top:0;z-index:18;min-height:78px;margin:-24px calc(clamp(22px,2.6vw,42px)*-1) 22px;padding:19px clamp(22px,2.6vw,42px) 15px;background:rgba(246,250,248,.88);border-bottom:1px solid rgba(190,213,206,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.topbar h1{color:#083d37;font-size:27px;letter-spacing:-.035em}.topbar p{color:var(--crm-muted);font-size:12px}
.header-actions .btn{min-height:40px;border-radius:11px}.header-actions .btn.ghost{background:rgba(255,255,255,.82);border:1px solid #d8e6e1;box-shadow:0 5px 16px rgba(20,77,66,.055)}
.bulk-marketing-integrated-view{display:block;min-height:calc(100dvh - 118px)}
.bulk-marketing-integrated-view.hidden{display:none}
.bulk-frame-shell{position:relative;min-height:calc(100dvh - 128px);overflow:hidden;border:1px solid rgba(190,214,206,.88);border-radius:18px;background:#f4f8f6;box-shadow:0 18px 45px rgba(19,73,63,.07)}
#bulkMarketingFrame{display:block;width:100%;min-height:calc(100dvh - 130px);border:0;background:#f4f8f6;opacity:0;transition:opacity .18s ease}
#bulkMarketingFrame.is-ready{opacity:1}
.bulk-frame-status{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;align-content:center;flex-wrap:wrap;gap:12px;padding:28px;color:#173f38;text-align:left;background:linear-gradient(145deg,#f8fcfa,#eef7f4)}
.bulk-frame-status.is-hidden{display:none}.bulk-frame-status.is-error{color:#8a2f2f;background:linear-gradient(145deg,#fffafa,#f8eeee)}
.bulk-frame-status>div{display:grid;gap:3px}.bulk-frame-status b{font-size:15px}.bulk-frame-status small{color:#657d78;font-size:12px}
.bulk-frame-spinner{width:30px;height:30px;border:3px solid #cfe3dc;border-top-color:var(--crm-accent);border-radius:50%;animation:bulk-frame-spin .75s linear infinite}
.bulk-frame-status.is-error .bulk-frame-spinner{border:0;background:#f5dede;animation:none}.bulk-frame-status.is-error .bulk-frame-spinner:after{content:"!";display:grid;place-items:center;height:30px;color:#a83232;font-weight:900}
@keyframes bulk-frame-spin{to{transform:rotate(360deg)}}

@media(max-width:1100px) and (min-width:821px){.app{grid-template-columns:238px minmax(0,1fr)}.sidebar{width:238px}.main{padding-left:24px;padding-right:24px}.topbar{margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px}.sidebar .nav-btn{font-size:12px}}
@media(max-width:820px){.app{display:block}.main{display:block;width:100%;margin:0!important;padding:calc(8px + env(safe-area-inset-top,0px)) 8px calc(82px + env(safe-area-inset-bottom,0px))!important}.topbar{top:0;min-height:58px;margin:calc(-8px - env(safe-area-inset-top,0px)) -8px 10px;padding:calc(10px + env(safe-area-inset-top,0px)) 12px 10px}.topbar h1{font-size:19px}.header-actions #bulkMarketingReload{min-width:42px;padding:8px;font-size:0}.header-actions #bulkMarketingReload:first-letter{font-size:16px}.bulk-nav-submenu{display:none!important}.bulk-frame-shell{min-height:calc(100dvh - 142px);margin:0 -2px;border-radius:14px}.bulk-frame-status{align-items:center;flex-direction:column;text-align:center}.bulk-frame-status>div{text-align:center}#bulkMarketingFrame{min-height:calc(100dvh - 144px)}}