:root{--bg:#080b0f;--surface:#10141a;--surface2:#161b23;--line:#252c36;--text:#f6f7f9;--muted:#929baa;--gold:#f2c552;--gold2:#dba82c;--green:#51d49a;--red:#ff6b72;--blue:#65a7ff;--radius:16px;--shadow:0 24px 80px rgba(0,0,0,.32)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}body{min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--gold)}[hidden]{display:none!important}
.muted{color:var(--muted)}.eyebrow{margin:0 0 5px;color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.14em}.brand-mark{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,var(--gold),#ba7c10);color:#171109;font-size:30px;font-weight:950;box-shadow:0 12px 36px rgba(242,197,82,.24)}.brand-mark.small{width:38px;height:38px;border-radius:12px;font-size:21px}
.login-screen{position:fixed;inset:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 20% 20%,#17201d 0,transparent 36%),radial-gradient(circle at 85% 80%,#1b1720 0,transparent 38%),var(--bg)}.login-glow{position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(242,197,82,.08);filter:blur(60px)}.login-card{position:relative;width:min(420px,calc(100% - 32px));padding:38px;border:1px solid var(--line);border-radius:26px;background:rgba(16,20,26,.94);box-shadow:var(--shadow);backdrop-filter:blur(20px)}.login-card .brand-mark{margin-bottom:26px}.login-card h1{margin:0 0 8px;font-size:31px;letter-spacing:-.04em}.login-card>.muted{margin:0 0 28px}.login-card label,.field{display:grid;gap:8px;margin:15px 0;color:#c9cfd8;font-size:13px;font-weight:650}.login-card input,.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:11px;background:#0b0e13;color:var(--text);padding:12px 13px;outline:none;transition:.2s}.field textarea{min-height:120px;resize:vertical;font-family:inherit;line-height:1.55}.login-card input:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(242,197,82,.1)}.form-error{min-height:20px;color:var(--red);font-size:13px}.secure-note{text-align:center;margin:18px 0 0;color:#6d7684;font-size:11px}.secure-note::first-letter{color:var(--green)}
.button{border:1px solid transparent;border-radius:10px;padding:10px 15px;color:var(--text);background:var(--surface2);font-size:13px;font-weight:750;transition:.16s}.button:hover{transform:translateY(-1px);filter:brightness(1.08)}.button.primary{background:var(--gold);color:#171109}.button.danger{background:rgba(255,107,114,.12);color:#ff9da2;border-color:rgba(255,107,114,.25)}.button.ghost{border-color:var(--line);background:transparent}.button.wide{width:100%;padding:13px}.button.small{padding:7px 10px;font-size:12px}.link-button{border:0;background:none;color:var(--muted);padding:7px;font-size:12px}.icon-button,.menu-button{width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:var(--text);font-size:22px}.menu-button{display:none;font-size:17px}
.app-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#0c1015;padding:24px 16px}.sidebar-brand{display:flex;gap:12px;align-items:center;padding:0 9px 28px}.sidebar-brand b{display:block;letter-spacing:.08em}.sidebar-brand span{display:block;color:var(--muted);font-size:10px;margin-top:2px}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border:0;border-radius:11px;background:transparent;color:#aeb6c2;text-align:left;text-decoration:none;font-weight:630;font-size:13px}.nav-item>span{display:grid;place-items:center;width:22px;color:#7e8795;font-size:17px}.nav-item:hover{background:#141920;color:#fff}.nav-item.active{background:linear-gradient(90deg,rgba(242,197,82,.15),rgba(242,197,82,.05));color:var(--gold)}.nav-item.active>span{color:var(--gold)}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding:18px 8px 0;display:flex;align-items:center;justify-content:space-between;gap:10px}.status-pill{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.status-pill i{width:7px;height:7px;border-radius:50%;background:#6d7684}.status-pill i.online{background:var(--green);box-shadow:0 0 10px rgba(81,212,154,.55)}.status-pill i.error{background:var(--red)}
.workspace{min-width:0}.topbar{height:86px;display:flex;align-items:center;gap:16px;padding:0 34px;border-bottom:1px solid var(--line);background:rgba(8,11,15,.86);backdrop-filter:blur(12px);position:sticky;top:0;z-index:5}.topbar h2{margin:0;font-size:21px;letter-spacing:-.025em}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#282216;color:var(--gold);font-weight:850;border:1px solid #483b1d}main{padding:30px 34px 60px;max-width:1480px;width:100%;margin:0 auto}
.loader{min-height:45vh;display:grid;place-items:center;align-content:center;color:var(--muted)}.loader span{width:34px;height:34px;border:3px solid var(--line);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}.loader p{font-size:12px}@keyframes spin{to{transform:rotate(360deg)}}
.page-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.page-actions .filters{display:flex;flex-wrap:wrap;gap:9px}.search{min-width:270px}.compact-input{border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);padding:10px 12px;outline:none}.compact-input:focus{border-color:var(--gold)}
.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(145px,1fr));gap:13px;margin-bottom:22px}.metric-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,var(--surface),#0d1116);padding:18px;min-height:122px}.metric-card .metric-label{color:var(--muted);font-size:12px}.metric-card strong{display:block;font-size:29px;letter-spacing:-.05em;margin-top:13px}.metric-card .delta{display:block;color:var(--green);font-size:11px;margin-top:8px}.metric-card.highlight{border-color:rgba(242,197,82,.3);background:linear-gradient(145deg,#1b1913,var(--surface))}.metric-card.highlight strong{color:var(--gold)}
.grid-2{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:17px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}.panel-head h3{margin:0;font-size:14px}.panel-body{padding:18px 20px}.chart-list{display:grid;grid-template-columns:repeat(14,1fr);gap:7px;align-items:end;height:190px;padding-top:20px}.chart-column{height:100%;display:grid;grid-template-rows:1fr auto;gap:7px;align-items:end;text-align:center;color:#6f7885;font-size:9px}.chart-column progress{appearance:none;width:100%;height:100%;max-height:160px;align-self:end;border:0;background:transparent;writing-mode:vertical-lr;transform:rotate(180deg)}.chart-column progress::-webkit-progress-bar{background:#191f27;border-radius:5px}.chart-column progress::-webkit-progress-value{background:linear-gradient(var(--gold),#8f6613);border-radius:5px}.event-list{display:grid}.event-item{display:grid;grid-template-columns:9px 1fr auto;align-items:start;gap:12px;padding:12px 0;border-bottom:1px solid #202630}.event-item:last-child{border:0}.event-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;background:var(--blue)}.event-dot.delivered{background:var(--green)}.event-dot.retrying,.event-dot.failed{background:var(--red)}.event-item b{font-size:12px}.event-item p{margin:3px 0 0;color:var(--muted);font-size:10px}.event-item time{color:#68717e;font-size:10px}
.warning-box{border:1px solid rgba(242,197,82,.27);background:rgba(242,197,82,.07);border-radius:12px;padding:14px 16px;margin-bottom:18px;color:#e4d29c;font-size:12px}.warning-box b{display:block;color:var(--gold);margin-bottom:5px}.warning-box ul{margin:5px 0;padding-left:18px}
.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:850px}.data-table th{padding:12px 14px;background:#0d1116;color:#7f8997;font-size:10px;text-transform:uppercase;letter-spacing:.07em;text-align:left;border-bottom:1px solid var(--line)}.data-table td{padding:13px 14px;border-bottom:1px solid #202630;font-size:12px}.data-table tr:hover td{background:#131820}.data-table tr:last-child td{border-bottom:0}.user-cell{display:flex;align-items:center;gap:10px}.user-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#202733;color:var(--gold);font-weight:850}.user-cell b{display:block}.user-cell span{display:block;color:var(--muted);font-size:10px;margin-top:2px}.mono{font-family:"SFMono-Regular",Consolas,monospace;font-size:11px}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:750;background:#202630;color:#abb4c1}.badge::before{content:"";width:5px;height:5px;border-radius:50%;background:#788290}.badge.active,.badge.bound,.badge.sent,.badge.delivered{color:#89e5bd;background:rgba(81,212,154,.1)}.badge.active::before,.badge.bound::before,.badge.sent::before,.badge.delivered::before{background:var(--green)}.badge.blocked,.badge.failed,.badge.retrying{color:#ff9da2;background:rgba(255,107,114,.1)}.badge.blocked::before,.badge.failed::before,.badge.retrying::before{background:var(--red)}.badge.queued,.badge.sending,.badge.scheduled{color:#9fc5ff;background:rgba(101,167,255,.1)}.badge.queued::before,.badge.sending::before,.badge.scheduled::before{background:var(--blue)}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:9px;padding:14px 18px;color:var(--muted);font-size:11px}
.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.template-card,.campaign-card,.integration-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:19px}.template-card header,.campaign-card header{display:flex;justify-content:space-between;gap:12px}.template-card h3,.campaign-card h3,.integration-card h3{margin:0;font-size:14px}.template-card .code{color:var(--gold);font:10px monospace;margin-top:5px}.message-preview{border-left:2px solid var(--gold);padding:10px 12px;margin:16px 0;color:#c6ccd4;background:#0c1015;border-radius:0 8px 8px 0;font-size:12px;white-space:pre-wrap;max-height:145px;overflow:hidden}.template-card footer,.campaign-card footer{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}.button-preview{display:flex;flex-wrap:wrap;gap:5px}.button-preview span{border:1px solid #3a414b;border-radius:7px;padding:4px 7px;color:#bec5ce}.campaign-progress{margin:14px 0}.campaign-progress progress{width:100%;accent-color:var(--gold)}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:20px}.settings-card h3{margin:0 0 5px;font-size:14px}.settings-card>.muted{font-size:11px;margin:0 0 18px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 13px}.field small{color:var(--muted);font-weight:400}.field.checkbox{display:flex;align-items:center;grid-template-columns:auto 1fr}.field.checkbox input{width:auto}.code-box{position:relative;margin:10px 0 18px;padding:15px;border:1px solid var(--line);border-radius:10px;background:#080b0f;color:#b9c2cc;font:11px/1.6 monospace;overflow:auto;white-space:pre-wrap;word-break:break-word}.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.integration-card.full{grid-column:1/-1}.integration-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.integration-row:last-child{border-bottom:0}
dialog{border:0;padding:0;background:transparent;color:var(--text);width:min(650px,calc(100% - 28px));max-height:90vh}dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}.modal-card{border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow);overflow:auto;max-height:90vh}.modal-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:19px 22px;background:var(--surface);border-bottom:1px solid var(--line)}.modal-head h3{margin:0;font-size:18px}#modalBody{padding:20px 22px 24px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.detail-item{padding:12px;border:1px solid var(--line);border-radius:10px;background:#0d1116}.detail-item span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.detail-item b{display:block;margin-top:5px;font-size:12px;word-break:break-all}.divider{height:1px;background:var(--line);margin:20px 0}.toast-stack{position:fixed;z-index:100;right:20px;bottom:20px;display:grid;gap:9px}.toast{min-width:260px;max-width:390px;padding:13px 16px;border:1px solid var(--line);border-left:3px solid var(--green);border-radius:10px;background:#141920;box-shadow:var(--shadow);font-size:12px;animation:toast-in .2s ease-out}.toast.error{border-left-color:var(--red)}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}}.empty{padding:50px 20px;text-align:center;color:var(--muted)}.empty b{display:block;color:#cad0d8;margin-bottom:6px}.kbd{padding:2px 5px;border:1px solid var(--line);border-radius:4px;background:#090c10;font:10px monospace}
.banner-preview{display:block;width:calc(100% + 38px);height:180px;object-fit:cover;margin:-19px -19px 18px;border-bottom:1px solid var(--line);background:#080b0f}
.badge.rejected{color:#ff9da2;background:rgba(255,107,114,.1)}.badge.rejected::before{background:var(--red)}
.docs-hero{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;padding:28px;margin-bottom:18px;border:1px solid rgba(242,197,82,.28);border-radius:20px;background:radial-gradient(circle at 90% 0,rgba(242,197,82,.15),transparent 42%),linear-gradient(145deg,#1a1812,#10141a)}.docs-hero h3{margin:0 0 9px;font-size:26px}.docs-hero p{max-width:760px;margin:0;color:#b9c0ca;line-height:1.65}.docs-facts{display:grid;grid-template-columns:repeat(3,1fr);min-width:420px;gap:8px}.docs-facts span{padding:12px;border:1px solid #393322;border-radius:12px;background:rgba(8,11,15,.55);color:var(--muted);font-size:10px}.docs-facts b{display:block;color:var(--gold);font-size:14px;margin-bottom:4px}.docs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.docs-card{position:relative;min-height:230px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}.docs-card h3{margin:12px 0;font-size:14px}.docs-card ol{margin:0;padding-left:19px;color:#aab2be;font-size:11px;line-height:1.7}.docs-number{color:var(--gold);font:800 11px monospace;letter-spacing:.12em}.docs-section{margin-top:18px}.feature-list{display:grid;gap:9px;padding:0;margin:15px 0;list-style:none;color:#b9c1cb;font-size:12px;line-height:1.5}.feature-list li::first-letter{color:var(--green)}
.app-shell{grid-template-columns:282px 1fr}.sidebar{padding:30px 20px}.sidebar-brand{padding:0 10px 34px}.sidebar nav{gap:6px}.nav-section{display:block;margin:18px 12px 5px;color:#586170;font-size:10px;font-weight:850;letter-spacing:.14em}.nav-section:first-child{margin-top:0}.nav-item{padding:13px 14px;border-radius:13px;font-size:14px}.nav-item>span{font-size:19px}.topbar{height:100px;padding:0 40px}.topbar h2{font-size:27px}.topbar .eyebrow{font-size:12px}main{max-width:1600px;padding:38px 40px 72px}.button{padding:11px 17px;font-size:14px}.button.small{font-size:12px}.page-actions{margin-bottom:26px}.page-actions>.muted,.page-actions>p{font-size:14px;line-height:1.5}.metric-grid{grid-template-columns:repeat(5,minmax(160px,1fr));gap:17px;margin-bottom:28px}.metric-card{min-height:146px;padding:23px}.metric-card .metric-label{font-size:13px}.metric-card strong{font-size:38px;margin-top:17px}.panel-head{padding:22px 24px}.panel-head h3{font-size:16px}.panel-body{padding:23px 24px}.data-table th{padding:15px 17px;font-size:11px}.data-table td{padding:16px 17px;font-size:13px}.user-avatar{width:38px;height:38px}.template-card,.campaign-card,.integration-card,.settings-card{padding:24px}.template-card h3,.campaign-card h3,.integration-card h3,.settings-card h3{font-size:17px}.message-preview{padding:14px 16px;font-size:14px;line-height:1.55;max-height:180px}.integration-grid,.card-grid,.settings-grid{gap:20px}.integration-row{padding:13px 0;font-size:14px}.code-box{padding:18px;font-size:12px}.field{font-size:14px}.field input,.field select,.field textarea{padding:14px 15px}.banner-preview{width:calc(100% + 48px);height:210px;margin:-24px -24px 22px}.crm-link-card{background:linear-gradient(135deg,#1b1913,#10141a);border-color:rgba(242,197,82,.35)}.crm-link-card h3{font-size:24px;margin-bottom:8px}.link-template{color:#f5d77f;font-size:14px}.button-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.button-row>.muted{font-size:12px}details summary{cursor:pointer;font-size:16px;font-weight:800;margin-bottom:16px}.route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.route-card{padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.route-card header{display:flex;justify-content:space-between;gap:20px}.route-card h3{margin:0;font-size:19px}.route-endpoint{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;margin:22px 0;padding:14px;border:1px solid var(--line);border-radius:12px;background:#080b0f}.route-endpoint span{color:var(--gold);font-weight:900}.route-endpoint code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cbd2dc}.route-meta{display:flex;gap:8px;flex-wrap:wrap}.route-meta span{padding:6px 9px;border-radius:8px;background:#202630;color:#b8c0cb;font-size:11px}.docs-primary{margin-bottom:20px}.docs-hero{padding:34px}.docs-hero h3{font-size:32px}.docs-card{padding:24px}.docs-card h3{font-size:16px}.docs-card ol{font-size:13px}.feature-list{font-size:14px}
@media(max-width:1200px){.metric-grid{grid-template-columns:repeat(3,1fr)}.settings-grid{grid-template-columns:1fr 1fr}.docs-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1050px){.grid-2{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.docs-hero{display:block}.docs-facts{min-width:0;margin-top:20px}.route-grid{grid-template-columns:1fr}}
@media(max-width:780px){.app-shell{display:block}.sidebar{position:fixed;z-index:20;left:-260px;width:248px;transition:.2s;box-shadow:var(--shadow)}.sidebar.open{left:0}.menu-button{display:grid;place-items:center}.topbar{padding:0 18px}.topbar .button.ghost{display:none}main{padding:22px 16px 50px}.metric-grid{grid-template-columns:repeat(2,1fr)}.card-grid,.integration-grid{grid-template-columns:1fr}.integration-card.full{grid-column:auto}.search{min-width:0;width:100%}.page-actions{align-items:stretch;flex-direction:column}.page-actions .filters{display:grid;grid-template-columns:1fr 1fr}.form-grid,.detail-grid{grid-template-columns:1fr}.chart-list{gap:3px}}
@media(max-width:430px){.metric-grid{grid-template-columns:1fr}.metric-card{min-height:105px}.login-card{padding:28px}.topbar-actions .avatar{display:none}}
@media(max-width:780px){.docs-grid,.docs-facts{grid-template-columns:1fr}.docs-hero{padding:20px}.banner-preview{height:150px}}

/* Media library and CRM push composer */
.sidebar nav{overflow-y:auto;min-height:0;padding-right:3px;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}
.banner-upload-card{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px;margin-bottom:24px;border:1px solid rgba(242,197,82,.35);border-radius:22px;background:radial-gradient(circle at 90% 0,rgba(242,197,82,.13),transparent 42%),linear-gradient(145deg,#191711,#10141a)}
.banner-upload-card h3{margin:0 0 9px;font-size:24px}.banner-upload-card p:not(.eyebrow){margin:0;color:var(--muted);line-height:1.55}.banner-upload-form{display:flex;align-items:stretch;gap:12px;min-width:520px}.file-picker{position:relative;display:grid;align-content:center;min-width:310px;padding:12px 16px;border:1px dashed #6b5827;border-radius:12px;background:#0b0e13;cursor:pointer}.file-picker input{position:absolute;opacity:0;pointer-events:none}.file-picker span{color:var(--gold);font-weight:800}.file-picker small{display:block;max-width:270px;margin-top:4px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.banner-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.asset-card{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.asset-card>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#050608}.asset-body{display:grid;gap:14px;padding:20px}.asset-body h3{margin:0 0 4px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-body p{margin:0;color:var(--muted);font-size:11px}.asset-url{padding:11px;border:1px solid var(--line);border-radius:9px;background:#080b0f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#bbc3ce}.asset-actions{display:flex;gap:8px}.asset-actions a{text-decoration:none}
.composer-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(370px,.65fr);gap:24px;align-items:start}.composer-editor,.json-result,.code-examples{padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}.composer-heading,.button-builder-head,.result-head,.code-examples-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.composer-heading{padding-bottom:22px;margin-bottom:20px;border-bottom:1px solid var(--line)}.composer-heading h3,.code-examples-head h3{margin:0 0 7px;font-size:24px}.composer-heading p:not(.eyebrow),.button-builder-head p,.code-examples-head p{margin:0;color:var(--muted);line-height:1.55}
.format-toolbar{display:flex;gap:6px;flex-wrap:wrap;padding:8px;border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;background:#0b0e13}.format-toolbar button{min-width:36px;height:32px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:#161b23;color:#e7e9ed}.format-toolbar+textarea{margin-top:0!important;border-radius:0 0 12px 12px!important;min-height:190px!important}.button-builder{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}.button-builder-head h3{margin:0 0 5px;font-size:17px}.button-builder-head p{max-width:620px;font-size:12px}.composer-button-row{display:grid;grid-template-columns:1fr 180px minmax(220px,1.1fr) 40px;gap:9px;margin-top:12px}.composer-button-row .icon-button{width:40px;height:42px}
.composer-side{position:sticky;top:125px;display:grid;gap:20px}.phone-preview{padding:18px;border:1px solid #313844;border-radius:26px;background:radial-gradient(circle at 20% 0,#273547,transparent 42%),#14202b;box-shadow:var(--shadow)}.phone-top{padding:2px 4px 15px;font-weight:900}.phone-top span{margin-left:6px;color:#9aabba;font-size:11px;font-weight:600}.phone-preview #phoneImage img{display:block;width:100%;max-height:250px;object-fit:cover;border-radius:16px 16px 5px 5px}.phone-bubble{margin-top:4px;padding:14px 15px 8px;border-radius:6px 16px 16px;background:#202d39;color:#f5f7fa;font-size:14px;line-height:1.48;word-break:break-word}.phone-bubble a{color:#75b9ff}.phone-time{text-align:right;color:#86a3b8;font-size:9px;margin-top:7px}.phone-buttons{display:grid;gap:5px;margin-top:5px}.phone-buttons span{display:block;padding:10px;border-radius:9px;background:#253747;color:#69b7ff;text-align:center;font-size:12px;font-weight:800}
.json-result{padding:22px}.result-head h3{margin:0;font-size:18px}.json-result .code-box{max-height:380px;margin-bottom:0}.code-examples{margin-top:24px}.code-examples-head{align-items:flex-end;padding-bottom:20px;border-bottom:1px solid var(--line)}.code-examples-head>p{max-width:560px;text-align:right;font-size:12px}.code-examples details{position:relative;padding:18px 0;border-bottom:1px solid var(--line)}.code-examples details:last-child{border-bottom:0}.code-examples details summary{margin:0}.code-example-actions{position:absolute;right:0;top:12px}.code-examples .code-box{margin:16px 0 0;max-height:420px}
@media(max-width:1250px){.banner-library{grid-template-columns:repeat(2,minmax(0,1fr))}.composer-layout{grid-template-columns:1fr}.composer-side{position:static;grid-template-columns:minmax(330px,.6fr) 1fr}}
@media(max-width:1050px){.banner-upload-card{display:block}.banner-upload-form{min-width:0;margin-top:20px}.composer-side{grid-template-columns:1fr}.phone-preview{max-width:520px;width:100%;margin:auto}}
@media(max-width:780px){.sidebar{left:-282px;width:282px}.banner-library{grid-template-columns:1fr}.banner-upload-card,.composer-editor,.json-result,.code-examples{padding:20px}.banner-upload-form{display:grid}.file-picker{min-width:0}.composer-button-row{grid-template-columns:1fr 42px}.composer-button-row .button-type,.composer-button-row .button-value{grid-column:1/-1}.composer-button-row .remove-composer-button{grid-row:1;grid-column:2}.composer-heading,.button-builder-head,.code-examples-head{display:block}.button-builder-head .button{margin-top:12px}.code-examples-head>p{text-align:left;margin-top:12px}.code-example-actions{position:static;margin:10px 0}.code-examples details summary{margin-bottom:8px}}
@media(max-height:850px) and (min-width:781px){.sidebar{padding-top:20px;padding-bottom:18px}.sidebar-brand{padding-bottom:18px}.nav-section{margin:9px 12px 3px}.nav-item{padding:9px 12px}.sidebar-footer{padding-top:10px}}

/* Player journey map and full template previews */
.template-page-intro,.journey-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:30px;margin-bottom:24px;border:1px solid rgba(242,197,82,.32);border-radius:22px;background:radial-gradient(circle at 90% 0,rgba(242,197,82,.14),transparent 40%),linear-gradient(145deg,#191711,#10141a)}
.template-page-intro h3,.journey-hero h3{margin:0 0 8px;font-size:27px}.template-page-intro p:not(.eyebrow),.journey-hero p:not(.eyebrow){max-width:790px;margin:0;color:var(--muted);font-size:14px;line-height:1.6}
.template-library-grid{align-items:start}.template-card-full{overflow:hidden}.template-card-full>header{margin-bottom:18px}.template-card-full>footer{gap:14px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.tg-template-preview{width:100%;padding:16px;border:1px solid #313844;border-radius:22px;background:radial-gradient(circle at 18% 0,#273547,transparent 38%),#14202b;box-shadow:0 14px 42px rgba(0,0,0,.2)}
.tg-template-top{padding:0 3px 13px;color:#f5f7fa;font-size:13px;font-weight:900}.tg-template-top span{margin-left:5px;color:#9aabba;font-size:10px;font-weight:600}
.tg-template-message{overflow:hidden;border-radius:7px 16px 16px;background:#202d39;color:#f5f7fa}.tg-template-media{display:grid;place-items:center;width:100%;overflow:hidden;background:#0b1015}.tg-template-media img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.tg-template-media.missing{min-height:118px;color:#8291a0;background:repeating-linear-gradient(135deg,#111922,#111922 12px,#151f29 12px,#151f29 24px)}.tg-template-media.missing span{display:block;font-size:30px}.tg-template-media.missing b{margin-top:-24px;font-size:11px}
.tg-template-copy{padding:14px 15px 7px;font-size:14px;line-height:1.5;overflow:visible;word-break:break-word}.tg-template-copy a{color:#75b9ff}.tg-template-copy code{padding:1px 4px;border-radius:4px;background:#15212b}.tg-template-time{padding:0 12px 8px;text-align:right;color:#86a3b8;font-size:9px}.tg-template-buttons{display:grid;gap:5px;margin-top:5px}.tg-template-buttons span{display:block;padding:10px;border-radius:9px;background:#253747;color:#69b7ff;text-align:center;font-size:12px;font-weight:800;word-break:break-word}.tg-template-buttons span.empty{color:#8393a2;font-weight:600}
.wide-modal{width:min(1240px,calc(100% - 28px))}.template-editor-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:28px;align-items:start}.template-editor-form{min-width:0}.template-editor-form #templateText{min-height:260px}.template-editor-form #templateButtons{min-height:150px}.template-editor-side{position:sticky;top:92px;min-width:0}.template-preview-heading{margin-bottom:14px}.template-preview-heading h3{margin:0 0 6px;font-size:20px}.template-preview-heading p:not(.eyebrow){margin:0;color:var(--muted);font-size:12px}.template-editor-side .tg-template-preview{max-height:none}.input-error{color:var(--red)!important}
.journey-legend{display:grid;grid-template-columns:repeat(2,auto);gap:10px 20px;min-width:360px}.journey-legend span{display:flex;align-items:center;gap:8px;color:#b4bdc8;font-size:11px}.journey-legend i{width:10px;height:10px;border-radius:3px;background:var(--blue)}.journey-legend i.entry{background:#a77cff}.journey-legend i.message{background:var(--gold)}.journey-legend i.error{background:var(--red)}
.journey-stack{display:grid;gap:24px}.journey-lane{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--surface)}.journey-lane>header{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding:24px 26px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#151a21,#10141a)}.journey-lane>header>div{display:grid;grid-template-columns:auto 1fr;column-gap:15px}.journey-lane>header h3{grid-column:2;margin:0 0 6px;font-size:20px}.journey-lane>header p{grid-column:2;margin:0;color:var(--muted);font-size:12px;line-height:1.5}.journey-number{grid-row:1/3;color:var(--gold);font:900 12px monospace;letter-spacing:.12em;padding-top:4px}.journey-entry-tag{flex:0 0 auto;padding:7px 10px;border:1px solid #3e4651;border-radius:999px;color:#aeb7c2;font:10px monospace}
.journey-flow{display:flex;align-items:stretch;gap:12px;padding:26px;overflow-x:auto;scrollbar-color:#3a424d #10141a}.journey-arrow{flex:0 0 24px;display:grid;place-items:center;align-self:center;color:#697484;font-size:24px}.journey-node{flex:0 0 292px;min-width:292px;padding:18px;border:1px solid #303843;border-radius:16px;background:#151b23;color:var(--text);text-align:left}.journey-node.entry{border-color:rgba(167,124,255,.38);background:rgba(167,124,255,.07)}.journey-node.success{border-color:rgba(81,212,154,.32);background:rgba(81,212,154,.055)}.journey-node.message{border-color:rgba(242,197,82,.42);background:linear-gradient(145deg,rgba(242,197,82,.11),#151920);transition:.16s}.journey-node.message:hover{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 15px 40px rgba(0,0,0,.25)}.journey-node.missing-template{border-color:rgba(255,107,114,.4)}
.journey-node-kicker{display:block;margin-bottom:10px;color:#7f8996;font-size:9px;font-weight:850;letter-spacing:.1em}.journey-node.message .journey-node-kicker{color:var(--gold)}.journey-node h4{margin:0 0 8px;font-size:15px}.journey-node>p{margin:0;color:#a9b2be;font-size:11px;line-height:1.55}.journey-node code{display:block;margin-bottom:12px;color:#e4bd57;font-size:10px}.journey-node .journey-note{margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08);color:#929dab;font-size:10px}.journey-message-copy{font-size:11px;line-height:1.48;color:#d7dce2;word-break:break-word}.journey-message-copy a{color:#75b9ff}.journey-message-buttons{display:grid;gap:4px;margin-top:12px}.journey-message-buttons span{padding:7px;border-radius:7px;background:#253747;color:#69b7ff;text-align:center;font-size:9px;font-weight:800}.journey-node small{display:block;margin-top:12px;color:#87919e;font-size:9px}
.journey-branches{padding:0 26px 26px}.journey-branches>h4{margin:0 0 13px;padding-top:20px;border-top:1px solid var(--line);color:#b9c1cc;font-size:13px}.journey-branch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.journey-branch-grid .journey-node{width:100%;min-width:0}.journey-lane.compact .journey-flow{padding-bottom:26px}
@media(max-width:1200px){.template-editor-layout{grid-template-columns:1fr}.template-editor-side{position:static;max-width:620px}.journey-branch-grid{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.template-page-intro,.journey-hero{display:block;padding:21px}.template-page-intro .button{margin-top:16px}.journey-legend{grid-template-columns:1fr;min-width:0;margin-top:18px}.journey-lane>header{display:block;padding:20px}.journey-entry-tag{display:inline-block;margin:14px 0 0 37px}.journey-flow{padding:20px}.journey-node{flex-basis:270px;min-width:270px}.journey-branches{padding:0 20px 20px}.journey-branch-grid{grid-template-columns:1fr}.journey-branch-grid .journey-node{min-width:0}.wide-modal{width:calc(100% - 16px)}.template-editor-layout{gap:20px}.tg-template-preview{padding:12px}.template-card-full>footer{align-items:flex-start;flex-direction:column}}
.tg-template-preview.editor .tg-template-media img{width:100%;height:180px;object-fit:contain}.tg-template-preview.editor .tg-template-media.missing{min-height:150px}.tg-template-preview.editor .tg-template-copy{padding-top:12px;font-size:12.5px;line-height:1.42}.tg-template-preview.editor .tg-template-buttons span{padding:8px}

/* GR8 subscription bonus webhook */
.gr8-webhook-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:32px;margin-bottom:22px;border:1px solid rgba(242,197,82,.35);border-radius:22px;background:radial-gradient(circle at 90% 0,rgba(242,197,82,.18),transparent 42%),linear-gradient(145deg,#1c1911,#10141a)}
.gr8-webhook-hero h3{margin:0 0 10px;font-size:30px;letter-spacing:-.035em}.gr8-webhook-hero p:not(.eyebrow){max-width:820px;margin:0;color:#bdc4ce;font-size:14px;line-height:1.65}.gr8-webhook-hero .mono{color:#f3d47d}
.gr8-contract{display:grid;grid-template-columns:repeat(3,minmax(112px,1fr));min-width:420px;gap:9px}.gr8-contract span{padding:14px;border:1px solid #423923;border-radius:13px;background:rgba(8,11,15,.62);color:#9ea7b3;font-size:10px}.gr8-contract b{display:block;margin-bottom:5px;color:var(--gold);font-size:17px}
.gr8-config-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(390px,.75fr);gap:20px;align-items:start;margin-bottom:34px}.gr8-config-card,.gr8-payload-card{padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.gr8-config-card{border-color:rgba(81,212,154,.28);box-shadow:inset 0 1px rgba(255,255,255,.025)}.gr8-config-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.gr8-config-heading h3,.gr8-payload-card h3{margin:0 0 6px;font-size:21px}.gr8-config-heading p:not(.eyebrow){margin:0;color:var(--muted);font-size:12px;line-height:1.5}.gr8-config-card .modal-actions{justify-content:flex-start}.gr8-config-card .button:disabled{cursor:not-allowed;opacity:.42;transform:none;filter:none}
.gr8-payload-card{position:sticky;top:122px;background:linear-gradient(150deg,#11161d,#0d1116)}.gr8-payload-card>.code-box{min-height:250px;margin:16px 0;color:#d6dde6;white-space:pre-wrap}.gr8-checklist{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:18px}.gr8-checklist span{padding:10px 11px;border:1px solid rgba(81,212,154,.2);border-radius:10px;background:rgba(81,212,154,.055);color:#a9dfc8;font-size:10px}.gr8-payload-card .warning-box{margin:0}
.routes-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 18px}.routes-section-head h3{margin:0 0 6px;font-size:23px}.routes-section-head p:not(.eyebrow){margin:0;color:var(--muted);font-size:12px;line-height:1.5}.route-purpose{min-height:38px;margin:13px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.route-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:17px;padding-top:17px;border-top:1px solid var(--line)}.route-card-actions .button.danger{margin-left:auto}
.gr8-test-result{display:grid;gap:5px;margin:14px 0;padding:14px 16px;border:1px solid var(--line);border-radius:12px}.gr8-test-result b{font-size:13px}.gr8-test-result span{font-size:11px;line-height:1.5}.gr8-test-result.success{border-color:rgba(81,212,154,.35);background:rgba(81,212,154,.08);color:#a9e8cc}.gr8-test-result.failed{border-color:rgba(255,107,114,.35);background:rgba(255,107,114,.08);color:#ffafb3}
@media(max-width:1150px){.gr8-webhook-hero{display:block}.gr8-contract{min-width:0;margin-top:22px}.gr8-config-layout{grid-template-columns:1fr}.gr8-payload-card{position:static}}
@media(max-width:780px){.gr8-webhook-hero,.gr8-config-card,.gr8-payload-card{padding:20px}.gr8-webhook-hero h3{font-size:25px}.gr8-contract{grid-template-columns:1fr}.gr8-config-heading,.routes-section-head{display:block}.gr8-config-heading .badge{margin-top:14px}.routes-section-head .button{width:100%;margin-top:15px}.gr8-checklist{grid-template-columns:1fr}.route-card-actions .button,.route-card-actions .button.danger{width:100%;margin-left:0}}

/* Delivery audit and operational metrics */
.dashboard-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:4px 0 14px}.dashboard-section-head h3{margin:0;font-size:20px}.dashboard-grid{margin-bottom:22px}.delivery-metric-grid,.delivery-log-metrics{grid-template-columns:repeat(6,minmax(145px,1fr))}.metric-card.danger-metric{border-color:rgba(255,107,114,.35);background:linear-gradient(145deg,rgba(87,28,33,.32),#0d1116)}.metric-card.danger-metric strong{color:#ff9da2}.journey-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.journey-kpis div{padding:16px;border:1px solid var(--line);border-radius:12px;background:#0c1015}.journey-kpis span{display:block;color:var(--muted);font-size:11px}.journey-kpis b{display:block;margin-top:6px;font-size:24px}.delivery-feed{display:grid;padding-top:8px;padding-bottom:8px}.delivery-feed-item{display:grid;grid-template-columns:9px minmax(0,1fr) auto auto;gap:12px;align-items:center;width:100%;padding:12px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:left}.delivery-feed-item:last-child{border-bottom:0}.delivery-feed-item:hover span>b{color:var(--gold)}.delivery-feed-item span>b,.delivery-feed-item span>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delivery-feed-item span>small{margin-top:3px;color:var(--muted)}.delivery-feed-item time{color:#68717e;font-size:10px;white-space:nowrap}
.delivery-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:30px;margin-bottom:24px;border:1px solid rgba(242,197,82,.3);border-radius:22px;background:radial-gradient(circle at 90% 0,rgba(242,197,82,.13),transparent 42%),linear-gradient(145deg,#191711,#10141a)}.delivery-hero h3{margin:0 0 8px;font-size:27px}.delivery-hero p:not(.eyebrow){max-width:780px;margin:0;color:var(--muted);line-height:1.6}.delivery-origin-breakdown{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;max-width:520px}.delivery-origin-breakdown span{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #3b3423;border-radius:10px;background:rgba(8,11,15,.62);color:#b9c0ca;font-size:11px}.delivery-origin-breakdown b{color:var(--gold)}.delivery-toolbar .filters{flex:1}.delivery-toolbar .search{flex:1;min-width:300px}.delivery-log-panel{overflow:visible}.delivery-table{min-width:1320px}.delivery-table td{vertical-align:top}.delivery-table td>small,.delivery-table td>b+small{display:block;margin-top:5px;color:var(--muted);font-size:10px}.delivery-snippet{max-width:360px;line-height:1.45;color:#d1d6dd}.delivery-error-inline{max-width:330px;color:#ff9da2!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delivery-content-flags{display:flex;flex-wrap:wrap;gap:5px;min-width:105px}.delivery-content-flags span{padding:5px 7px;border-radius:7px;background:#202630;color:#bbc3cd;font-size:10px}.delivery-modal-banner{display:block;width:calc(100% + 44px);max-height:310px;object-fit:cover;margin:-20px -22px 20px;border-bottom:1px solid var(--line)}.delivery-message-full{margin:18px 0;padding:18px;border:1px solid #314151;border-radius:14px;background:#17232e;color:#f5f7fa;font-size:14px;line-height:1.55;white-space:normal;word-break:break-word}.delivery-message-full a{color:#75b9ff}.delivery-buttons{display:grid;gap:7px}.delivery-buttons span{display:block;padding:9px 11px;text-align:center}.delivery-error{margin-top:18px;padding:14px 16px;border:1px solid rgba(255,107,114,.35);border-radius:12px;background:rgba(255,107,114,.08);color:#ffc0c3;font-size:12px}.delivery-error b{display:block;margin-bottom:5px;color:#ff8f95}.delivery-tech{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.delivery-tech summary{margin-bottom:0;font-size:13px}
@media(max-width:1400px){.delivery-metric-grid,.delivery-log-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.delivery-hero{display:block}.delivery-origin-breakdown{justify-content:flex-start;max-width:none;margin-top:20px}.delivery-toolbar .filters{display:grid;grid-template-columns:1fr 1fr}.delivery-toolbar .search{grid-column:1/-1;min-width:0}}
@media(max-width:580px){.delivery-metric-grid,.delivery-log-metrics{grid-template-columns:1fr 1fr}.dashboard-section-head{align-items:flex-start;flex-direction:column}.delivery-feed-item{grid-template-columns:9px minmax(0,1fr) auto}.delivery-feed-item time{display:none}.delivery-toolbar .filters{grid-template-columns:1fr}.delivery-toolbar .search{grid-column:auto}}

/* Campaign composer, personalized links, and click reporting */
.campaign-attribution-note{margin:14px 0 0;padding-top:13px;border-top:1px solid var(--line);color:#909bab;font-size:11px;line-height:1.6}.campaign-webhook-owner-note{display:block;margin-top:7px;color:#bfaa72;font-size:10px;line-height:1.5}.campaign-docs-steps{padding-left:23px;margin:18px 0;color:#bac4d0;font-size:14px;line-height:1.7}.campaign-docs-steps li+li{margin-top:10px}.campaign-docs-steps code{color:#f3d47d}
.campaign-list-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:0 0 30px}.campaign-list-heading h3{margin:0 0 9px;font-size:29px;letter-spacing:-.025em}.campaign-list-heading p{max-width:810px;margin:0;color:var(--muted);font-size:14px;line-height:1.65}.campaign-list-heading>.button{flex-shrink:0}
.campaign-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}.campaign-card-v2{min-width:0;padding:23px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.campaign-card-v2>header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:20px}.campaign-card-v2>header h3{margin:0;color:var(--text);font-size:19px;word-break:break-word}.campaign-card-v2>header p{margin:7px 0 0;color:var(--muted);font-size:12px}.campaign-card-v2>footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.campaign-card-v2>footer .primary{margin-left:auto}.campaign-stat-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.campaign-stat-strip span{color:var(--muted);font-size:12px}.campaign-stat-strip b{margin-right:4px;color:#e4e9ef;font-size:17px}.campaign-stat-strip .has-error,.campaign-stat-strip .has-error b{color:#ff9da2}.campaign-link-label{margin-top:15px;padding:10px 12px;border:1px solid rgba(242,197,82,.18);border-radius:9px;background:rgba(242,197,82,.055);color:#dbc27b;font-size:11px;line-height:1.5}.campaign-message-preview .tg-template-media img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.campaign-message-preview .tg-template-copy{font-size:14px;line-height:1.6;overflow:visible;max-height:none}.campaign-message-preview .tg-template-buttons span{font-size:13px;padding:11px 13px}.campaign-preview-link{color:#75b9ff;text-decoration:underline;text-underline-offset:2px;cursor:default}
.campaign-editor-top{display:flex;align-items:center;gap:18px;margin-bottom:24px}.campaign-editor-top>span:not(.badge){flex:1;color:var(--muted);font-size:12px}.campaign-editor-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.9fr);gap:26px;align-items:start}.campaign-editor-main{min-width:0}.campaign-editor-fields{min-width:0;margin:0;padding:0;border:0;display:grid;gap:22px}.campaign-editor-card{min-width:0;padding:27px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.campaign-section-title{display:flex;align-items:flex-start;gap:13px;margin-bottom:22px}.campaign-section-title>span{display:grid;place-items:center;flex:0 0 34px;height:34px;border:1px solid #4a3d21;border-radius:10px;background:#211d13;color:var(--gold);font-size:11px;font-weight:800}.campaign-section-title h3{margin:0 0 5px;font-size:22px;letter-spacing:-.02em}.campaign-section-title p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.campaign-editor-card .field{font-size:13px}.campaign-editor-card .field small{font-size:11px;line-height:1.55}.campaign-editor-card input,.campaign-editor-card textarea,.campaign-editor-card select{font-size:14px}.campaign-editor-card #campaignText{min-height:250px!important;line-height:1.65}.campaign-editor-card .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-editor-card .field input,.campaign-editor-card .field select{min-width:0}.campaign-variable-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:-2px 0 24px;color:var(--muted);font-size:11px}.campaign-variable-tools button{border:1px solid var(--line);border-radius:7px;padding:5px 9px;background:#141922;color:#c6d0dd;font-size:11px}.campaign-variable-tools button:hover{border-color:var(--gold);color:var(--gold)}.campaign-upload-row{display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin:4px 0 0}.campaign-upload-row>span{flex:1;min-width:120px;color:var(--muted);font-size:11px}.campaign-upload-label{cursor:pointer}.campaign-upload-row .link-button{padding:5px 0;font-size:11px}.campaign-button-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 36px;column-gap:10px;align-items:end;margin-top:15px;padding:15px;border:1px solid var(--line);border-radius:13px;background:#0d1117}.campaign-button-row .field{margin:0;gap:7px;font-size:11px}.campaign-button-row .field input,.campaign-button-row .field select{padding:11px 10px;font-size:12px;min-height:42px}.campaign-button-row .campaign-button-url-field{grid-column:1/-1;margin-top:12px}.campaign-button-remove{width:36px;height:42px}.campaign-button-row .icon-button:disabled,.campaign-editor-fields:disabled .button{opacity:.6;cursor:default}.campaign-editor-fields:disabled .campaign-upload-label{pointer-events:none;opacity:.6}
.campaign-bonus-card{border-color:rgba(242,197,82,.3);background:linear-gradient(150deg,#18170f,var(--surface) 48%)}.campaign-bonus-toggle{align-items:flex-start!important;gap:12px!important;padding:15px;margin:0 0 18px!important;border:1px solid #403925;border-radius:12px;background:rgba(242,197,82,.045);line-height:1.5}.campaign-bonus-toggle input{accent-color:var(--gold);width:17px!important;height:17px;margin-top:1px;flex-shrink:0}.campaign-link-explanation{margin:18px 0 22px;color:#c8c5b8;font-size:12px;line-height:1.7}.campaign-extra-settings{margin:18px 0 0;padding-top:18px;border-top:1px solid var(--line)}.campaign-extra-settings>summary{margin-bottom:15px;color:#abb6c5;font-size:13px;font-weight:650}.campaign-extra-settings textarea{min-height:115px;font:12px/1.6 monospace}.campaign-link-generator{margin-top:22px;padding:18px;border:1px solid #4a4026;border-radius:13px;background:#14130e}.campaign-link-generator>div>b{color:#f3d68d;font-size:15px}.campaign-link-generator p{margin:7px 0 14px;color:#aba798;font-size:11px;line-height:1.55}.campaign-placeholder-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid #403b28;border-radius:10px;background:#0a0c0e}.campaign-placeholder-row code{font:13px monospace;color:#f6d986;user-select:all}.campaign-generator-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:13px 0}.campaign-generator-actions .compact-input{flex:1;min-width:135px;padding:9px;font-size:11px}.campaign-link-generator>small{display:block;color:#a19c8a;font-size:11px;line-height:1.55}.campaign-recipient-count{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:23px 0;padding:17px;border:1px solid #30443d;border-radius:13px;background:rgba(81,212,154,.04)}.campaign-recipient-count span{display:block;color:#a6b9b1;font-size:11px}.campaign-recipient-count b{display:block;margin-top:5px;color:#a7e9ce;font-size:29px;line-height:1.2}.campaign-recipient-count .button{font-size:11px}.campaign-editor-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:20px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#11171d}.campaign-editor-actions>.button{font-size:12px}.campaign-editor-actions>span{flex-basis:100%;color:var(--muted);font-size:11px}.campaign-editor-actions>span:empty{display:none}.campaign-editor-actions .button:disabled,.campaign-recipient-count .button:disabled{opacity:.5;cursor:wait}
.campaign-editor-side{position:sticky;top:126px;min-width:0;display:grid;gap:15px}.campaign-preview-heading{padding:0 3px}.campaign-preview-heading h3{margin:0 0 7px;font-size:21px}.campaign-preview-heading p:not(.eyebrow){margin:0;color:var(--muted);font-size:12px;line-height:1.6}.campaign-preview-note{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#10161d;color:#91a1b3;font-size:11px;line-height:1.7}.campaign-send-summary{display:grid;gap:8px;margin-bottom:24px;text-align:center}.campaign-send-summary>strong{font-size:42px;color:var(--gold);line-height:1.2}.campaign-send-summary>span{color:var(--muted);font-size:13px}.campaign-send-note{margin:16px 0;padding:0 2px;color:var(--muted);font-size:12px;line-height:1.6}.campaign-click-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:25px}.campaign-click-metrics>div{padding:16px;border:1px solid var(--line);border-radius:12px;background:#0d1117}.campaign-click-metrics span{display:block;color:var(--muted);font-size:11px;line-height:1.45}.campaign-click-metrics b{display:block;margin-top:9px;font-size:25px;color:#ead49c}.campaign-click-error{display:block;max-width:300px;margin-top:7px;color:#ff9da2;font-size:11px;line-height:1.5;word-break:break-word}.campaign-click-table{min-width:970px}.campaign-click-table td{vertical-align:top}
@media(max-width:1350px){.campaign-editor-layout{grid-template-columns:minmax(0,1.4fr) minmax(290px,.9fr);gap:18px}.campaign-editor-card{padding:22px}.campaign-button-row{grid-template-columns:minmax(0,1fr) 36px}.campaign-button-row>.field:nth-child(2){grid-column:1/-1;grid-row:2;margin-top:10px}.campaign-button-row>.campaign-button-remove{grid-column:2;grid-row:1}.campaign-editor-card .button-builder-head{align-items:flex-start;gap:10px}.campaign-editor-card .button-builder-head p{font-size:11px}.campaign-editor-card .button-builder-head .button{flex-shrink:0}}
@media(max-width:1120px){.campaign-library{grid-template-columns:1fr}.campaign-editor-layout{grid-template-columns:minmax(0,1fr)}.campaign-editor-side{position:static;max-width:610px;width:100%;grid-row:1;margin:0 auto 3px}.campaign-editor-side .campaign-message-preview{max-width:610px}.campaign-editor-side .campaign-preview-note{display:none}.campaign-editor-card .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-button-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 36px}.campaign-button-row>.field:nth-child(2){grid-column:2;grid-row:1;margin-top:0}.campaign-button-row>.campaign-button-remove{grid-column:3}.campaign-click-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.campaign-list-heading{align-items:flex-start;flex-direction:column;gap:18px}}
@media(max-width:650px){.campaign-editor-top{align-items:flex-start;flex-wrap:wrap;gap:12px}.campaign-editor-top>span:not(.badge){order:3;flex-basis:100%}.campaign-editor-card{padding:18px}.campaign-section-title h3{font-size:20px}.campaign-editor-card .form-grid{grid-template-columns:1fr}.campaign-placeholder-row{align-items:flex-start;flex-direction:column}.campaign-generator-actions>*{width:100%}.campaign-button-row{grid-template-columns:minmax(0,1fr) 36px;padding:12px}.campaign-button-row>.field:nth-child(2){grid-column:1/-1;grid-row:2;margin-top:10px}.campaign-button-row>.campaign-button-remove{grid-column:2}.campaign-recipient-count{align-items:flex-start;flex-direction:column}.campaign-editor-actions>.button{width:100%}.campaign-click-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-card-v2{padding:17px}.campaign-card-v2>header{flex-wrap:wrap}.campaign-card-v2>footer .primary{margin-left:0}.campaign-message-preview{padding:12px}.campaign-message-preview .tg-template-copy{font-size:13px}}