:root{--bg:#050914;--panel:#0b1424;--panel2:#0e1a2d;--line:#1c2c43;--text:#f2f7ff;--muted:#8fa1bb;--blue:#2d86ff;--cyan:#2bdcff;--green:#25d49a;--red:#ff6677;--gold:#ffc968;--violet:#886bff;--radius:18px}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 8% -10%,rgba(45,134,255,.18),transparent 31%),radial-gradient(circle at 92% 0,rgba(136,107,255,.13),transparent 28%),linear-gradient(180deg,#040812,#07101d);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.layout{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:15px;display:flex;flex-direction:column;border-right:1px solid rgba(148,163,184,.13);background:rgba(5,10,19,.94);backdrop-filter:blur(22px)}.brand{display:flex;gap:11px;align-items:center;padding:12px;border:1px solid rgba(69,144,246,.2);border-radius:16px;background:linear-gradient(135deg,rgba(45,134,255,.14),rgba(136,107,255,.06));margin-bottom:15px}.brand-mark,.auth-logo{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--violet));font-weight:900;box-shadow:0 14px 30px rgba(45,134,255,.25)}.brand span:last-child{display:grid}.brand strong{letter-spacing:.06em}.brand small{color:var(--muted);font-size:10px}.sidebar nav{display:grid;gap:4px;overflow:auto}.sidebar nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;border:1px solid transparent;border-radius:11px;color:#92a3ba;font-size:13px;font-weight:700}.sidebar nav a svg,.mobile-nav svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sidebar nav a:hover{color:#fff;background:rgba(255,255,255,.04)}.sidebar nav a.active{color:#fff;border-color:rgba(45,134,255,.28);background:linear-gradient(90deg,rgba(45,134,255,.22),rgba(43,220,255,.06));box-shadow:inset 3px 0 0 var(--cyan)}.sidebar-user{margin-top:auto;display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}.avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--violet));font-weight:900}.sidebar-user div{display:grid;min-width:0}.sidebar-user strong{overflow:hidden;text-overflow:ellipsis}.sidebar-user small{color:var(--muted)}.sidebar-user>a{grid-column:1/-1;padding-top:8px;border-top:1px solid var(--line);text-align:center;color:#7489a5;font-size:11px}.content{padding:20px 26px 45px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;border:1px solid rgba(148,163,184,.15);border-radius:18px;background:rgba(9,17,31,.72);backdrop-filter:blur(20px)}.topbar h1{margin:2px 0 0;font-size:clamp(24px,3vw,35px);letter-spacing:-.04em}.eyebrow{margin:0;color:#62afff;font-size:10px;font-weight:900;letter-spacing:.15em}.top-actions{display:flex;gap:8px;align-items:center}.status-online,.user-pill,.pill,.badge{padding:7px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.15);font-size:11px;color:#a9b8cc;background:rgba(255,255,255,.025)}.status-online{color:#75e8bd;border-color:rgba(37,212,154,.22);background:rgba(37,212,154,.07)}.system-strip{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:9px 0 17px;padding:8px 13px;border:1px solid rgba(148,163,184,.1);border-radius:11px;color:#6f829e;font-size:11px;background:rgba(5,10,20,.45)}.system-strip strong{color:#c5d2e3}.alert{margin-bottom:13px;padding:12px 14px;border-radius:12px;border:1px solid}.alert.success{color:#8af1ca;background:rgba(37,212,154,.08);border-color:rgba(37,212,154,.24)}.alert.danger{color:#ff9ba7;background:rgba(255,102,119,.08);border-color:rgba(255,102,119,.24)}.panel,.metric,.card{border:1px solid rgba(148,163,184,.14);border-radius:var(--radius);background:linear-gradient(145deg,rgba(14,25,44,.93),rgba(7,14,27,.92));box-shadow:0 18px 50px rgba(0,0,0,.2)}.panel{padding:18px;margin-bottom:14px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel h2,.panel h3{margin:0}.muted{color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.metric{padding:16px;min-height:116px;position:relative;overflow:hidden}.metric:after{content:"";position:absolute;width:100px;height:100px;right:-38px;top:-42px;border-radius:50%;background:radial-gradient(circle,rgba(45,134,255,.25),transparent 68%)}.metric span,.metric small{display:block;color:var(--muted);font-size:11px}.metric strong{display:block;margin:10px 0 5px;font-size:25px;letter-spacing:-.04em}.metric.positive strong{color:var(--green)}.button,button.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;border:1px solid rgba(93,165,255,.65);border-radius:11px;color:white;background:linear-gradient(135deg,#2478f5,#4094ff);font-weight:800;cursor:pointer;box-shadow:0 10px 25px rgba(45,134,255,.2)}.button:hover{filter:brightness(1.07)}.button.ghost{background:rgba(255,255,255,.035);border-color:var(--line);color:#c4d1e3;box-shadow:none}.button.danger{background:rgba(255,102,119,.12);border-color:rgba(255,102,119,.35);color:#ff9ba7;box-shadow:none}.button.small{padding:7px 10px;font-size:11px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.form-grid .full{grid-column:1/-1}label{display:grid;gap:6px;color:#b9c7d9;font-size:12px;font-weight:700}input,select,textarea{width:100%;padding:10px 11px;color:#edf5ff;border:1px solid #24364e;border-radius:10px;background:#07101e;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(45,134,255,.13)}table{width:100%;border-collapse:separate;border-spacing:0}.table-wrap{overflow:auto;border:1px solid rgba(148,163,184,.1);border-radius:13px}th,td{padding:11px 12px;text-align:left;border-bottom:1px solid rgba(148,163,184,.09);white-space:nowrap}th{color:#7f93af;background:#091321;font-size:10px;text-transform:uppercase;letter-spacing:.1em}td{color:#cbd6e7;background:rgba(8,16,29,.5);font-size:12px}tr:last-child td{border-bottom:0}.status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.status.running,.status.completed,.status.open,.status.approved{color:#75e8bd;background:rgba(37,212,154,.1)}.status.pending,.status.funded,.status.paused,.status.draft{color:#ffd789;background:rgba(255,201,104,.1)}.status.locked,.status.closed,.status.failed{color:#ff9ba7;background:rgba(255,102,119,.1)}.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:24px;margin-bottom:14px;border:1px solid rgba(56,151,255,.25);border-radius:22px;background:radial-gradient(circle at 15% 0,rgba(43,220,255,.18),transparent 34%),radial-gradient(circle at 88% 8%,rgba(136,107,255,.18),transparent 30%),linear-gradient(135deg,#091426,#0b1d3a 56%,#0b3650)}.hero h2{margin:3px 0 8px;font-size:clamp(28px,4vw,46px);letter-spacing:-.045em}.hero p{margin:0;max-width:700px;color:#a0b1c7}.hero-actions{display:flex;gap:8px;flex-wrap:wrap}.split{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);gap:14px}.list{display:grid;gap:7px}.list-row{display:grid;grid-template-columns:10px 1fr auto;gap:11px;align-items:start;padding:12px;border-bottom:1px solid rgba(148,163,184,.09)}.dot{width:7px;height:7px;margin-top:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 11px rgba(45,134,255,.7)}.list-row p{margin:4px 0 0;color:var(--muted);font-size:11px}.list-row time{color:#6e829d;font-size:10px}.empty{padding:25px;text-align:center;color:var(--muted)}.mobile-nav{display:none}.auth-body{display:grid;place-items:center;padding:24px}.auth-card,.install-card{width:min(520px,100%);padding:25px;border:1px solid rgba(148,163,184,.17);border-radius:22px;background:rgba(8,16,29,.92);box-shadow:0 32px 90px rgba(0,0,0,.43)}.auth-card h1,.install-card h1{margin:8px 0 20px}.auth-logo{margin-bottom:13px}.auth-links{display:flex;justify-content:space-between;margin-top:14px;color:#7fb8ff;font-size:12px}
.arb-network{display:grid;grid-template-columns:1fr 90px 135px 90px 1fr;align-items:center;gap:8px;min-height:265px;padding:15px 0}.arb-node{padding:15px;border:1px solid rgba(92,140,200,.2);border-radius:15px;background:rgba(6,14,27,.74)}.arb-node strong,.arb-node small{display:block}.arb-node small{margin-top:5px;color:var(--muted);font-size:10px}.arb-core{position:relative;width:125px;height:125px;margin:auto;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#1b5ca7,#0b1e3b 48%,#07101d 70%);border:1px solid rgba(65,168,255,.5);box-shadow:inset 0 0 35px rgba(37,132,255,.28),0 0 40px rgba(37,132,255,.16)}.arb-core strong{font-size:30px;z-index:2}.arb-core small{position:absolute;bottom:24px;color:#71c7ff;font-size:7px;letter-spacing:.16em}.ring{position:absolute;inset:-10px;border:1px dashed rgba(43,220,255,.42);border-radius:50%;animation:spin 8s linear infinite}.ring.two{inset:9px;border-style:solid;border-color:rgba(136,107,255,.3);animation-direction:reverse;animation-duration:5s}.flow{display:flex;justify-content:space-around}.flow i{width:7px;height:7px;border-radius:50%;background:var(--cyan);opacity:.15;animation:packet 1.5s infinite}.flow i:nth-child(2){animation-delay:.35s}.flow i:nth-child(3){animation-delay:.7s}.flow.reverse{transform:scaleX(-1)}.engine-paused .ring,.engine-paused .flow i{animation-play-state:paused;opacity:.12}.progress{height:8px;border-radius:999px;overflow:hidden;background:#06101e}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan))}.engine-stage{display:flex;justify-content:space-between;margin:9px 0 14px;color:#8aa0bb;font-size:11px}.details{display:grid;margin:0}.details div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid rgba(148,163,184,.09)}.details dt{color:var(--muted)}.details dd{margin:0;text-align:right}.disclosure{padding:12px;border:1px solid rgba(255,201,104,.22);border-radius:11px;color:#c8b889;background:rgba(255,201,104,.055);font-size:11px;line-height:1.55}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px}.modal-bg{position:absolute;inset:0;background:rgba(1,5,12,.84);backdrop-filter:blur(8px)}.modal-card{position:relative;width:min(580px,100%);padding:22px;border:1px solid rgba(70,145,240,.3);border-radius:20px;background:#091321}.modal-close{position:absolute;right:12px;top:10px;border:0;background:transparent;color:#fff;font-size:24px;cursor:pointer}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes packet{0%{opacity:.08;transform:translateX(-10px)}45%{opacity:1}100%{opacity:.08;transform:translateX(10px)}}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.arb-network{grid-template-columns:1fr 65px 110px 65px 1fr}.arb-core{width:105px;height:105px}}
@media(max-width:820px){.layout{display:block}.sidebar{display:none}.content{padding:12px 12px 92px}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;z-index:50;padding:7px max(7px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom));border-top:1px solid rgba(148,163,184,.15);background:rgba(5,10,20,.95);backdrop-filter:blur(20px)}.mobile-nav a{display:grid;place-items:center;gap:3px;color:#7186a3;font-size:9px}.mobile-nav svg{width:19px}.mobile-nav .center{color:#65b4ff}.topbar{padding:12px}.top-actions .user-pill{display:none}.system-strip{overflow:auto;flex-wrap:nowrap;white-space:nowrap}.hero{grid-template-columns:1fr;padding:18px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}
@media(max-width:580px){.metric-grid{gap:8px}.metric{padding:13px;min-height:100px}.metric strong{font-size:20px}.arb-network{grid-template-columns:1fr 42px 85px 42px 1fr;min-height:210px}.arb-core{width:80px;height:80px}.arb-core strong{font-size:21px}.arb-core small{bottom:15px;font-size:5px}.arb-node{padding:9px}.arb-node small{display:none}.flow i{width:4px;height:4px}}


/* Account menu and compact top-right controls */
.icon-button{position:relative;display:grid;place-items:center;width:39px;height:39px;padding:0;border:1px solid rgba(148,163,184,.16);border-radius:11px;color:#b9c8da;background:rgba(255,255,255,.035);cursor:pointer}
.icon-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.icon-button:hover{color:#fff;border-color:rgba(69,144,246,.34);background:rgba(45,134,255,.1)}
.notification-button b{position:absolute;right:-4px;top:-5px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border:2px solid #091321;border-radius:999px;color:#fff;background:var(--red);font-size:9px}
.account-menu-wrap{position:relative}
.account-dropdown{position:absolute;right:0;top:48px;z-index:90;width:255px;padding:8px;border:1px solid rgba(148,163,184,.2);border-radius:16px;background:rgba(7,15,28,.98);box-shadow:0 26px 80px rgba(0,0,0,.48);backdrop-filter:blur(22px)}
.account-dropdown[hidden]{display:none}
.account-dropdown-head{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;padding:9px 9px 12px;margin-bottom:6px;border-bottom:1px solid rgba(148,163,184,.11)}
.account-dropdown-head div{display:grid;min-width:0}.account-dropdown-head strong{overflow:hidden;text-overflow:ellipsis}.account-dropdown-head small{color:var(--muted)}
.account-dropdown>a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;color:#a9b8cb;font-size:12px;font-weight:700}
.account-dropdown>a:hover{color:#fff;background:rgba(45,134,255,.1)}
.account-dropdown>a svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.account-dropdown>a em{margin-left:auto;padding:2px 6px;border-radius:999px;color:#fff;background:var(--red);font-size:9px;font-style:normal}
.mobile-nav button{border:0;background:transparent;display:grid;place-items:center;gap:3px;color:#7186a3;font-size:9px;cursor:pointer}
.mobile-nav button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Home community feed */
.home-welcome{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:21px 23px;margin-bottom:14px;border:1px solid rgba(62,146,245,.22);border-radius:20px;background:linear-gradient(135deg,rgba(12,28,51,.95),rgba(9,20,37,.94))}
.home-welcome h2{margin:3px 0 7px;font-size:clamp(25px,3vw,38px);letter-spacing:-.04em}.home-welcome p{margin:0;color:var(--muted)}
.home-summary{display:flex;gap:8px;flex-wrap:wrap}.home-summary span{display:grid;min-width:130px;padding:10px 12px;border:1px solid rgba(148,163,184,.12);border-radius:12px;color:var(--muted);font-size:10px;background:rgba(255,255,255,.025)}.home-summary strong{margin-top:4px;color:#fff;font-size:13px}
.feed-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.65fr);gap:14px}.newsfeed{display:grid;gap:14px;align-content:start}.feed-sidebar{position:sticky;top:16px;align-self:start}
.feed-post{padding:18px;border:1px solid rgba(148,163,184,.14);border-radius:18px;background:linear-gradient(145deg,rgba(14,25,44,.94),rgba(7,14,27,.94));box-shadow:0 18px 50px rgba(0,0,0,.18)}
.feed-post.pinned{border-color:rgba(45,134,255,.36);box-shadow:inset 0 2px 0 rgba(43,220,255,.36),0 18px 50px rgba(0,0,0,.2)}
.feed-post-head{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center}.feed-post-head>div{display:grid}.feed-post-head small{color:var(--muted);font-size:10px}
.feed-category{padding:5px 8px;border-radius:999px;color:#80c2ff;background:rgba(45,134,255,.1);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.pinned-label{margin:14px 0 0;color:#7cc4ff;font-size:10px;font-weight:800}.feed-post h2{margin:14px 0 9px;font-size:22px;letter-spacing:-.025em}.feed-body{color:#c6d2e2;line-height:1.7;font-size:14px}
.feed-actions{display:flex;align-items:center;justify-content:space-between;margin-top:15px;padding-top:12px;border-top:1px solid rgba(148,163,184,.09);color:#7f94b0;font-size:11px}.feed-actions span,.feed-actions a{display:flex;align-items:center;gap:6px}.feed-actions svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}.feed-actions a{color:#72b8ff}
.comment-thread{display:grid;gap:8px;margin-top:13px;padding-top:12px;border-top:1px solid rgba(148,163,184,.09)}.comment{display:grid;grid-template-columns:32px 1fr;gap:9px;padding:8px 0}.avatar.small{width:32px;height:32px;border-radius:10px;font-size:11px}.comment>div{padding:9px 11px;border-radius:12px;background:rgba(255,255,255,.028)}.comment header{display:flex;align-items:center;justify-content:space-between;gap:10px}.comment header strong{font-size:11px}.comment header small{color:#677c98;font-size:9px}.comment p{margin:5px 0 0;color:#b8c5d6;font-size:12px;line-height:1.5}
.comment-form{display:grid;grid-template-columns:32px 1fr auto;gap:8px;align-items:center;margin-top:4px}.comment-form input{min-width:0}

/* Markets */
.market-hero{background:radial-gradient(circle at 15% 0,rgba(43,220,255,.16),transparent 34%),radial-gradient(circle at 88% 8%,rgba(136,107,255,.15),transparent 30%),linear-gradient(135deg,#091426,#0d203d 56%,#0a354d)}
.market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:14px}.market-card{padding:17px;border:1px solid rgba(148,163,184,.14);border-radius:18px;background:linear-gradient(145deg,rgba(14,25,44,.94),rgba(7,14,27,.93));overflow:hidden}.market-card-head{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center}.market-card-head>div{display:grid}.market-card-head small{color:var(--muted);font-size:10px}.market-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--violet));font-size:13px;font-weight:900}.market-price{margin:20px 0 5px;font-size:27px;font-weight:900;letter-spacing:-.04em}.market-change{font-size:12px;font-weight:800}.market-change.up{color:var(--green)}.market-change.down{color:var(--red)}.market-change span{color:var(--muted);font-weight:500}.market-mini-chart{display:flex;align-items:end;gap:4px;height:55px;margin:15px 0}.market-mini-chart i{flex:1;border-radius:4px 4px 1px 1px;background:rgba(37,212,154,.4)}.market-mini-chart.down i{background:rgba(255,102,119,.38)}.market-mini-chart i:nth-child(1){height:28%}.market-mini-chart i:nth-child(2){height:42%}.market-mini-chart i:nth-child(3){height:35%}.market-mini-chart i:nth-child(4){height:65%}.market-mini-chart i:nth-child(5){height:54%}.market-mini-chart i:nth-child(6){height:78%}.market-mini-chart i:nth-child(7){height:68%}.market-mini-chart i:nth-child(8){height:92%}.market-meta{display:flex;justify-content:space-between;gap:12px;padding-top:11px;border-top:1px solid rgba(148,163,184,.09);color:var(--muted);font-size:10px}.market-meta span{display:grid}.market-meta strong{margin-top:4px;color:#d9e4f3;font-size:11px}

@media(max-width:1050px){.feed-layout{grid-template-columns:1fr}.feed-sidebar{position:static}.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.account-dropdown{position:fixed;right:12px;top:70px;width:min(310px,calc(100vw - 24px))}.home-welcome{align-items:flex-start;flex-direction:column}.home-summary{width:100%}.home-summary span{flex:1}.feed-sidebar{display:none}}
@media(max-width:600px){.market-grid{grid-template-columns:1fr}.feed-post{padding:14px}.feed-post-head{grid-template-columns:38px 1fr}.feed-category{grid-column:2;justify-self:start}.comment-form{grid-template-columns:30px 1fr}.comment-form .button{grid-column:2;justify-self:end}.home-welcome{padding:17px}}

/* Mobile exchange-style wallet and E-Wallet */
.wallet-hero{margin-bottom:12px;padding:20px;border:1px solid rgba(43,220,255,.25);border-radius:22px;background:radial-gradient(circle at 85% 0,rgba(43,220,255,.22),transparent 32%),radial-gradient(circle at 5% 100%,rgba(136,107,255,.18),transparent 38%),linear-gradient(145deg,#0d1e37,#0a3150 58%,#0c1830);box-shadow:0 22px 65px rgba(0,0,0,.28)}
.wallet-hero-top{display:flex;justify-content:space-between;gap:15px}.wallet-hero h2{margin:4px 0;font-size:clamp(32px,5vw,48px);letter-spacing:-.055em}.wallet-hero-top>div>span{color:#91abc5;font-size:11px}.wallet-network{display:flex;align-items:center;gap:6px;height:max-content;padding:7px 10px;border:1px solid rgba(37,212,154,.22);border-radius:999px;color:#8cebc7;background:rgba(37,212,154,.08);font-size:10px;font-weight:900}.wallet-network i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}
.wallet-balance-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.wallet-balance-row>div{padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(3,10,20,.24)}.wallet-balance-row small,.wallet-balance-row strong{display:block}.wallet-balance-row small{color:#89a4bf;font-size:9px}.wallet-balance-row strong{margin-top:5px;font-size:13px}
.wallet-primary-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.wallet-action{display:grid;place-items:center;gap:5px;min-height:70px;padding:9px;border:1px solid rgba(255,255,255,.09);border-radius:14px;color:#bad0e5;background:rgba(5,13,25,.38);cursor:pointer}.wallet-action span{display:grid;place-items:center;width:29px;height:29px;border-radius:10px;color:#fff;background:rgba(45,134,255,.18);font-size:11px;font-weight:900}.wallet-action strong{font-size:10px}.wallet-action.primary{color:#fff;border-color:rgba(43,220,255,.3);background:linear-gradient(145deg,rgba(45,134,255,.28),rgba(43,220,255,.12))}
.wallet-tab-shell,.activity-section{margin-bottom:14px;border:1px solid rgba(148,163,184,.14);border-radius:20px;background:linear-gradient(145deg,rgba(14,25,44,.95),rgba(7,14,27,.94));overflow:hidden}.wallet-tabs{display:grid;grid-template-columns:1fr 1fr;padding:7px;border-bottom:1px solid rgba(148,163,184,.1)}.wallet-tabs button{min-height:42px;border:0;border-radius:11px;color:#7187a4;background:transparent;font-weight:800}.wallet-tabs button.active{color:#fff;background:linear-gradient(135deg,rgba(45,134,255,.24),rgba(43,220,255,.1))}.wallet-tab-panel{display:none;padding:18px}.wallet-tab-panel.active{display:block}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.section-title h2{margin:2px 0}.secure-chip{padding:6px 9px;border:1px solid rgba(37,212,154,.2);border-radius:999px;color:#7fe6bf;background:rgba(37,212,154,.07);font-size:9px;font-weight:900}
.payment-method-grid{display:grid;gap:10px}.payment-method-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px;border:1px solid rgba(148,163,184,.14);border-radius:16px;background:rgba(4,11,22,.5)}.payment-method-card.featured{border-color:rgba(43,220,255,.25);background:linear-gradient(135deg,rgba(45,134,255,.12),rgba(43,220,255,.055))}.payment-method-card.disabled{opacity:.5}.payment-method-card>b{color:#62b5ff;font-size:25px}.payment-method-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;color:#fff;background:linear-gradient(135deg,#2563eb,#2bdcff);font-size:18px;font-weight:900}.payment-method-icon.crypto{background:linear-gradient(135deg,#18a779,#21d49a)}.payment-method-icon.large{width:55px;height:55px}.payment-method-copy>strong,.payment-method-copy>small{display:block}.payment-method-copy>small{margin-top:4px;color:var(--muted);font-size:10px}.payment-badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.payment-badges span{padding:4px 6px;border:1px solid rgba(148,163,184,.12);border-radius:6px;color:#96a9c0;font-size:8px;font-weight:900}
.wallet-note{display:grid;grid-template-columns:28px 1fr;gap:9px;margin-top:13px;padding:11px 12px;border:1px solid rgba(74,137,218,.15);border-radius:12px;color:#8297b2;background:rgba(45,134,255,.045);font-size:10px}.wallet-note p{margin:0}.amount-input{display:grid;grid-template-columns:auto 1fr auto;align-items:center;border:1px solid #24364e;border-radius:13px;background:#07101e;overflow:hidden}.amount-input>span{padding-left:13px;color:#5bb3ff;font-weight:900}.amount-input input{border:0!important;background:transparent!important}.amount-input button{margin-right:7px;padding:7px 9px;border:1px solid rgba(45,134,255,.2);border-radius:8px;color:#71b8ff;background:rgba(45,134,255,.08);font-size:9px;font-weight:900}
.mobile-activity-list{display:grid}.activity-item{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(148,163,184,.08)}.activity-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;font-weight:900}.activity-icon.credit{color:#78e7bd;background:rgba(37,212,154,.1)}.activity-icon.debit{color:#ffad79;background:rgba(255,140,78,.1)}.activity-item>div:nth-child(2),.activity-amount{display:grid}.activity-item small{color:#6f839d;font-size:9px}.activity-amount{text-align:right;font-size:11px;font-weight:900}.activity-amount.credit{color:#77e6bb}.activity-amount.debit{color:#ffad79}
.mobile-payment-header{display:flex;align-items:center;gap:12px;margin-bottom:13px;padding:14px 16px;border:1px solid rgba(148,163,184,.13);border-radius:17px;background:rgba(8,17,31,.78)}.mobile-payment-header>div{flex:1}.mobile-payment-header h2{margin:2px 0}.back-circle{display:grid;place-items:center;width:37px;height:37px;border:1px solid rgba(148,163,184,.15);border-radius:12px;color:#fff;background:rgba(255,255,255,.035);font-size:25px}
.ewallet-shell{max-width:680px;margin:auto;padding:18px;border:1px solid rgba(43,220,255,.2);border-radius:22px;background:linear-gradient(145deg,rgba(14,25,44,.96),rgba(6,14,27,.96))}.ewallet-banner{display:grid;grid-template-columns:55px 1fr;gap:13px;align-items:center;padding:14px;border:1px solid rgba(45,134,255,.18);border-radius:16px;background:linear-gradient(135deg,rgba(45,134,255,.12),rgba(43,220,255,.04))}.ewallet-banner p{margin:5px 0 0;color:var(--muted);font-size:10px}.payment-provider-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.payment-provider-row>div{display:grid;place-items:center;gap:5px;padding:10px 4px;border:1px solid rgba(148,163,184,.11);border-radius:12px}.provider-logo{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;color:#fff;font-size:10px;font-weight:900}.gcash-logo{background:#2675f5}.maya-logo{background:#15ad69}.qr-logo{background:#7756e8}.card-logo{background:#d58a24}.ewallet-form{display:grid;gap:13px}.hero-amount{min-height:61px}.hero-amount input{font-size:24px;font-weight:900}.hero-amount em{padding-right:13px;color:#7990aa;font-size:10px;font-style:normal;font-weight:900}.quick-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.quick-amounts button{min-height:38px;border:1px solid rgba(148,163,184,.13);border-radius:10px;color:#93a8c2;background:rgba(255,255,255,.025)}.payment-summary{padding:5px 13px;border:1px solid rgba(148,163,184,.1);border-radius:13px}.payment-summary>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(148,163,184,.08)}.payment-summary>div:last-child{border:0}
@media(max-width:820px){body.member-shell{background:#050b15}.member-shell .content{padding:8px 10px calc(92px + env(safe-area-inset-bottom))}.member-shell .topbar{position:sticky;top:0;z-index:45;min-height:61px;padding:9px 10px;border-radius:14px;background:rgba(5,12,23,.92)}.member-shell .topbar h1{font-size:19px}.member-shell .status-online,.member-shell .system-strip{display:none}.mobile-nav .center{position:relative;margin-top:-21px;width:58px;height:58px;justify-self:center;border:1px solid rgba(43,220,255,.35);border-radius:19px;color:#fff;background:linear-gradient(145deg,#247af7,#24bce8);box-shadow:0 10px 30px rgba(36,137,245,.35)}.wallet-hero{padding:17px}.wallet-hero h2{font-size:31px}.wallet-primary-actions{gap:6px}.wallet-action{min-height:64px}.wallet-tab-panel{padding:14px}.ewallet-shell{padding:14px}}

.live-dot{display:flex;align-items:center;gap:5px;color:#71e5bc;font-size:8px;font-weight:900}.live-dot i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);animation:livePulse 1.4s infinite}
@keyframes livePulse{50%{opacity:.35}}


/* BOTEX V3 Motion and final navigation */
:root {
  --motion-fast: 180ms;
  --motion-normal: 280ms;
  --motion-slow: 520ms;
  --motion-spring: cubic-bezier(.2,.8,.2,1);
}

html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
}

.botex-loader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 18px;
  color: #9dcfff;
  background:
    radial-gradient(circle at 50% 45%, rgba(45,134,255,.24), transparent 26%),
    #040913;
  transition: opacity 360ms ease, visibility 360ms ease;
}

.botex-loader.hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.loader-orbit {
  position: relative;
  width: 88px;
  height: 88px;
  display: grid;
  place-items: center;
  border-radius: 50%;
}

.loader-orbit strong {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  border-radius: 16px;
  color: #fff;
  background: linear-gradient(145deg, #257cff, #27d6ff);
  box-shadow: 0 0 38px rgba(39,174,255,.42);
  font-size: 23px;
}

.loader-orbit::before,
.loader-orbit::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid rgba(43,220,255,.35);
  border-radius: 50%;
  animation: botexOrbit 1.7s linear infinite;
}

.loader-orbit::after {
  inset: 9px;
  border-style: dashed;
  border-color: rgba(136,107,255,.4);
  animation-direction: reverse;
  animation-duration: 1.15s;
}

.loader-orbit i {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--cyan);
  box-shadow: 0 0 14px var(--cyan);
  animation: loaderParticle 1.25s ease-in-out infinite;
}

.loader-orbit i:nth-child(1) { transform: translate(42px,-4px); }
.loader-orbit i:nth-child(2) { transform: translate(-34px,26px); animation-delay: .22s; }
.loader-orbit i:nth-child(3) { transform: translate(-10px,-42px); animation-delay: .45s; }

.botex-loader > span {
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.page-motion-layer {
  position: fixed;
  inset: 0;
  z-index: 8000;
  pointer-events: none;
  opacity: 0;
  background: #040913;
  transition: opacity var(--motion-fast) ease;
}

body.page-leaving .page-motion-layer {
  opacity: .72;
}

.motion-reveal {
  opacity: 0;
  transform: translateY(14px) scale(.992);
}

.motion-reveal.motion-visible {
  opacity: 1;
  transform: none;
  transition:
    opacity var(--motion-slow) var(--motion-spring) var(--motion-delay,0ms),
    transform var(--motion-slow) var(--motion-spring) var(--motion-delay,0ms);
}

.button,
.wallet-action,
.quick-amounts button,
.wallet-tabs button,
.icon-button {
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
  transition:
    transform var(--motion-fast) var(--motion-spring),
    filter var(--motion-fast) ease,
    border-color var(--motion-fast) ease,
    box-shadow var(--motion-fast) ease;
}

.button:active,
.wallet-action:active,
.quick-amounts button:active,
.wallet-tabs button:active,
.icon-button:active {
  transform: scale(.965);
}

.motion-ripple {
  position: absolute;
  width: 14px;
  height: 14px;
  margin: -7px;
  border-radius: 50%;
  pointer-events: none;
  background: rgba(255,255,255,.38);
  animation: buttonRipple 620ms ease-out forwards;
}

.market-card,
.feed-post,
.panel,
.wallet-tab-shell,
.activity-section {
  transition:
    transform var(--motion-normal) var(--motion-spring),
    border-color var(--motion-normal) ease,
    box-shadow var(--motion-normal) ease;
}

@media (hover:hover) {
  .market-card:hover,
  .feed-post:hover,
  .panel:hover {
    transform: translateY(-3px);
    border-color: rgba(66,151,255,.28);
    box-shadow: 0 24px 65px rgba(0,0,0,.28);
  }
}

.sidebar nav a.is-current,
.mobile-nav a.is-current {
  color: #fff;
}

.mobile-nav a.is-current {
  position: relative;
}

.mobile-nav a.is-current::after {
  content: "";
  position: absolute;
  bottom: -4px;
  width: 18px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--blue), var(--cyan));
  box-shadow: 0 0 10px rgba(43,220,255,.65);
  animation: navIndicator 300ms var(--motion-spring);
}

.mobile-nav a.is-current svg {
  filter: drop-shadow(0 0 8px rgba(71,173,255,.65));
  animation: activeNavIcon 420ms var(--motion-spring);
}

.market-price {
  transition: color var(--motion-fast) ease, transform var(--motion-fast) ease;
}

.market-price.price-up {
  color: var(--green);
  animation: priceFlashUp 650ms ease;
}

.market-price.price-down {
  color: var(--red);
  animation: priceFlashDown 650ms ease;
}

.live-dot i {
  animation: livePulse 1.4s ease-in-out infinite;
}

.arb-core {
  animation: aiFloat 3.2s ease-in-out infinite;
}

.arb-core::after {
  content: "";
  position: absolute;
  inset: -28px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(43,220,255,.17), transparent 66%);
  animation: aiGlow 2.2s ease-in-out infinite;
  pointer-events: none;
}

.flow i {
  box-shadow: 0 0 14px rgba(43,220,255,.78);
}

.notification-button b {
  animation: notificationPulse 1.7s ease-in-out infinite;
}

.feed-post.pinned {
  animation: pinnedGlow 4s ease-in-out infinite;
}

.wallet-network i,
.status-online::first-letter {
  animation: livePulse 1.5s ease-in-out infinite;
}

@keyframes botexOrbit {
  to { transform: rotate(360deg); }
}

@keyframes loaderParticle {
  50% { opacity: .25; filter: blur(1px); }
}

@keyframes buttonRipple {
  to {
    transform: scale(24);
    opacity: 0;
  }
}

@keyframes navIndicator {
  from { transform: scaleX(.2); opacity: 0; }
}

@keyframes activeNavIcon {
  0% { transform: scale(.8); }
  60% { transform: scale(1.15); }
  100% { transform: scale(1); }
}

@keyframes priceFlashUp {
  0%,100% { background: transparent; }
  35% { background: rgba(37,212,154,.12); transform: scale(1.018); }
}

@keyframes priceFlashDown {
  0%,100% { background: transparent; }
  35% { background: rgba(255,102,119,.12); transform: scale(1.018); }
}

@keyframes aiFloat {
  50% { transform: translateY(-5px); }
}

@keyframes aiGlow {
  50% { transform: scale(1.08); opacity: .45; }
}

@keyframes notificationPulse {
  50% { transform: scale(1.12); box-shadow: 0 0 14px rgba(255,102,119,.7); }
}

@keyframes pinnedGlow {
  50% { box-shadow: inset 0 2px 0 rgba(43,220,255,.5), 0 20px 65px rgba(22,111,205,.15); }
}

@media (max-width: 820px) {
  .member-shell .mobile-nav {
    grid-template-columns: repeat(5, 1fr);
  }

  .member-shell .mobile-nav a {
    min-height: 52px;
    border-radius: 13px;
    transition: color var(--motion-fast) ease, transform var(--motion-fast) var(--motion-spring);
  }

  .member-shell .mobile-nav a:active {
    transform: scale(.92);
  }

  .member-shell .mobile-nav .center {
    animation: centerAiGlow 2.4s ease-in-out infinite;
  }

  .member-shell .topbar {
    box-shadow: 0 10px 32px rgba(0,0,0,.24);
  }

  .wallet-primary-actions {
    position: sticky;
    top: 69px;
    z-index: 12;
    padding: 6px;
    margin: 0 -6px;
    border-radius: 16px;
    background: rgba(7,16,30,.72);
    backdrop-filter: blur(18px);
  }
}

@keyframes centerAiGlow {
  50% {
    box-shadow: 0 12px 38px rgba(36,137,245,.48), 0 0 18px rgba(43,220,255,.35);
    transform: translateY(-2px);
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }

  .motion-reveal {
    opacity: 1;
    transform: none;
  }

  .botex-loader {
    display: none;
  }
}

/* BOTEX V3 Stable Phase 2–3 */
.release-stories{display:flex;gap:10px;overflow-x:auto;padding:2px 1px 13px;scrollbar-width:none}.release-stories::-webkit-scrollbar{display:none}.release-story{display:grid;justify-items:center;gap:6px;min-width:68px;color:#8296b0;font-size:10px;font-weight:800}.release-story span{display:grid;place-items:center;width:54px;height:54px;border:2px solid rgba(45,134,255,.28);border-radius:19px;color:#fff;background:linear-gradient(145deg,#173157,#0b182d);box-shadow:inset 0 0 0 3px #08111e}.release-story.active span{border-color:var(--cyan);background:linear-gradient(145deg,var(--blue),var(--violet));box-shadow:0 8px 28px rgba(45,134,255,.3)}
.market-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:13px}.market-search{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;min-width:260px;border:1px solid var(--line);border-radius:13px;background:#07101e}.market-search span{padding-left:12px;color:#6f87a4}.market-search input{border:0;background:transparent}.market-tabs{display:flex;gap:6px;overflow-x:auto}.market-tabs button{padding:8px 11px;border:1px solid transparent;border-radius:10px;color:#7f93ad;background:transparent;font-size:10px;font-weight:900;white-space:nowrap}.market-tabs button.active{color:#fff;border-color:rgba(45,134,255,.28);background:rgba(45,134,255,.13)}.market-card-head{grid-template-columns:42px 1fr auto auto}.market-favorite-form{margin:0}.favorite-button{width:30px;height:30px;border:0;border-radius:9px;color:#52647c;background:rgba(255,255,255,.035);cursor:pointer}.favorite-button.active{color:var(--gold);background:rgba(255,201,104,.1);text-shadow:0 0 12px rgba(255,201,104,.6)}
.partner-rank-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;margin-bottom:14px;padding:22px;border:1px solid rgba(136,107,255,.28);border-radius:22px;background:radial-gradient(circle at 88% 50%,rgba(136,107,255,.2),transparent 28%),linear-gradient(135deg,#0b1830,#15143a)}.partner-rank-card h2{margin:3px 0 7px;font-size:36px}.partner-rank-card p{margin:0;color:var(--muted)}.rank-orbit{position:relative;display:grid;place-items:center;width:110px;height:110px;border:1px solid rgba(43,220,255,.3);border-radius:50%;background:radial-gradient(circle,rgba(45,134,255,.25),transparent 67%);animation:aiFloat 3s ease-in-out infinite}.rank-orbit:before{content:"";position:absolute;inset:-8px;border:1px dashed rgba(136,107,255,.45);border-radius:50%;animation:spin 8s linear infinite}.rank-orbit strong{font-size:28px}.rank-orbit span{color:#7f9ab7;font-size:9px}.leaderboard{display:grid}.leaderboard>div{display:grid;grid-template-columns:26px 32px 1fr auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(148,163,184,.08)}.leader-rank{display:grid;place-items:center;width:23px;height:23px;border-radius:8px;color:#83bfff;background:rgba(45,134,255,.1);font-size:9px;font-weight:900}.leaderboard p{display:grid;margin:0}.leaderboard small{color:var(--muted);font-size:9px}.leaderboard b{color:var(--green)}
@media(max-width:820px){.market-toolbar{align-items:stretch;flex-direction:column}.market-search{min-width:0}.partner-rank-card{padding:17px}.rank-orbit{width:86px;height:86px}.partner-rank-card h2{font-size:28px}}


/* Workspace, Support, Marketing CRM */
.ticket-thread{display:grid;gap:10px;margin-bottom:14px}.ticket-message{max-width:82%;padding:12px 14px;border:1px solid rgba(148,163,184,.12);border-radius:15px;background:rgba(255,255,255,.03)}.ticket-message.staff{margin-left:auto;border-color:rgba(45,134,255,.25);background:rgba(45,134,255,.09)}.ticket-message p{margin:6px 0;color:#c5d2e3;line-height:1.55}.ticket-message small{color:#6e839e;font-size:9px}
.role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.role-card{display:grid;gap:5px;padding:14px;border:1px solid rgba(148,163,184,.13);border-radius:14px;background:rgba(255,255,255,.025)}.role-card:hover{border-color:rgba(45,134,255,.3)}.role-card span,.role-card small{color:var(--muted);font-size:10px}
.permission-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.permission-groups fieldset{display:grid;align-content:start;gap:8px;padding:13px;border:1px solid rgba(148,163,184,.13);border-radius:14px}.permission-groups legend{padding:0 7px;color:#72b8ff;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.permission-groups label{grid-template-columns:18px 1fr;align-items:start}.permission-groups label span{display:grid}.permission-groups label small{color:var(--muted);font-weight:400}
.sales-body{padding:18px;background:radial-gradient(circle at 50% 0,rgba(45,134,255,.22),transparent 32%),#040913}.sales-page{width:min(920px,100%);margin:auto}.sales-hero,.sales-section,.sales-checkout{margin-bottom:14px;padding:clamp(22px,5vw,55px);border:1px solid rgba(148,163,184,.15);border-radius:25px;background:linear-gradient(145deg,rgba(14,25,44,.96),rgba(7,14,27,.96))}.sales-hero{text-align:center;background:radial-gradient(circle at 50% 0,rgba(43,220,255,.18),transparent 36%),linear-gradient(145deg,#0d1e39,#0b1730)}.sales-badge{display:inline-flex;padding:7px 11px;border-radius:999px;color:#84d8ff;background:rgba(43,220,255,.09);font-size:10px;font-weight:900}.sales-hero h1{margin:18px auto 12px;max-width:760px;font-size:clamp(36px,7vw,68px);line-height:1.02;letter-spacing:-.055em}.sales-hero>p{max-width:650px;margin:auto;color:#a9bad0;font-size:16px}.sales-price{display:grid;margin:25px 0}.sales-price small{color:var(--muted)}.sales-price strong{font-size:38px}.sales-cta{min-width:230px}.sales-section h2,.sales-checkout h2{font-size:30px}.sales-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:20px}.sales-benefits div{display:flex;gap:9px;padding:12px;border:1px solid rgba(148,163,184,.1);border-radius:12px}.sales-benefits span{color:var(--green)}.sales-checkout{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px}.sales-payments{grid-column:1/-1;justify-content:center}
@media(max-width:900px){.role-grid,.permission-groups{grid-template-columns:repeat(2,1fr)}.sales-checkout{grid-template-columns:1fr}}
@media(max-width:600px){.role-grid,.permission-groups,.sales-benefits{grid-template-columns:1fr}.ticket-message{max-width:95%}.sales-body{padding:8px}.sales-hero,.sales-section,.sales-checkout{padding:20px;border-radius:18px}.sales-hero h1{font-size:39px}}


/* BOTEX V4 Priority 1–6 */
.ai-timeline{display:grid;gap:10px}.ai-timeline>div{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center}.ai-timeline>div>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(148,163,184,.15);border-radius:11px;color:#7f95af;background:rgba(255,255,255,.025);font-size:10px;font-weight:900}.ai-timeline .done>span{color:#77e6bb;border-color:rgba(37,212,154,.22);background:rgba(37,212,154,.08)}.ai-timeline .current>span{color:#fff;border-color:rgba(45,134,255,.3);background:rgba(45,134,255,.13);box-shadow:0 0 18px rgba(45,134,255,.18)}.ai-timeline p{display:grid;margin:0}.ai-timeline small{color:var(--muted);font-size:9px}
.strategy-marketplace{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.strategy-marketplace article{display:grid;align-content:start;gap:9px;padding:16px;border:1px solid rgba(148,163,184,.13);border-radius:16px;background:linear-gradient(145deg,rgba(15,27,47,.9),rgba(5,13,25,.9))}.strategy-marketplace h3{margin:0;font-size:20px}.strategy-marketplace p{min-height:42px;margin:0;color:var(--muted);font-size:11px;line-height:1.55}.strategy-code{width:max-content;padding:5px 7px;border-radius:7px;color:#7fc6ff;background:rgba(45,134,255,.1);font-size:8px;font-weight:900}.strategy-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.strategy-meta span{display:grid;color:var(--muted);font-size:8px}.strategy-meta strong{margin-top:4px;color:#dce7f5;font-size:10px}
.asset-token-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.asset-token-grid article{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:13px;border:1px solid rgba(148,163,184,.12);border-radius:14px;background:rgba(255,255,255,.025)}.asset-token-grid article>div{display:grid}.asset-token-grid small{color:var(--muted);font-size:9px}.asset-token-grid b{font-size:13px}.asset-token-grid .bx-badge{grid-column:2/-1;width:max-content}
.help-center{margin-bottom:14px}
.admin-shell .content{max-width:1680px}
@media(max-width:1050px){.strategy-marketplace{grid-template-columns:repeat(2,1fr)}.asset-token-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){
 .content{padding:9px 10px calc(92px + env(safe-area-inset-bottom))}
 .topbar{min-height:61px}.topbar h1{font-size:20px}
 .hero{padding:18px}.hero h2{font-size:30px}
 .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .strategy-marketplace,.asset-token-grid{grid-template-columns:1fr}
 .table-wrap{margin:0 -2px}
 .table-wrap table{min-width:720px}
 .mobile-activity-list .activity-item{min-height:62px}
}
@media(max-width:520px){
 .metric-grid{grid-template-columns:1fr 1fr}
 .metric{padding:13px}.metric strong{font-size:19px}
 .wallet-balance-row{grid-template-columns:1fr 1fr}.wallet-balance-row>div:last-child{grid-column:1/-1}
 .wallet-primary-actions{grid-template-columns:repeat(4,minmax(0,1fr))}
 .wallet-action strong{font-size:9px}
 .strategy-meta{grid-template-columns:1fr 1fr}
}

.marketing-funnel{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:center}.marketing-funnel article{display:grid;gap:4px;padding:13px;border:1px solid rgba(148,163,184,.12);border-radius:13px;background:rgba(255,255,255,.025)}.marketing-funnel article>span{color:#65b6ff;font-size:9px;font-weight:900}.marketing-funnel small{color:var(--muted);font-size:9px}.marketing-funnel>i{color:#4e6785;font-style:normal}
@media(max-width:900px){.marketing-funnel{grid-template-columns:1fr 1fr}.marketing-funnel>i{display:none}}
@media(max-width:520px){.marketing-funnel{grid-template-columns:1fr}}


/* BOTEX V4 Assets Popup Flow */
.asset-flow-modal .modal-card{width:min(760px,calc(100vw - 24px))}
.asset-flow-card{max-height:min(88vh,820px);overflow:auto;padding:22px}
.asset-flow-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px;padding-right:34px}
.asset-flow-head h2{margin:3px 0 6px;font-size:28px;letter-spacing:-.04em}
.asset-flow-head p:last-child{margin:0;color:var(--muted);font-size:11px}
.payment-icon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.payment-icon-option{position:relative;display:grid;justify-items:center;gap:7px;min-height:162px;padding:14px 10px;border:1px solid rgba(148,163,184,.14);border-radius:16px;background:linear-gradient(145deg,rgba(16,29,49,.94),rgba(7,15,28,.96));transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.payment-icon-option:hover{transform:translateY(-3px);border-color:rgba(45,134,255,.42);box-shadow:0 18px 38px rgba(0,0,0,.24),0 0 25px rgba(45,134,255,.1)}
.payment-icon-option img{width:88px;height:88px;object-fit:contain;border-radius:20px;background:rgba(255,255,255,.04)}
.payment-icon-option strong{font-size:13px}
.payment-icon-option small{color:var(--muted);font-size:9px}
.payment-icon-option.usdt-option{grid-column:span 2}
.usdt-payment-icon{display:grid;place-items:center;width:88px;height:88px;border-radius:50%;color:#fff;background:linear-gradient(145deg,#18a784,#08725f);font-size:45px;font-weight:900;box-shadow:0 14px 32px rgba(24,167,132,.2)}
.payment-unavailable{display:grid;place-items:center;min-height:110px;border:1px dashed rgba(255,102,119,.25);border-radius:14px;color:#ff9aa6;background:rgba(255,102,119,.04)}
.payment-unavailable.full{grid-column:1/-1}
.selected-withdraw-method{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;margin-bottom:16px;padding:13px;border:1px solid rgba(37,212,154,.2);border-radius:15px;background:rgba(37,212,154,.055)}
.selected-withdraw-method .usdt-payment-icon{width:56px;height:56px;font-size:28px}
.selected-withdraw-method>div{display:grid}.selected-withdraw-method small{color:var(--muted);font-size:9px}
.asset-modal-form{padding:0;border:0;background:transparent}
.asset-flow-card .wallet-note{margin-top:15px}
.wallet-primary-actions button.wallet-action{border:1px solid rgba(148,163,184,.12);color:inherit;cursor:pointer}
.wallet-primary-actions button.wallet-action.primary{border-color:rgba(45,134,255,.35)}
@media(max-width:720px){
 .asset-flow-card{padding:18px 14px}
 .asset-flow-head{display:grid}
 .payment-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .payment-icon-option.usdt-option{grid-column:span 2}
 .payment-icon-option{min-height:142px}
 .payment-icon-option img,.usdt-payment-icon{width:74px;height:74px}
}
@media(max-width:420px){
 .payment-icon-grid{gap:8px}
 .payment-icon-option{min-height:132px;padding:11px 7px}
 .payment-icon-option img,.usdt-payment-icon{width:65px;height:65px;border-radius:16px}
 .payment-icon-option strong{font-size:12px}
 .selected-withdraw-method{grid-template-columns:50px 1fr}
 .selected-withdraw-method .bx-badge{grid-column:2;width:max-content}
}


/* BOTEX V4 Deposit Popup — Two-option flow */
.deposit-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.deposit-choice-card{display:grid;grid-template-columns:68px 1fr auto;gap:14px;align-items:center;min-height:154px;padding:17px;border:1px solid rgba(148,163,184,.15);border-radius:18px;background:linear-gradient(145deg,rgba(16,29,49,.96),rgba(7,15,28,.97));transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.deposit-choice-card:hover{transform:translateY(-3px);border-color:rgba(45,134,255,.4);box-shadow:0 20px 42px rgba(0,0,0,.24),0 0 25px rgba(45,134,255,.09)}
.deposit-choice-card>b{font-size:27px;color:#6faeff}
.deposit-choice-icon,.metamask-logo{display:grid;place-items:center;width:66px;height:66px;border-radius:19px;font-size:31px;font-weight:900}
.deposit-choice-icon{color:#fff;background:linear-gradient(145deg,#2d86ff,#7365ff);box-shadow:0 12px 28px rgba(45,134,255,.22)}
.metamask-logo{background:linear-gradient(145deg,#ff9a2f,#ff6b17);box-shadow:0 12px 28px rgba(255,123,30,.2)}
.deposit-choice-copy{display:grid;gap:5px}.deposit-choice-copy>strong{font-size:18px}.deposit-choice-copy>small{color:var(--muted);font-size:10px}.deposit-choice-copy>p{margin:0;color:#7f95af;font-size:9px}
.deposit-mini-icons{display:flex;gap:6px;margin-top:5px}.deposit-mini-icons span{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(148,163,184,.12);border-radius:9px;background:rgba(255,255,255,.04);overflow:hidden}.deposit-mini-icons img{width:27px;height:27px;object-fit:contain}
.deposit-meta-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:6px;color:#8fa5be;font-size:9px}.usdt-mini{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;color:#fff;background:#14a887;font-weight:900}
.deposit-choice-card.disabled{opacity:.5;pointer-events:none}
@media(max-width:650px){.deposit-choice-grid{grid-template-columns:1fr}.deposit-choice-card{min-height:128px;padding:14px}.deposit-choice-icon,.metamask-logo{width:58px;height:58px;border-radius:16px;font-size:27px}.deposit-choice-copy>strong{font-size:16px}}


/* BOTEX V4 Mobile Navigation Real-Time State */
.mobile-nav a{
 position:relative;
 min-height:54px;
 border-radius:14px;
 background:transparent;
 transition:transform .16s ease,color .16s ease,background .16s ease,box-shadow .16s ease;
}
.mobile-nav a.is-current{
 color:#fff;
 background:linear-gradient(145deg,rgba(45,134,255,.2),rgba(43,220,255,.07));
 box-shadow:inset 0 0 0 1px rgba(45,134,255,.2);
}
.mobile-nav a.is-current::after{
 content:"";
 position:absolute;
 left:50%;
 bottom:-4px;
 width:20px;
 height:3px;
 transform:translateX(-50%);
 border-radius:999px;
 background:linear-gradient(90deg,var(--blue),var(--cyan));
 box-shadow:0 0 10px rgba(43,220,255,.65);
}
.mobile-nav a.is-pressing{
 transform:scale(.91);
 color:#fff;
 background:rgba(45,134,255,.16);
}
.mobile-nav a:not(.is-current) svg{filter:none;animation:none}
.mobile-nav a:not(.is-current){box-shadow:none}

/* Deposit method icon consistency */
.method-main-icon{
 display:grid;
 place-items:center;
 width:68px;
 height:68px;
 min-width:68px;
 border-radius:19px;
 overflow:hidden;
 box-sizing:border-box;
}
.ewallet-main-icon{
 color:#fff;
 background:linear-gradient(145deg,#2f8cff,#6c5cff);
 box-shadow:0 12px 28px rgba(45,134,255,.22);
}
.wallet-glyph{
 position:relative;
 display:grid;
 place-items:center;
 width:34px;
 height:25px;
 border:3px solid #fff;
 border-radius:7px;
 font-size:0;
}
.wallet-glyph::before{
 content:"";
 position:absolute;
 right:-6px;
 width:15px;
 height:12px;
 border:3px solid #fff;
 border-radius:5px;
 background:rgba(255,255,255,.12);
}
.wallet-glyph::after{
 content:"";
 position:absolute;
 right:-1px;
 width:4px;
 height:4px;
 border-radius:50%;
 background:#fff;
}
.metamask-main-icon{
 background:linear-gradient(145deg,#ff9a2f,#ff6a18);
 box-shadow:0 12px 28px rgba(255,123,30,.2);
}
.fox-glyph{
 display:grid;
 place-items:center;
 width:100%;
 height:100%;
 font-size:38px;
 line-height:1;
 transform:translateY(1px);
}
.method-sub-icon{
 display:grid;
 place-items:center;
 width:28px;
 height:28px;
 min-width:28px;
 border-radius:50%;
 color:#fff;
 font-size:15px;
 font-weight:900;
}
.usdt-sub-icon{
 background:linear-gradient(145deg,#21b897,#0c826d);
 box-shadow:0 6px 15px rgba(24,167,132,.2);
}
.verification-note{
 display:grid;
 grid-template-columns:34px 1fr;
 align-items:center;
 gap:10px;
}
.verification-icon{
 display:grid;
 place-items:center;
 width:32px;
 height:32px;
 border-radius:10px;
 color:#68b8ff;
 background:rgba(45,134,255,.09);
 border:1px solid rgba(45,134,255,.18);
}
.verification-icon svg{
 width:18px;
 height:18px;
 fill:none;
 stroke:currentColor;
 stroke-width:1.8;
 stroke-linecap:round;
 stroke-linejoin:round;
}
.deposit-choice-card{
 grid-template-columns:68px minmax(0,1fr) auto;
}
.deposit-choice-card .method-main-icon{
 align-self:center;
 justify-self:center;
}
.deposit-choice-copy{
 min-width:0;
 align-self:center;
}
.deposit-meta-row{
 min-height:28px;
}
@media(max-width:650px){
 .method-main-icon{
  width:62px;
  height:62px;
  min-width:62px;
  border-radius:17px;
 }
 .deposit-choice-card{
  grid-template-columns:62px minmax(0,1fr) auto;
 }
 .fox-glyph{font-size:34px}
}


/* Final normalized E-Wallet channel icons */
.deposit-mini-icons{
 display:grid;
 grid-template-columns:repeat(4,44px);
 gap:8px;
 align-items:center;
 margin-top:7px;
}
.deposit-mini-icons span{
 display:grid;
 place-items:center;
 width:44px;
 height:44px;
 min-width:44px;
 min-height:44px;
 padding:5px;
 border:1px solid rgba(148,163,184,.15);
 border-radius:12px;
 background:#0b1424;
 overflow:hidden;
 box-sizing:border-box;
}
.deposit-mini-icons img{
 display:block;
 width:100%;
 height:100%;
 max-width:34px;
 max-height:34px;
 object-fit:contain;
 object-position:center;
 margin:auto;
}
@media(max-width:420px){
 .deposit-mini-icons{
  grid-template-columns:repeat(4,40px);
  gap:7px;
 }
 .deposit-mini-icons span{
  width:40px;
  height:40px;
  min-width:40px;
  min-height:40px;
  padding:4px;
  border-radius:11px;
 }
 .deposit-mini-icons img{
  max-width:32px;
  max-height:32px;
 }
}


/* Final E-Wallet icons across checkout flows */
.ewallet-banner-icon{display:grid;place-items:center;width:55px;height:55px;border-radius:16px;color:#fff;background:linear-gradient(145deg,#2f8cff,#6c5cff);box-shadow:0 12px 28px rgba(45,134,255,.22)}
.ewallet-banner-icon .wallet-glyph{width:29px;height:21px;border-width:2.5px}
.ewallet-banner-icon .wallet-glyph::before{right:-5px;width:13px;height:10px;border-width:2.5px}
.payment-provider-row>div{min-width:0}
.provider-logo{display:grid;place-items:center;width:44px;height:44px;padding:5px;border:1px solid rgba(148,163,184,.15);border-radius:12px;background:#0b1424;overflow:hidden}
.provider-logo img{display:block;width:100%;height:100%;max-width:34px;max-height:34px;object-fit:contain;object-position:center;margin:auto}
.sales-payment-icons{grid-column:1/-1;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.sales-payment-icons>span{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(148,163,184,.13);border-radius:11px;color:#aebdd0;background:rgba(255,255,255,.025)}
.sales-payment-icons img{width:25px;height:25px;object-fit:contain;object-position:center}
.sales-payment-icons b{font-size:9px}
@media(max-width:520px){.provider-logo{width:40px;height:40px;padding:4px}.provider-logo img{max-width:32px;max-height:32px}.sales-payment-icons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.sales-payment-icons>span{justify-content:center}}


/* BOTEX V4.1 — 3D member interaction and exact admin route highlight */
.member-shell .mobile-nav{
 perspective:900px;
 transform-style:preserve-3d;
}
.member-shell .mobile-nav a,
.member-shell .mobile-nav a.center,
.member-shell .mobile-nav a.is-current{
 position:relative;
 margin:0;
 width:auto;
 height:auto;
 min-height:54px;
 border:0!important;
 border-radius:0!important;
 color:#7186a3;
 background:transparent!important;
 box-shadow:none!important;
 animation:none!important;
 transform:none;
 transition:color .18s ease,transform .24s cubic-bezier(.2,.9,.2,1);
 transform-style:preserve-3d;
}
.member-shell .mobile-nav a svg,
.member-shell .mobile-nav a.center svg,
.member-shell .mobile-nav a.is-current svg{
 width:21px;
 height:21px;
 filter:none;
 animation:none!important;
 transform:translate3d(0,0,0) rotateX(0) rotateY(0) scale(1);
 transform-origin:50% 75%;
 transition:transform .24s cubic-bezier(.2,.9,.2,1),filter .2s ease,color .2s ease;
}
.member-shell .mobile-nav a span{
 transition:transform .22s cubic-bezier(.2,.9,.2,1),color .18s ease;
}
.member-shell .mobile-nav a.is-current{
 color:#72b9ff;
}
.member-shell .mobile-nav a.is-current::after{
 content:"";
 position:absolute;
 left:50%;
 bottom:1px;
 width:5px;
 height:5px;
 transform:translateX(-50%);
 border-radius:50%;
 background:var(--cyan);
 box-shadow:0 0 10px rgba(43,220,255,.75);
}
.member-shell .mobile-nav a::before{
 content:"";
 position:absolute;
 left:50%;
 top:31px;
 width:26px;
 height:7px;
 transform:translateX(-50%) scale(.45);
 border-radius:50%;
 background:rgba(0,0,0,.42);
 filter:blur(5px);
 opacity:0;
 transition:opacity .2s ease,transform .24s cubic-bezier(.2,.9,.2,1);
}
.member-shell .mobile-nav a.is-pressing{
 color:#fff;
 background:transparent!important;
 transform:translate3d(0,-2px,12px);
}
.member-shell .mobile-nav a.is-pressing svg{
 transform:translate3d(0,-9px,24px) rotateX(20deg) rotateY(-7deg) scale(1.13);
 filter:drop-shadow(0 11px 9px rgba(0,0,0,.38)) drop-shadow(0 0 8px rgba(43,220,255,.35));
}
.member-shell .mobile-nav a.is-pressing span{
 transform:translateY(1px) scale(.96);
}
.member-shell .mobile-nav a.is-pressing::before{
 opacity:.8;
 transform:translateX(-50%) scale(1);
}
.member-shell .sidebar nav a{
 transform-style:preserve-3d;
 transition:color .18s ease,transform .22s cubic-bezier(.2,.9,.2,1),background .18s ease;
}
.member-shell .sidebar nav a:active{
 transform:perspective(600px) translate3d(5px,-2px,16px) rotateY(-4deg) scale(.98);
}
/* Admin: only the exact file route is highlighted; no adjacent duplicate module highlight. */
.admin-shell .sidebar nav a.active{
 position:relative;
}
@media (prefers-reduced-motion:reduce){
 .member-shell .mobile-nav a,
 .member-shell .mobile-nav a svg,
 .member-shell .mobile-nav a span,
 .member-shell .sidebar nav a{transition:none!important;transform:none!important}
}


/* BOTEX V4.2 official newsfeed identity */
.system-post-head{
 display:grid;
 grid-template-columns:44px minmax(0,1fr) auto;
 gap:11px;
 align-items:center;
}
.system-post-mark{
 display:grid;
 place-items:center;
 width:44px;
 height:44px;
 border-radius:14px;
 color:#fff;
 background:linear-gradient(145deg,#2d86ff,#765fff);
 box-shadow:0 12px 28px rgba(45,134,255,.2);
 font-size:17px;
 font-weight:950;
 letter-spacing:.04em;
}
.system-post-identity{
 display:grid;
 min-width:0;
}
.system-post-identity strong{
 font-size:13px;
}
.system-post-identity small{
 margin-top:3px;
 color:var(--muted);
 font-size:9px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
}
@media(max-width:520px){
 .system-post-head{
  grid-template-columns:40px minmax(0,1fr);
 }
 .system-post-mark{
  width:40px;
  height:40px;
  border-radius:12px;
 }
 .system-post-head .feed-category{
  grid-column:2;
  width:max-content;
 }
 .system-post-identity small{
  white-space:normal;
 }
}


/* BOTEX V4.3 Admin Organization + App Responsive UX */
:root{
 --app-sidebar:292px;
 --app-topbar:76px;
 --app-gutter:clamp(12px,2vw,26px);
}
html{scroll-behavior:smooth}
body{overflow-x:hidden}
.layout{grid-template-columns:var(--app-sidebar) minmax(0,1fr)}
.sidebar{
 width:var(--app-sidebar);
 padding:13px;
 background:linear-gradient(180deg,rgba(5,10,19,.985),rgba(6,13,25,.97));
 box-shadow:18px 0 55px rgba(0,0,0,.16);
}
.sidebar-top{display:flex;align-items:center;gap:8px}
.sidebar-top .brand{flex:1;margin-bottom:12px}
.sidebar-close{display:none}
.admin-grouped-nav{
 display:block!important;
 padding:2px 3px 18px;
 overflow-y:auto;
 scrollbar-width:thin;
 scrollbar-color:rgba(100,140,190,.28) transparent;
}
.nav-group{margin-bottom:14px}
.nav-group>p{
 margin:0 8px 6px;
 color:#526a88;
 font-size:8px;
 font-weight:950;
 letter-spacing:.16em;
 text-transform:uppercase;
}
.admin-grouped-nav .nav-group a{
 display:grid;
 grid-template-columns:34px minmax(0,1fr);
 gap:9px;
 align-items:center;
 min-height:42px;
 padding:5px 9px;
 margin:2px 0;
 border:1px solid transparent;
 border-radius:12px;
 color:#879bb5;
 font-size:11px;
 font-weight:800;
 transition:transform .18s ease,color .18s ease,background .18s ease,border-color .18s ease;
}
.admin-grouped-nav .nav-group a:hover{
 color:#f4f8ff;
 border-color:rgba(148,163,184,.1);
 background:rgba(255,255,255,.035);
 transform:translateX(2px);
}
.admin-grouped-nav .nav-group a.active{
 color:#fff;
 border-color:rgba(45,134,255,.28);
 background:linear-gradient(90deg,rgba(45,134,255,.22),rgba(43,220,255,.055));
 box-shadow:inset 3px 0 0 var(--cyan),0 10px 25px rgba(0,0,0,.12);
}
.nav-icon{
 display:grid;
 place-items:center;
 width:32px;
 height:32px;
 border-radius:10px;
 background:rgba(255,255,255,.025);
}
.admin-grouped-nav a.active .nav-icon{
 color:#7ac7ff;
 background:rgba(45,134,255,.13);
}
.admin-grouped-nav .nav-icon svg{width:17px;height:17px}
.content{
 width:100%;
 max-width:1720px;
 margin:0 auto;
 padding:16px var(--app-gutter) 48px;
}
.topbar{
 position:sticky;
 top:10px;
 z-index:38;
 min-height:var(--app-topbar);
 padding:12px 15px;
 border-radius:17px;
 box-shadow:0 14px 40px rgba(0,0,0,.18);
}
.topbar-title{display:flex;align-items:center;gap:11px;min-width:0}
.topbar-title>div{min-width:0}
.topbar-title h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-menu-button{display:none}
.admin-user-chip{
 display:grid;
 grid-template-columns:34px auto;
 gap:8px;
 align-items:center;
 padding:6px 9px;
 border:1px solid rgba(148,163,184,.13);
 border-radius:12px;
 background:rgba(255,255,255,.025);
}
.admin-user-chip>div{display:grid}.admin-user-chip strong{font-size:10px}.admin-user-chip small{color:var(--muted);font-size:8px}
.status-online{display:inline-flex;align-items:center;gap:6px}
.status-online i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(37,212,154,.65)}
.system-strip{
 margin:8px 0 14px;
 padding:7px 11px;
 overflow-x:auto;
 flex-wrap:nowrap;
 white-space:nowrap;
 scrollbar-width:none;
}
.system-strip::-webkit-scrollbar{display:none}
.panel,.metric,.card,.bx-card{
 transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .22s ease,box-shadow .22s ease;
}
@media(hover:hover){
 .panel:hover,.metric:hover,.card:hover,.bx-card:hover{
  border-color:rgba(84,154,244,.22);
  box-shadow:0 22px 60px rgba(0,0,0,.24);
 }
}
.admin-shell .panel-heading{
 position:relative;
 align-items:flex-start;
}
.admin-shell .panel-heading h2{font-size:18px;letter-spacing:-.025em}
.admin-shell .metric-grid{
 grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
}
.admin-shell .metric{min-height:105px}
.admin-shell .split{
 grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr);
 align-items:start;
}
.admin-shell .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.admin-shell .table-wrap{
 width:100%;
 overflow:auto;
 -webkit-overflow-scrolling:touch;
 scrollbar-width:thin;
}
.admin-shell table{min-width:760px}
.admin-shell th{
 position:sticky;
 top:0;
 z-index:2;
}
.admin-shell td,.admin-shell th{padding:10px 11px}
.admin-shell .button{
 min-height:39px;
 transform:translateZ(0);
 transition:transform .16s cubic-bezier(.2,.8,.2,1),filter .16s ease,box-shadow .16s ease;
}
.admin-shell .button:active{
 transform:perspective(500px) translateY(2px) scale(.97) rotateX(4deg);
 box-shadow:0 4px 12px rgba(0,0,0,.16);
}
.modal:not([hidden]){
 display:grid;
 animation:appModalFade .2s ease both;
}
.modal:not([hidden]) .modal-card{
 animation:appModalCard .3s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes appModalFade{from{opacity:0}to{opacity:1}}
@keyframes appModalCard{from{opacity:0;transform:translateY(18px) scale(.975)}to{opacity:1;transform:none}}
.admin-sidebar-backdrop{display:none}
.admin-sidebar-backdrop[hidden]{display:none!important}

/* Tablet admin */
@media(max-width:1120px){
 :root{--app-sidebar:255px}
 .admin-shell .split{grid-template-columns:1fr}
 .admin-shell .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .admin-grouped-nav .nav-group a{font-size:10px}
}

/* Mobile and compact tablet app shell */
@media(max-width:860px){
 :root{--app-topbar:66px}
 .layout{display:block}
 .admin-shell .sidebar{
  position:fixed;
  inset:0 auto 0 0;
  z-index:120;
  width:min(318px,88vw);
  height:100dvh;
  padding-top:max(12px,env(safe-area-inset-top));
  transform:translateX(-104%);
  transition:transform .32s cubic-bezier(.2,.8,.2,1);
 }
 .admin-shell.sidebar-open .sidebar{transform:none}
 .admin-shell .sidebar-close{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border:1px solid rgba(148,163,184,.13);
  border-radius:11px;
  color:#9eb1c8;
  background:rgba(255,255,255,.03);
 }
 .admin-shell .sidebar-close svg{width:17px;height:17px}
 .admin-sidebar-backdrop{
  position:fixed;
  inset:0;
  z-index:110;
  display:block;
  background:rgba(0,5,13,.66);
  backdrop-filter:blur(5px);
  animation:appBackdrop .2s ease both;
 }
 @keyframes appBackdrop{from{opacity:0}to{opacity:1}}
 .admin-menu-button{display:grid}
 .content{
  max-width:none;
  padding:9px 10px calc(30px + env(safe-area-inset-bottom));
 }
 .topbar{
  top:max(6px,env(safe-area-inset-top));
  min-height:66px;
  padding:9px 11px;
  border-radius:15px;
 }
 .topbar h1{font-size:20px}
 .topbar .eyebrow{font-size:8px}
 .admin-user-chip{display:none}
 .status-online{padding:6px 8px;font-size:9px}
 .system-strip{margin-bottom:10px}
 .admin-shell .hero{
  grid-template-columns:1fr;
  padding:18px;
  border-radius:18px;
 }
 .admin-shell .hero h2{font-size:31px}
 .admin-shell .hero-actions{width:100%}
 .admin-shell .hero-actions .button{flex:1}
 .admin-shell .panel,.admin-shell .bx-card{padding:14px;border-radius:16px}
 .admin-shell .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .admin-shell .metric{min-height:96px;padding:13px}
 .admin-shell .metric strong{font-size:20px}
 .admin-shell .form-grid{grid-template-columns:1fr}
 .admin-shell .form-grid .full{grid-column:auto}
 .admin-shell .panel-heading{gap:8px;flex-wrap:wrap}
 .admin-shell .panel-heading>.button,
 .admin-shell .panel-heading>form,
 .admin-shell .panel-heading>.hero-actions{max-width:100%}
 .admin-shell input,.admin-shell select,.admin-shell textarea{min-height:45px;font-size:16px}
 .admin-shell textarea{min-height:110px}
 .admin-shell .button{min-height:44px}
 .admin-shell .table-wrap{
  margin:0 -2px;
  border-radius:12px;
 }
 .admin-shell table{min-width:700px}
}

/* Phone app polish */
@media(max-width:540px){
 .top-actions{gap:5px}
 .status-online{font-size:0;width:34px;height:34px;padding:0;justify-content:center}
 .status-online i{width:8px;height:8px}
 .system-strip{font-size:9px}
 .admin-shell .metric-grid{grid-template-columns:1fr 1fr}
 .admin-shell .metric span,.admin-shell .metric small{font-size:9px}
 .admin-shell .metric strong{font-size:18px}
 .admin-shell .hero{padding:15px}
 .admin-shell .hero h2{font-size:27px}
 .admin-shell .hero p{font-size:11px;line-height:1.55}
 .admin-shell .panel-heading h2{font-size:16px}
 .admin-shell .panel-heading .button{width:100%}
 .admin-shell .split{gap:9px}
 .admin-shell .role-grid,
 .admin-shell .permission-groups,
 .admin-shell .ops-test-grid{grid-template-columns:1fr!important}
}

/* Member app refinements */
@media(max-width:860px){
 .member-shell .content{
  padding:9px 10px calc(92px + env(safe-area-inset-bottom));
 }
 .member-shell .topbar{
  top:max(6px,env(safe-area-inset-top));
 }
 .member-shell .panel,.member-shell .bx-card{
  border-radius:17px;
 }
 .member-shell .hero,.member-shell .home-welcome,.member-shell .wallet-hero{
  border-radius:19px;
 }
 .member-shell input,.member-shell select,.member-shell textarea{
  min-height:46px;
  font-size:16px;
 }
}
@media(prefers-reduced-motion:reduce){
 .sidebar,.panel,.metric,.card,.bx-card,.button,.modal-card{transition:none!important;animation:none!important}
}

.app-pressing{
 transform:perspective(600px) translateY(2px) scale(.965) rotateX(4deg)!important;
 filter:brightness(1.08);
}


/* BOTEX V4.4 Guided Admin + Soft Launch Marketing */
.admin-guide{margin:0 0 14px;border:1px solid rgba(70,150,245,.2);border-radius:16px;background:linear-gradient(145deg,rgba(12,25,44,.94),rgba(6,14,27,.95));overflow:hidden}
.admin-guide summary{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:center;padding:13px 15px;cursor:pointer;list-style:none}.admin-guide summary::-webkit-details-marker{display:none}.guide-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:#7fc5ff;background:rgba(45,134,255,.12);font-weight:900}.admin-guide summary>div{display:grid}.admin-guide summary small{margin-top:3px;color:var(--muted);font-size:9px}.guide-toggle{color:#6e8bab;font-size:9px;font-weight:900;text-transform:uppercase}.admin-guide[open] .guide-toggle{font-size:0}.admin-guide[open] .guide-toggle:after{content:"Close guide";font-size:9px}.admin-guide-body{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:0 15px 15px}.admin-guide-body section{padding:13px;border:1px solid rgba(148,163,184,.1);border-radius:13px;background:rgba(255,255,255,.02)}.admin-guide-body ol{margin:9px 0 0;padding-left:19px;color:#a7b8cc;font-size:10px;line-height:1.8}.guide-workflow{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:9px}.guide-workflow span{padding:6px 8px;border-radius:8px;color:#c8d9ed;background:rgba(45,134,255,.09);font-size:9px;font-weight:800}.guide-workflow b{color:#4d708f;font-size:10px}
.soft-funnel{display:grid;grid-template-columns:repeat(13,auto);align-items:center;justify-content:space-between;gap:7px;overflow:auto;padding:4px}.soft-funnel a{display:grid;gap:4px;min-width:95px;padding:12px;border:1px solid rgba(148,163,184,.12);border-radius:13px;background:rgba(255,255,255,.025)}.soft-funnel a span{color:#66b6ff;font-size:8px;font-weight:900}.soft-funnel a strong{font-size:10px}.soft-funnel>b{color:#486580}
.lead-board{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:9px;overflow:auto;padding-bottom:10px}.lead-column{min-height:420px;padding:9px;border:1px solid rgba(148,163,184,.11);border-radius:15px;background:rgba(5,12,23,.55)}.lead-column>header{display:flex;justify-content:space-between;padding:7px 5px 11px}.lead-column>header span{display:grid;place-items:center;min-width:24px;height:24px;border-radius:8px;color:#7fc1ff;background:rgba(45,134,255,.1);font-size:9px}.lead-column article{padding:11px;margin-bottom:8px;border:1px solid rgba(148,163,184,.12);border-radius:12px;background:linear-gradient(145deg,rgba(15,27,46,.95),rgba(7,15,28,.95))}.lead-column article>a{display:grid}.lead-column article small,.lead-column article p{color:var(--muted);font-size:9px}.lead-column article p{margin:6px 0}.lead-column article form{display:grid;gap:6px;margin-top:8px}.lead-column article select,.lead-column article textarea{font-size:10px}
.journey-track{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:14px}.journey-track article{display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:center;padding:12px;border:1px solid rgba(148,163,184,.12);border-radius:13px;background:rgba(255,255,255,.025)}.journey-track article>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(148,163,184,.08);font-size:9px;font-weight:900}.journey-track article.success>span{color:#78e9bd;background:rgba(37,212,154,.1)}.journey-track article.pending>span{color:#ffd589;background:rgba(255,201,104,.1)}.journey-track article>div{display:grid}.journey-track small{color:var(--muted);font-size:8px}
.setup-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px}.setup-checks article{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;padding:13px;border:1px solid rgba(148,163,184,.12);border-radius:14px;background:rgba(255,255,255,.025)}.setup-checks article>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:rgba(255,201,104,.1);color:#ffd589;font-weight:900}.setup-checks article.done>span{background:rgba(37,212,154,.1);color:#76e7ba}.setup-checks article>div{display:grid}.setup-checks small{color:var(--muted);font-size:9px}
@media(max-width:900px){.admin-guide-body{grid-template-columns:1fr}.journey-track{grid-template-columns:repeat(2,1fr)}.setup-checks{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.admin-guide summary{grid-template-columns:36px minmax(0,1fr)}.guide-toggle{grid-column:2}.lead-board{grid-template-columns:repeat(5,82vw)}.journey-track,.setup-checks{grid-template-columns:1fr}.soft-funnel{grid-template-columns:repeat(13,auto)}}


/* BOTEX V4.5 Meta Pixel + CAPI */
.meta-test-form{margin-top:12px;padding-top:12px;border-top:1px solid rgba(148,163,184,.1)}
.meta-connection-flow{display:flex;align-items:center;gap:8px;overflow:auto;padding:4px 0}
.meta-connection-flow span{min-width:max-content;padding:8px 10px;border:1px solid rgba(148,163,184,.12);border-radius:10px;background:rgba(45,134,255,.07);font-size:9px;font-weight:850}
.meta-connection-flow b{color:#4e708f}
.admin-shell code{max-width:360px;overflow-wrap:anywhere;white-space:normal}
@media(max-width:560px){.meta-test-form .button{width:100%}}


/* BOTEX V4.6 Marketing Workflow Audit */
.workflow-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:9px;margin-bottom:14px}
.workflow-check-grid article{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;padding:13px;border:1px solid rgba(148,163,184,.12);border-radius:14px;background:rgba(255,255,255,.025)}
.workflow-check-grid article>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;font-weight:900}
.workflow-check-grid article.passed>span{color:#78e9bd;background:rgba(37,212,154,.1)}
.workflow-check-grid article.failed>span{color:#ff9ca7;background:rgba(255,102,119,.1)}
.workflow-check-grid article>div{display:grid}.workflow-check-grid small{color:var(--muted);font-size:9px}
.row-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.row-actions .button{white-space:nowrap}
@media(max-width:650px){.workflow-check-grid{grid-template-columns:1fr}.row-actions{min-width:250px}}


/* BOTEX V4.6 public sales-page templates */
.sales-template-compact .sales-page{max-width:850px}
.sales-template-compact .sales-hero{min-height:auto;padding-top:58px;padding-bottom:58px}
.sales-template-compact .sales-hero h1{max-width:760px;font-size:clamp(34px,7vw,68px)}
.sales-template-story .sales-page{max-width:1060px}
.sales-template-story .sales-hero{text-align:left;align-items:flex-start;background:radial-gradient(circle at 10% 10%,rgba(45,134,255,.22),transparent 35%),linear-gradient(145deg,#07111f,#102b50)}
.sales-template-story .sales-hero h1,.sales-template-story .sales-hero p{margin-left:0;margin-right:0}
.sales-template-story .sales-price{align-items:flex-start}


/* BOTEX V4.7 Pixel configuration actions */
.pixel-config-row{grid-template-columns:10px minmax(0,1fr) auto auto}
.pixel-config-row small{display:block;margin-top:4px;color:var(--muted);font-size:8px}
.pixel-row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.pixel-row-actions form{margin:0}
.meta-delete-form{margin-top:8px}
.button.danger{color:#ff9eaa;border-color:rgba(255,102,119,.28);background:rgba(255,102,119,.055)}
.button.danger:hover{color:#fff;border-color:rgba(255,102,119,.5);background:rgba(255,102,119,.14)}
@media(max-width:700px){
 .pixel-config-row{grid-template-columns:10px minmax(0,1fr)}
 .pixel-config-row>.status,.pixel-row-actions{grid-column:2}
 .pixel-row-actions{margin-top:5px}
}


/* BOTEX V4.8 sales-page legal disclaimer */
.sales-disclaimer{
 margin-top:32px;
 padding:22px 16px calc(22px + env(safe-area-inset-bottom));
 border-top:1px solid rgba(148,163,184,.14);
 background:#060c16;
}
.sales-disclaimer-inner{
 max-width:980px;
 margin:0 auto;
 text-align:center;
}
.sales-disclaimer strong{
 display:block;
 margin-bottom:7px;
 color:#dce8f7;
 font-size:11px;
 letter-spacing:.08em;
 text-transform:uppercase;
}
.sales-disclaimer p{
 margin:0;
 color:#71839a;
 font-size:10px;
 line-height:1.65;
}
@media(max-width:560px){
 .sales-disclaimer{
  margin-top:22px;
  padding:18px 14px calc(20px + env(safe-area-inset-bottom));
 }
 .sales-disclaimer p{
  font-size:9px;
  line-height:1.6;
 }
}


/* BOTEX V4.9 Professional Sales Page Builder */
.builder-hero{overflow:hidden}
.sales-page-library{display:grid;gap:9px;margin-bottom:14px}
.sales-page-library-card{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px;border:1px solid rgba(148,163,184,.12);border-radius:16px;background:linear-gradient(145deg,rgba(14,25,44,.94),rgba(7,14,27,.94))}
.library-preview{display:grid;place-items:center;width:90px;height:66px;border-radius:12px;overflow:hidden}.library-preview span{font-size:24px;font-weight:950}.library-preview.theme-midnight{background:radial-gradient(circle at 20% 10%,#2d86ff55,transparent 40%),#07111f}.library-preview.theme-clean{color:#1b2a3d;background:linear-gradient(145deg,#fff,#dfe8f4)}.library-preview.theme-aurora{background:radial-gradient(circle at 20% 20%,#2bdcff88,transparent 45%),radial-gradient(circle at 80% 20%,#886bff99,transparent 45%),#091321}
.library-copy{min-width:0}.library-copy>div{display:grid}.library-copy strong{font-size:13px}.library-copy small,.library-copy p{color:var(--muted);font-size:9px}.library-copy p{margin:6px 0}.library-meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.library-meta>span:not(.status){padding:4px 7px;border-radius:999px;color:#8298b3;background:rgba(255,255,255,.035);font-size:8px}.library-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.sales-builder-shell{display:grid;grid-template-columns:190px minmax(0,1fr) minmax(300px,390px);gap:12px;align-items:start}
.builder-steps{position:sticky;top:94px;display:grid;gap:4px;padding:12px;border:1px solid rgba(148,163,184,.12);border-radius:16px;background:rgba(7,14,27,.88);backdrop-filter:blur(16px)}.builder-steps>p{padding:3px 8px 8px}.builder-steps a{display:grid;grid-template-columns:31px 1fr;gap:8px;align-items:center;padding:9px;border-radius:11px;color:#8ea1ba}.builder-steps a:hover{color:#fff;background:rgba(45,134,255,.08)}.builder-steps a>span{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;color:#69b7ff;background:rgba(45,134,255,.1);font-size:8px;font-weight:900}.builder-steps a>div{display:grid}.builder-steps strong{font-size:10px}.builder-steps small{color:#607894;font-size:8px}
.builder-editor{display:grid;gap:10px;min-width:0}.builder-section{padding:20px;border:1px solid rgba(148,163,184,.12);border-radius:18px;background:linear-gradient(150deg,rgba(14,25,44,.95),rgba(7,14,27,.96));box-shadow:0 18px 50px rgba(0,0,0,.16);scroll-margin-top:100px}.builder-section-head{display:grid;grid-template-columns:40px 1fr;gap:11px;align-items:start;margin-bottom:19px}.builder-section-head>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#72bfff;background:rgba(45,134,255,.11);font-size:9px;font-weight:950}.builder-section-head h2{margin:2px 0 4px;font-size:21px;letter-spacing:-.03em}.builder-section-head small{color:var(--muted);font-size:9px}
.builder-fields{display:grid;grid-template-columns:1fr;gap:13px}.builder-fields.two{grid-template-columns:1fr 1fr}.builder-fields .wide{grid-column:1/-1}.builder-fields label,.builder-textarea{font-size:10px;letter-spacing:.02em}.builder-fields label>small,.builder-textarea>small{color:var(--muted);font-weight:500}.builder-fields input,.builder-fields select,.builder-fields textarea,.builder-textarea textarea{border-radius:12px;background:rgba(4,11,21,.76);border-color:rgba(116,148,190,.22)}.slug-input{display:grid;grid-template-columns:auto 1fr;align-items:center;border:1px solid rgba(116,148,190,.22);border-radius:12px;background:rgba(4,11,21,.76);overflow:hidden}.slug-input span{padding:0 0 0 11px;color:#58728e;font-size:8px}.slug-input input{border:0;background:transparent;box-shadow:none!important}
.visual-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:12px}.visual-choice{position:relative;display:grid;gap:8px;padding:10px;border:1px solid rgba(148,163,184,.12);border-radius:14px;background:rgba(255,255,255,.02);cursor:pointer}.visual-choice input{position:absolute;opacity:0;pointer-events:none}.visual-choice:has(input:checked){border-color:rgba(45,134,255,.52);box-shadow:0 0 0 3px rgba(45,134,255,.08)}.visual-choice strong{font-size:9px}.theme-swatch{display:block;height:60px;border-radius:10px}.theme-swatch.theme-midnight{background:radial-gradient(circle at 20% 20%,#2d86ff66,transparent 40%),linear-gradient(145deg,#06101d,#0e284a)}.theme-swatch.theme-clean{background:linear-gradient(145deg,#fff,#dfe7f1)}.theme-swatch.theme-aurora{background:radial-gradient(circle at 20% 20%,#2bdcff99,transparent 40%),radial-gradient(circle at 80% 20%,#886bffaa,transparent 40%),#06111e}.layout-preview{display:grid;gap:5px;height:60px;padding:9px;border-radius:10px;background:#07101e}.layout-preview i{display:block;border-radius:5px;background:rgba(148,183,230,.22)}.layout-centered{align-content:center}.layout-centered i:first-child{width:70%;height:8px;margin:auto}.layout-centered i:last-child{width:48%;height:22px;margin:auto}.layout-split{grid-template-columns:1.2fr .8fr;align-items:center}.layout-split i{height:38px}.layout-minimal{align-content:end}.layout-minimal i:first-child{width:55%;height:8px}.layout-minimal i:last-child{width:85%;height:16px}
.toggle-label{display:flex!important;grid-column:1/-1;align-items:center;gap:10px;padding:11px;border:1px solid rgba(148,163,184,.12);border-radius:12px;background:rgba(255,255,255,.02)}.toggle-label input{width:18px;height:18px}.toggle-label>span{display:grid}.toggle-label small{color:var(--muted);font-size:8px}
.builder-savebar{position:sticky;bottom:10px;z-index:5;display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:16px;padding:11px 12px;border:1px solid rgba(68,143,242,.25);border-radius:14px;background:rgba(7,15,28,.9);backdrop-filter:blur(18px);box-shadow:0 14px 38px rgba(0,0,0,.3)}.builder-savebar>div{display:grid}.builder-savebar small{color:var(--muted);font-size:8px}
.builder-preview{position:sticky;top:94px;overflow:hidden;border:1px solid rgba(148,163,184,.13);border-radius:18px;background:#03070e;box-shadow:0 24px 65px rgba(0,0,0,.35)}.preview-toolbar{display:flex;align-items:center;gap:9px;height:42px;padding:0 11px;border-bottom:1px solid rgba(148,163,184,.12);background:#091321}.preview-toolbar>span{display:flex;gap:4px}.preview-toolbar i{width:7px;height:7px;border-radius:50%;background:#41536b}.preview-toolbar strong{flex:1;font-size:9px}.preview-toolbar a{color:#65b4ff;font-size:8px}.builder-preview iframe{display:block;width:100%;height:740px;border:0;background:#050914}.preview-empty{display:grid;place-items:center;text-align:center;min-height:620px;padding:30px}.preview-empty>span{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,#2d86ff,#886bff);font-size:22px;font-weight:950}.preview-empty strong{margin-top:15px}.preview-empty p{max-width:250px;color:var(--muted);font-size:9px;line-height:1.6}

/* BOTEX V4.9 Professional Public Sales Page */
.sales-body{--sales-bg:#050a13;--sales-surface:#0b1422;--sales-text:#f3f7fd;--sales-muted:#8fa1b8;--sales-line:rgba(145,164,190,.16);--sales-accent:#397dff;--sales-accent2:#33d6ff;margin:0;color:var(--sales-text);background:var(--sales-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}.sales-theme-clean{--sales-bg:#f5f7fb;--sales-surface:#fff;--sales-text:#132033;--sales-muted:#66768a;--sales-line:rgba(24,48,80,.13);--sales-accent:#2467dd;--sales-accent2:#15a6c8}.sales-theme-aurora{--sales-bg:#050912;--sales-surface:#0a1422;--sales-text:#f8f8ff;--sales-muted:#9d9bb7;--sales-line:rgba(156,138,224,.18);--sales-accent:#7b5dff;--sales-accent2:#23d7d7}
.professional-sales-page{overflow:hidden}.pro-sales-wrap{width:min(1120px,calc(100% - 38px));margin:0 auto}.pro-sales-hero{position:relative;min-height:670px;display:grid;align-items:center;overflow:hidden;background:radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--sales-accent) 32%,transparent),transparent 34%),radial-gradient(circle at 85% 15%,color-mix(in srgb,var(--sales-accent2) 23%,transparent),transparent 28%),linear-gradient(160deg,var(--sales-bg),color-mix(in srgb,var(--sales-surface) 92%,black))}.sales-theme-clean .pro-sales-hero{background:radial-gradient(circle at 16% 10%,rgba(36,103,221,.12),transparent 34%),linear-gradient(160deg,#fff,#edf3fa)}.hero-noise{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);gap:48px;align-items:center;padding:90px 0}.sales-layout-split .hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(310px,.7fr)}.sales-layout-minimal .pro-sales-hero{min-height:540px}.hero-message{max-width:860px}.sales-layout-centered .hero-message{text-align:center;margin:auto}.sales-layout-centered .hero-action-row{justify-content:center}.sales-layout-centered .hero-trust{justify-content:center}.pro-eyebrow{display:inline-flex;padding:7px 10px;border:1px solid color-mix(in srgb,var(--sales-accent) 45%,transparent);border-radius:999px;color:color-mix(in srgb,var(--sales-accent2) 80%,white);background:color-mix(in srgb,var(--sales-accent) 10%,transparent);font-size:10px;font-weight:900;letter-spacing:.14em}.hero-message h1{margin:22px 0 18px;max-width:980px;font-size:clamp(46px,8vw,92px);line-height:.96;letter-spacing:-.065em}.sales-layout-minimal .hero-message h1{font-size:clamp(42px,7vw,74px)}.hero-summary{max-width:760px;margin:0;color:var(--sales-muted);font-size:clamp(16px,2vw,21px);line-height:1.55}.sales-layout-centered .hero-summary{margin:auto}.hero-trust{display:flex;margin:18px 0 0;color:var(--sales-muted);font-size:11px}.hero-action-row{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:31px}.pro-primary-cta{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 24px;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--sales-accent),var(--sales-accent2));font-size:14px;font-weight:900;box-shadow:0 18px 45px color-mix(in srgb,var(--sales-accent) 28%,transparent);transition:transform .2s ease,filter .2s ease}.pro-primary-cta:hover{transform:translateY(-3px);filter:brightness(1.08)}.hero-price{display:grid}.hero-price small{color:var(--sales-muted);font-size:9px}.hero-price strong{font-size:28px;letter-spacing:-.04em}.hero-offer-card{padding:27px;border:1px solid var(--sales-line);border-radius:24px;background:color-mix(in srgb,var(--sales-surface) 88%,transparent);backdrop-filter:blur(18px);box-shadow:0 30px 80px rgba(0,0,0,.25)}.offer-card-label{color:var(--sales-muted);font-size:9px;text-transform:uppercase;letter-spacing:.14em}.hero-offer-card>strong{display:block;margin:9px 0 18px;font-size:24px}.hero-offer-card ul{display:grid;gap:11px;margin:0;padding:0;list-style:none}.hero-offer-card li{position:relative;padding-left:20px;color:var(--sales-muted);font-size:11px}.hero-offer-card li:before{content:"";position:absolute;left:0;top:6px;width:8px;height:8px;border-radius:50%;background:var(--sales-accent2);box-shadow:0 0 12px color-mix(in srgb,var(--sales-accent2) 55%,transparent)}.offer-credit{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding-top:17px;border-top:1px solid var(--sales-line)}.offer-credit span{color:var(--sales-muted);font-size:9px}.offer-credit b{font-size:18px}
.pro-value-section,.pro-proof-section,.pro-faq-section{padding:100px 0;background:var(--sales-bg)}.section-intro{max-width:680px}.section-intro>span,.checkout-message>span{color:var(--sales-accent2);font-size:9px;font-weight:900;letter-spacing:.16em}.section-intro h2,.checkout-message h2,.pro-bonus-band h2{margin:10px 0 15px;font-size:clamp(34px,5vw,58px);line-height:1.03;letter-spacing:-.05em}.section-intro p{margin:0;color:var(--sales-muted);font-size:14px;line-height:1.75}.pro-benefit-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:54px;border-top:1px solid var(--sales-line)}.pro-benefit-list article{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:center;padding:24px 12px;border-bottom:1px solid var(--sales-line)}.pro-benefit-list article:nth-child(odd){border-right:1px solid var(--sales-line)}.pro-benefit-list article>span{color:var(--sales-accent2);font-size:9px;font-weight:900}.pro-benefit-list p{margin:0;font-size:14px;font-weight:750}
.pro-bonus-band{padding:50px 0;border-block:1px solid var(--sales-line);background:linear-gradient(90deg,color-mix(in srgb,var(--sales-accent) 14%,var(--sales-surface)),color-mix(in srgb,var(--sales-accent2) 8%,var(--sales-surface)))}.pro-bonus-band .pro-sales-wrap{display:grid;grid-template-columns:70px 1fr auto;gap:22px;align-items:center}.bonus-symbol{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;color:#fff;background:linear-gradient(145deg,var(--sales-accent),var(--sales-accent2));font-size:31px}.pro-bonus-band small{color:var(--sales-muted);font-size:8px;letter-spacing:.14em}.pro-bonus-band h2{margin:6px 0;font-size:31px}.pro-bonus-band p{margin:0;color:var(--sales-muted);font-size:11px}.pro-bonus-band .pro-sales-wrap>strong{font-size:30px}
.pro-proof-section{background:color-mix(in srgb,var(--sales-surface) 76%,var(--sales-bg))}.pro-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:45px}.pro-proof-grid blockquote{position:relative;margin:0;padding:25px;border-top:1px solid var(--sales-line);background:transparent}.pro-proof-grid blockquote>span{color:var(--sales-accent2);font-size:37px;line-height:1}.pro-proof-grid p{margin:8px 0 0;color:var(--sales-muted);font-size:13px;line-height:1.65}
.faq-layout{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.2fr);gap:70px;align-items:start}.pro-faq-list{border-top:1px solid var(--sales-line)}.pro-faq-list details{border-bottom:1px solid var(--sales-line)}.pro-faq-list summary{display:flex;justify-content:space-between;gap:20px;padding:23px 0;cursor:pointer;list-style:none;font-size:14px;font-weight:800}.pro-faq-list summary::-webkit-details-marker{display:none}.pro-faq-list summary span{color:var(--sales-accent2);font-size:19px}.pro-faq-list details[open] summary span{transform:rotate(45deg)}.pro-faq-list details p{margin:-7px 0 23px;color:var(--sales-muted);font-size:12px;line-height:1.7}
.pro-checkout-section{padding:100px 0;background:color-mix(in srgb,var(--sales-surface) 84%,var(--sales-bg))}.checkout-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(360px,.65fr);gap:70px;align-items:start}.checkout-message p{color:var(--sales-muted);font-size:13px}.checkout-message dl{margin-top:33px;border-top:1px solid var(--sales-line)}.checkout-message dl>div{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--sales-line)}.checkout-message dt{color:var(--sales-muted);font-size:10px}.checkout-message dd{margin:0;font-size:11px;font-weight:850}.pro-checkout-form{display:grid;gap:13px;padding:27px;border:1px solid var(--sales-line);border-radius:23px;background:var(--sales-surface);box-shadow:0 30px 80px rgba(0,0,0,.2)}.checkout-form-head{display:grid;margin-bottom:5px}.checkout-form-head strong{font-size:19px}.checkout-form-head small{margin-top:4px;color:var(--sales-muted);font-size:9px}.pro-checkout-form label{display:grid;gap:7px;color:var(--sales-muted);font-size:9px}.pro-checkout-form input{min-height:48px;padding:0 13px;border:1px solid var(--sales-line);border-radius:12px;color:var(--sales-text);background:color-mix(in srgb,var(--sales-bg) 78%,transparent);font-size:15px}.pro-checkout-form button{min-height:52px;border:0;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--sales-accent),var(--sales-accent2));font-weight:900;cursor:pointer}.checkout-security{margin:0;text-align:center;color:var(--sales-muted);font-size:8px}
.sales-preview-notice{position:sticky;top:0;z-index:50;padding:7px;text-align:center;color:#dcecff;background:#1d5ec4;font-size:9px;font-weight:850}.sales-preview-mode .pro-checkout-form{pointer-events:none;opacity:.7}.pro-sticky-cta{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));z-index:80;display:none;grid-template-columns:1fr auto;gap:12px;align-items:center;width:min(520px,calc(100% - 20px));padding:9px 10px 9px 14px;border:1px solid var(--sales-line);border-radius:16px;background:color-mix(in srgb,var(--sales-surface) 90%,transparent);backdrop-filter:blur(18px);box-shadow:0 20px 55px rgba(0,0,0,.4);transform:translateX(-50%)}.pro-sticky-cta>div{display:grid}.pro-sticky-cta small{color:var(--sales-muted);font-size:8px}.pro-sticky-cta strong{font-size:18px}.pro-sticky-cta a{padding:12px 15px;border-radius:11px;color:#fff;background:linear-gradient(135deg,var(--sales-accent),var(--sales-accent2));font-size:10px;font-weight:900}
@media(max-width:1180px){.sales-builder-shell{grid-template-columns:170px minmax(0,1fr)}.builder-preview{position:relative;top:auto;grid-column:1/-1}.builder-preview iframe{height:760px}}
@media(max-width:860px){.sales-page-library-card{grid-template-columns:70px 1fr}.library-preview{width:70px}.library-actions{grid-column:2;justify-content:flex-start}.sales-builder-shell{grid-template-columns:1fr}.builder-steps{position:relative;top:auto;grid-template-columns:repeat(5,minmax(110px,1fr));overflow:auto}.builder-steps>p{display:none}.builder-steps a{min-width:120px}.builder-fields.two,.visual-choice-grid{grid-template-columns:1fr}.builder-preview{grid-column:auto}.sales-layout-split .hero-grid{grid-template-columns:1fr}.hero-offer-card{max-width:600px}.faq-layout,.checkout-layout{grid-template-columns:1fr;gap:45px}.pro-proof-grid{grid-template-columns:1fr}.pro-bonus-band .pro-sales-wrap{grid-template-columns:58px 1fr}.pro-bonus-band .pro-sales-wrap>strong{grid-column:2}.pro-sticky-cta{display:grid}}
@media(max-width:560px){.sales-page-library-card{grid-template-columns:1fr}.library-preview{width:100%;height:74px}.library-actions{grid-column:auto}.builder-section{padding:15px}.builder-section-head{grid-template-columns:34px 1fr}.builder-section-head>span{width:32px;height:32px}.builder-savebar{align-items:stretch;flex-direction:column}.builder-savebar .button{width:100%}.builder-preview iframe{height:660px}.pro-sales-wrap{width:min(100% - 26px,1120px)}.pro-sales-hero{min-height:620px}.hero-grid{padding:72px 0}.hero-message h1{font-size:clamp(42px,13vw,66px)}.hero-action-row{align-items:flex-start;flex-direction:column}.pro-primary-cta{width:100%}.pro-benefit-list{grid-template-columns:1fr}.pro-benefit-list article:nth-child(odd){border-right:0}.pro-value-section,.pro-proof-section,.pro-faq-section,.pro-checkout-section{padding:70px 0}.pro-bonus-band .pro-sales-wrap{grid-template-columns:48px 1fr}.bonus-symbol{width:46px;height:46px;border-radius:14px}.pro-bonus-band h2{font-size:25px}.pro-checkout-form{padding:20px}.sales-disclaimer{padding-bottom:100px}}


/* BOTEX V4.10 safe destructive actions */
.row-actions form,.library-actions form{display:inline-flex;margin:0}
.delete-policy-note{padding:11px 13px;border:1px solid rgba(255,201,104,.2);border-radius:12px;color:#c9b47d;background:rgba(255,201,104,.055);font-size:9px;line-height:1.6}


/* BOTEX V4.11 custom landing upload + multi-currency */
.custom-upload-field{padding:13px;border:1px dashed rgba(92,159,245,.32);border-radius:13px;background:rgba(45,134,255,.035)}
.custom-upload-field input[type=file]{padding:12px;background:rgba(4,11,21,.55)}
.standalone-checkout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(340px,.55fr);gap:55px;align-items:start;width:min(1000px,calc(100% - 28px));margin:0 auto;padding:90px 0}.standalone-checkout>section h1{margin:9px 0 15px;font-size:clamp(38px,7vw,72px);line-height:.98;letter-spacing:-.055em}.standalone-checkout>section>p{color:var(--sales-muted);line-height:1.7}.standalone-checkout dl{margin-top:32px;border-top:1px solid var(--sales-line)}.standalone-checkout dl>div{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--sales-line)}.standalone-checkout dt{color:var(--sales-muted);font-size:10px}.standalone-checkout dd{margin:0;font-weight:850}
.offer-price-stack{display:grid;gap:2px}.offer-price-stack s{color:var(--muted);font-size:9px}
@media(max-width:760px){.standalone-checkout{grid-template-columns:1fr;gap:35px;padding:55px 0}}


/* BOTEX V4.13 purchase result clarity */
.order-success-card{max-width:520px}
.order-success-summary{display:grid;gap:0;margin:14px 0 18px;border:1px solid rgba(148,163,184,.14);border-radius:13px;overflow:hidden}
.order-success-summary>div{display:flex;justify-content:space-between;gap:14px;padding:11px 12px;border-bottom:1px solid rgba(148,163,184,.1)}
.order-success-summary>div:last-child{border-bottom:0}
.order-success-summary span{color:var(--muted);font-size:9px}
.order-success-summary strong{text-align:right;font-size:10px}
.auth-note{margin:12px 0 0;color:var(--muted);text-align:center;font-size:9px;line-height:1.6}


/* BOTEX V4.14 branded identity */
.botex-symbol{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#18d4f5 0%,#2582f6 48%,#1755db 100%)!important;box-shadow:0 15px 35px rgba(24,126,241,.28),inset 0 1px 0 rgba(255,255,255,.28)}
.botex-symbol:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent 42%);z-index:-1}
.botex-symbol i{position:absolute;left:8px;right:7px;top:19px;height:7px;border-radius:7px;background:#071426;transform:skewX(-38deg);box-shadow:0 13px 0 #071426;opacity:.95}
.botex-symbol b{position:relative;z-index:2;color:#fff;font-size:21px;font-style:italic;text-shadow:0 3px 12px rgba(0,0,0,.28)}
.success-brand{width:58px;height:58px;border-radius:18px;margin-bottom:14px}.success-brand i{top:25px;left:10px;right:9px;height:8px;box-shadow:0 15px 0 #071426}.success-brand b{font-size:27px}

/* BOTEX V4.14 professional success experience */
.order-success-card{width:min(560px,calc(100% - 24px));padding:28px}
.order-success-card h1{font-size:clamp(31px,7vw,46px);letter-spacing:-.05em}
.success-next-steps{display:grid;gap:9px;margin:17px 0;padding:16px;border:1px solid rgba(148,163,184,.14);border-radius:15px;background:rgba(255,255,255,.025)}
.success-next-steps>p{margin-bottom:3px}
.success-next-steps>div{display:grid;grid-template-columns:31px 1fr;gap:10px;align-items:start;padding:9px 0;border-bottom:1px solid rgba(148,163,184,.09)}
.success-next-steps>div:last-child{border-bottom:0}
.success-next-steps>div>span{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;color:#72dfff;background:rgba(45,134,255,.13);font-size:9px;font-weight:950}
.success-next-steps p{display:grid;margin:0}.success-next-steps strong{font-size:10px}.success-next-steps small{margin-top:3px;color:var(--muted);font-size:8px;line-height:1.5}
.success-primary-action{margin-top:4px}

/* BOTEX V4.14 marketing intelligence dashboard */
.marketing-command-hero{position:relative;overflow:hidden}
.marketing-command-hero:after{content:"";position:absolute;right:-70px;top:-95px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(43,220,255,.18),transparent 67%)}
.marketing-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:14px}
.marketing-kpi-grid article,.journey-overview-grid article{position:relative;overflow:hidden;padding:18px;border:1px solid rgba(148,163,184,.13);border-radius:17px;background:linear-gradient(145deg,rgba(14,25,44,.94),rgba(7,14,27,.94));box-shadow:0 18px 45px rgba(0,0,0,.16)}
.marketing-kpi-grid article:after{content:"";position:absolute;right:-30px;top:-40px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(45,134,255,.2),transparent 70%)}
.marketing-kpi-grid span,.marketing-kpi-grid small,.journey-overview-grid span,.journey-overview-grid small{display:block;color:var(--muted);font-size:9px}
.marketing-kpi-grid strong,.journey-overview-grid strong{display:block;margin:10px 0 5px;font-size:25px;letter-spacing:-.045em}
.marketing-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:13px}
.revenue-bars{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;align-items:end;height:260px;padding-top:25px}
.revenue-bar{display:grid;grid-template-rows:18px 1fr 18px 15px;gap:5px;height:100%;text-align:center}
.bar-value{color:#7890aa;font-size:7px}
.bar-track{position:relative;overflow:hidden;border-radius:8px;background:rgba(255,255,255,.035)}
.bar-track i{position:absolute;left:0;right:0;bottom:0;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,var(--cyan),var(--blue));box-shadow:0 -8px 25px rgba(45,134,255,.2)}
.revenue-bar strong{font-size:9px}.revenue-bar small{color:var(--muted);font-size:7px}
.health-list{display:grid;margin-bottom:13px}
.health-list>div{display:grid;grid-template-columns:11px 1fr auto;gap:9px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(148,163,184,.1)}
.health-list>div:last-child{border-bottom:0}
.health-dot{width:9px;height:9px;border-radius:50%;background:#ffc968;box-shadow:0 0 13px rgba(255,201,104,.45)}
.health-dot.ok{background:#25d49a;box-shadow:0 0 13px rgba(37,212,154,.45)}
.health-list div>div{display:grid}.health-list strong{font-size:10px}.health-list small{color:var(--muted);font-size:8px}.health-list b{font-size:8px;color:#8195af}
.funnel-page-list{display:grid}
.funnel-page-list>article{display:grid;grid-template-columns:45px minmax(180px,1.3fr) repeat(4,minmax(85px,.6fr)) auto;gap:12px;align-items:center;padding:14px 5px;border-bottom:1px solid rgba(148,163,184,.1)}
.funnel-page-list>article:last-child{border-bottom:0}
.page-rank{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#6ec0ff;background:rgba(45,134,255,.1);font-size:9px;font-weight:950}
.page-performance-copy{display:grid}.page-performance-copy strong{font-size:11px}.page-performance-copy small{color:var(--muted);font-size:8px}
.funnel-page-list article>div:not(.page-rank):not(.page-performance-copy){display:grid}.funnel-page-list article>div span{color:var(--muted);font-size:7px}.funnel-page-list article>div strong{font-size:11px}.funnel-page-list article>div small{color:#69c7ff;font-size:7px}

/* BOTEX V4.14 customer journey */
.journey-hero{align-items:center}.journey-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:14px}.journey-overview-grid strong{font-size:15px}
.journey-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.55fr);gap:13px;align-items:start}
.journey-layout>aside{display:grid;gap:13px}
.journey-timeline{position:relative;display:grid;padding-left:4px}
.journey-step{position:relative;display:grid;grid-template-columns:38px 1fr;gap:11px;min-height:86px}
.journey-step:before{content:"";position:absolute;left:18px;top:32px;bottom:-3px;width:1px;background:rgba(148,163,184,.16)}
.journey-step:last-child:before{display:none}
.journey-node{position:relative;z-index:2;display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(148,163,184,.2);border-radius:12px;color:#8093ad;background:#091321;font-size:11px;font-weight:950}
.journey-step.complete .journey-node{color:#78e9bd;border-color:rgba(37,212,154,.28);background:rgba(37,212,154,.09)}
.journey-step.failed .journey-node{color:#ff9baa;border-color:rgba(255,102,119,.3);background:rgba(255,102,119,.09)}
.journey-step>div{padding:5px 0 17px}.journey-step strong{font-size:11px}.journey-step p{margin:4px 0;color:var(--muted);font-size:9px}.journey-step small{color:#566e8d;font-size:8px}
.journey-action-panel dl{margin:0 0 13px;border-top:1px solid rgba(148,163,184,.1)}.journey-action-panel dl>div{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid rgba(148,163,184,.1)}.journey-action-panel dt{color:var(--muted);font-size:9px}.journey-action-panel dd{margin:0;text-align:right;font-size:9px;font-weight:800}.journey-action-panel code{display:block;max-width:160px;overflow:hidden;text-overflow:ellipsis}
.journey-email-list{display:grid}.journey-email-list>div{display:grid;grid-template-columns:auto 1fr;gap:9px;padding:10px 0;border-bottom:1px solid rgba(148,163,184,.1)}.journey-email-list>div:last-child{border-bottom:0}.journey-email-list>div>div{display:grid}.journey-email-list strong{font-size:9px}.journey-email-list small{color:var(--muted);font-size:7px}.journey-email-list p{margin:4px 0 0;color:#ff9baa;font-size:7px}

@media(max-width:1050px){
 .marketing-kpi-grid,.journey-overview-grid{grid-template-columns:repeat(2,1fr)}
 .marketing-dashboard-grid,.journey-layout{grid-template-columns:1fr}
 .funnel-page-list>article{grid-template-columns:42px minmax(160px,1fr) repeat(2,minmax(75px,.5fr))}
 .funnel-page-list>article>div:nth-of-type(4),.funnel-page-list>article>div:nth-of-type(5){display:none!important}
}
@media(max-width:620px){
 .marketing-kpi-grid,.journey-overview-grid{grid-template-columns:1fr 1fr}
 .marketing-kpi-grid article,.journey-overview-grid article{padding:14px}
 .marketing-kpi-grid strong{font-size:20px}
 .revenue-bars{gap:5px;height:210px}
 .bar-value{display:none}
 .revenue-bar{grid-template-rows:1fr 18px 15px}
 .funnel-page-list>article{grid-template-columns:37px 1fr auto}
 .funnel-page-list>article>div:not(.page-rank):not(.page-performance-copy),.funnel-page-list>article>a{display:none}
 .order-success-card{padding:20px}
}


/* =========================================================
   BOTEX V4.15 — ENTERPRISE BRAND SYSTEM
   ========================================================= */
:root{
 --brand-primary:#2563ff;
 --brand-cyan:#18d8f5;
 --brand-ink:#071426;
 --brand-surface:#0e1b2e;
 --brand-success:#18c37e;
 --brand-warning:#f6b73c;
 --brand-danger:#ff5b7f;
 --brand-radius-sm:12px;
 --brand-radius-md:16px;
 --brand-radius-lg:20px;
 --brand-shadow-soft:0 14px 38px rgba(0,0,0,.18);
 --brand-shadow-float:0 24px 70px rgba(0,0,0,.28);
 --brand-transition:220ms cubic-bezier(.2,.8,.2,1);
}
body{background:
 radial-gradient(circle at 7% -8%,rgba(37,99,255,.22),transparent 29%),
 radial-gradient(circle at 93% 1%,rgba(24,216,245,.12),transparent 27%),
 linear-gradient(180deg,#040812 0%,#07101d 48%,#050914 100%)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}
::selection{background:rgba(24,216,245,.24);color:#fff}

/* Typography rhythm */
h1,h2,h3,.brand strong{font-feature-settings:"ss01","cv02";text-wrap:balance}
.topbar h1,.hero h2,.professional-sales-page h1{letter-spacing:-.045em}
.eyebrow{color:#6cbcff;letter-spacing:.17em}

/* Unified surface language */
.panel,.metric,.card,.topbar,.brand,.auth-card,.sales-card,.builder-section{
 border-color:rgba(137,171,214,.15)!important;
 background:
  linear-gradient(145deg,rgba(15,28,49,.96),rgba(7,15,28,.94))!important;
 box-shadow:var(--brand-shadow-soft);
}
.panel,.metric,.card,.auth-card,.builder-section{transition:transform var(--brand-transition),border-color var(--brand-transition),box-shadow var(--brand-transition)}
.panel:hover,.metric:hover,.card:hover,.builder-section:hover{border-color:rgba(53,139,255,.25)!important;box-shadow:0 20px 55px rgba(0,0,0,.23)}

/* Official sidebar */
.sidebar{width:auto;background:linear-gradient(180deg,rgba(5,11,21,.985),rgba(6,14,26,.965));border-right-color:rgba(92,133,184,.14);box-shadow:18px 0 60px rgba(0,0,0,.16)}
.brand{position:relative;overflow:hidden;min-height:68px;padding:11px 12px}
.brand:after{content:"";position:absolute;right:-25px;top:-35px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(24,216,245,.18),transparent 68%)}
.brand-mark{width:45px;height:45px;flex:0 0 45px}
.brand strong{font-size:15px;font-weight:900;letter-spacing:.08em}
.brand small{font-size:8px;letter-spacing:.035em;color:#8ca1bc}
.sidebar nav a,.admin-grouped-nav a{position:relative;overflow:hidden;transition:transform var(--brand-transition),background var(--brand-transition),color var(--brand-transition),border-color var(--brand-transition)}
.sidebar nav a:hover,.admin-grouped-nav a:hover{transform:translateX(3px)}
.sidebar nav a.active,.admin-grouped-nav a.active{background:linear-gradient(90deg,rgba(37,99,255,.22),rgba(24,216,245,.055));border-color:rgba(50,134,246,.28);box-shadow:inset 3px 0 0 var(--brand-cyan),0 12px 28px rgba(0,0,0,.12)}
.nav-group>p{font-size:7px;letter-spacing:.18em;color:#536a87}
.sidebar-brand-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding:10px 11px;color:#66809f;font-size:8px;border-top:1px solid rgba(137,171,214,.11)}
.sidebar-brand-footer span{display:flex;align-items:center;gap:6px}
.sidebar-brand-footer i,.system-live-dot i{width:7px;height:7px;border-radius:50%;background:var(--brand-success);box-shadow:0 0 12px rgba(24,195,126,.6)}
.sidebar-user{margin-top:8px}

/* Buttons */
.button,button.button,.pro-primary-cta,.pro-checkout-form button{
 min-height:40px;border-radius:13px!important;
 transition:transform var(--brand-transition),box-shadow var(--brand-transition),filter var(--brand-transition)!important;
}
.button:not(.ghost),button.button:not(.ghost),.pro-primary-cta,.pro-checkout-form button{
 background:linear-gradient(135deg,var(--brand-primary),#2f91ff)!important;
 box-shadow:0 11px 28px rgba(37,99,255,.25)!important;
}
.button:hover,button.button:hover,.pro-primary-cta:hover,.pro-checkout-form button:hover{transform:translateY(-2px);filter:brightness(1.06)}
.button:active,button.button:active,.pro-primary-cta:active,.pro-checkout-form button:active{transform:translateY(0) scale(.98)}
.button.ghost{background:rgba(255,255,255,.025)!important;border-color:rgba(137,171,214,.18)!important}
.button.danger{color:#ff91a4!important;border-color:rgba(255,91,127,.25)!important}

/* Forms */
input,select,textarea{border-radius:13px!important;border-color:rgba(137,171,214,.17)!important;background:rgba(3,10,20,.58)!important;transition:border-color var(--brand-transition),box-shadow var(--brand-transition),background var(--brand-transition)}
input:focus,select:focus,textarea:focus{outline:none!important;border-color:rgba(45,139,255,.72)!important;box-shadow:0 0 0 4px rgba(37,99,255,.11)!important;background:rgba(5,14,27,.88)!important}
label{letter-spacing:.005em}

/* Tables and status */
.table-wrap{border-radius:15px;border:1px solid rgba(137,171,214,.1);overflow:auto}
table thead{background:rgba(3,10,20,.4)}
table tbody tr{transition:background var(--brand-transition)}
table tbody tr:hover{background:rgba(37,99,255,.04)}
.status{font-weight:850;letter-spacing:.04em}
.status.approved{color:#76e4b7;background:rgba(24,195,126,.08);border-color:rgba(24,195,126,.22)}
.status.failed{color:#ff9daf;background:rgba(255,91,127,.08);border-color:rgba(255,91,127,.22)}

/* Topbar and utility strip */
.topbar{position:relative;overflow:hidden}
.topbar:after{content:"";position:absolute;right:-35px;top:-55px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(24,216,245,.10),transparent 70%)}
.system-strip{background:rgba(4,11,21,.5);backdrop-filter:blur(18px)}
.system-live-dot{display:flex;align-items:center;gap:7px;color:#7e97b5}

/* Auth and public experiences */
.auth-body{background:
 radial-gradient(circle at 15% 0,rgba(37,99,255,.23),transparent 33%),
 radial-gradient(circle at 90% 15%,rgba(24,216,245,.12),transparent 28%),
 linear-gradient(180deg,#040914,#081426)}
.auth-card{backdrop-filter:blur(22px);border-radius:22px!important}
.auth-logo{animation:botexBrandFloat 5s ease-in-out infinite}
@keyframes botexBrandFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.sales-body{background:
 radial-gradient(circle at 50% -8%,rgba(37,99,255,.2),transparent 34%),
 linear-gradient(180deg,#04101f,#050914)}
.pro-sales-hero{min-height:min(770px,88vh);display:flex;align-items:center}
.pro-sales-wrap{width:min(1180px,calc(100% - 32px))}
.pro-eyebrow{border:1px solid rgba(24,216,245,.18);background:rgba(24,216,245,.07);color:#76deff}
.hero-offer-card{backdrop-filter:blur(22px);box-shadow:var(--brand-shadow-float)}
.pro-primary-cta{padding-inline:24px}

/* Cards feel tactile, not flashy */
.metric:before,.marketing-kpi-grid article:before,.journey-overview-grid article:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.045),transparent 30%);opacity:.6}
.metric strong{font-size:clamp(22px,2.5vw,30px)}

/* Loader */
.botex-loader{background:rgba(4,9,18,.94);backdrop-filter:blur(20px)}
.loader-orbit strong{background:linear-gradient(135deg,var(--brand-cyan),var(--brand-primary));-webkit-background-clip:text;background-clip:text;color:transparent}

/* Mobile refinements */
@media(max-width:900px){
 .content{padding:14px 14px 92px}
 .topbar{padding:13px 14px;border-radius:16px}
 .system-strip{overflow:auto;flex-wrap:nowrap;white-space:nowrap}
 .panel,.metric,.card{border-radius:16px}
}
@media(max-width:620px){
 .brand{min-height:62px}
 .topbar h1{font-size:25px}
 .button,button.button{min-height:42px}
 .auth-card{border-radius:20px!important}
 .pro-sales-hero{min-height:auto;padding-top:58px}
}

/* Reduced motion accessibility */
@media(prefers-reduced-motion:reduce){
 *,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
}


/* BOTEX V4.16 Brand & Identity Manager */
.configured-brand-logo{display:grid;place-items:center;overflow:hidden}
.configured-brand-logo img{display:block;width:100%;height:100%;object-fit:contain}
.sidebar-brand-logo{width:45px;height:45px;flex:0 0 45px;border-radius:13px;background:rgba(255,255,255,.04);padding:4px}
.auth-brand-logo{width:104px;height:104px;margin:0 auto 14px;border-radius:24px;padding:8px;background:rgba(255,255,255,.04)}
.public-brand-lockup{position:absolute;z-index:4;left:max(18px,calc((100% - 1120px)/2));top:24px}
.public-website-logo{width:180px;height:54px}
.brand-manager-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:14px;align-items:start}
.brand-manager-layout>aside{position:sticky;top:94px;display:grid;gap:14px}
.brand-assets-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.brand-asset-card{display:grid;gap:12px;padding:14px;border:1px solid rgba(137,171,214,.13);border-radius:17px;background:rgba(255,255,255,.018)}
.brand-asset-preview{display:grid;place-items:center;overflow:hidden;min-height:130px;border-radius:14px;background:linear-gradient(145deg,#071426,#0e1b2e)}
.brand-asset-preview.square{aspect-ratio:1/1;max-height:190px}
.brand-asset-preview.wide{aspect-ratio:4/1}
.brand-asset-preview.social{aspect-ratio:1.91/1}
.brand-asset-preview.background{aspect-ratio:16/9}
.brand-asset-preview img{width:100%;height:100%;object-fit:contain}
.brand-manager-fallback{width:72px;height:72px}
.brand-asset-copy>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:center}
.brand-asset-copy>div:first-child strong{font-size:12px}
.brand-asset-copy p{margin:7px 0;color:var(--muted);font-size:9px;line-height:1.6}
.brand-asset-copy dl{margin:0;border-top:1px solid rgba(137,171,214,.1)}
.brand-asset-copy dl>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(137,171,214,.08)}
.brand-asset-copy dt{color:var(--muted);font-size:8px}
.brand-asset-copy dd{margin:0;text-align:right;font-size:8px;font-weight:800}
.brand-upload-form{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}
.brand-upload-form label{font-size:9px}
.brand-upload-form input[type=file]{padding:8px;font-size:8px}
.brand-color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.brand-color-grid label{font-size:9px}
.brand-color-grid input[type=color]{min-height:44px;padding:5px}
.brand-live-preview{overflow:hidden}
.brand-preview-sidebar{padding:15px;border-radius:15px;background:#06101d}
.brand-preview-lockup{display:flex;align-items:center;gap:10px;margin-bottom:17px}.preview-logo{width:46px;height:46px}
.brand-preview-lockup>div{display:grid}.brand-preview-lockup strong{font-size:13px}.brand-preview-lockup small{color:var(--muted);font-size:8px}
.preview-nav-line{display:flex;align-items:center;gap:9px;padding:9px;border-radius:10px;color:#7388a4}.preview-nav-line.active{color:#fff;background:rgba(37,99,255,.13)}
.preview-nav-line span{width:17px;height:17px;border-radius:5px;background:rgba(255,255,255,.08)}.preview-nav-line b{font-size:9px}
.brand-preview-email{display:grid;justify-items:start;margin-top:12px;padding:18px;border-radius:15px;color:#17243a;background:#fff}
.preview-email-logo{width:145px;height:46px}.brand-preview-email>span{margin-top:17px;color:#2579ed;font-size:7px;font-weight:900;letter-spacing:.14em}.brand-preview-email>strong{margin-top:5px;font-size:18px}.brand-preview-email p{color:#718198;font-size:9px}.brand-preview-email button{border:0;border-radius:9px;padding:10px 14px;color:#fff;background:var(--brand-primary);font-size:8px;font-weight:850}
.brand-login-glass .auth-card{background:rgba(8,18,34,.74)!important;backdrop-filter:blur(26px)}
.brand-login-motion:before{content:"";position:fixed;width:320px;height:320px;left:-80px;top:-90px;border-radius:50%;background:radial-gradient(circle,rgba(24,216,245,.16),transparent 68%);animation:brandOrb 8s ease-in-out infinite alternate}
@keyframes brandOrb{to{transform:translate(70px,45px) scale(1.15)}}
@media(max-width:1050px){.brand-manager-layout{grid-template-columns:1fr}.brand-manager-layout>aside{position:relative;top:auto}.brand-assets-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.brand-assets-grid,.brand-color-grid{grid-template-columns:1fr}.brand-upload-form{grid-template-columns:1fr}.public-brand-lockup{left:14px;top:16px}.public-website-logo{width:140px;height:44px}}


/* BOTEX V4.17 member interaction reliability */
.app-shell .topbar{position:relative;z-index:220;overflow:visible}
.app-shell .top-actions{position:relative;z-index:230;pointer-events:auto}
.member-shell .notification-button,
.member-shell .burger-button,
.member-shell .account-menu-wrap{position:relative;z-index:240;pointer-events:auto;touch-action:manipulation}
.member-shell .notification-button,
.member-shell .burger-button{isolation:isolate}
.member-shell .account-dropdown{z-index:1200;pointer-events:auto;overflow:visible}
.member-shell .account-dropdown.is-open{display:block}
.member-shell .account-dropdown a{position:relative;z-index:1;pointer-events:auto;touch-action:manipulation}
.member-shell .content{position:relative;z-index:1}
.member-shell .system-strip{position:relative;z-index:2}
.member-shell .mobile-nav{z-index:900;pointer-events:auto}
.member-shell .mobile-nav a{pointer-events:auto;touch-action:manipulation}
.botex-loader.hidden{display:none!important}
body[data-interactions-ready="1"] .burger-button{cursor:pointer}
.burger-button.is-active{color:#fff;border-color:rgba(24,216,245,.38);background:rgba(37,99,255,.15)}
.account-menu-open .account-menu-wrap{z-index:1250}
.page-motion-layer{pointer-events:none!important}
.configured-brand-logo,
.configured-brand-logo img,
.brand:after,
.topbar:after,
.metric:before,
.metric:after{pointer-events:none}
@media(max-width:760px){
 .member-shell .topbar{overflow:visible}
 .member-shell .top-actions{gap:6px}
 .member-shell .status-online{display:none}
 .member-shell .notification-button,
 .member-shell .burger-button{width:42px;height:42px;min-width:42px}
 .member-shell .account-dropdown{position:fixed;left:12px;right:12px;top:76px;width:auto;max-height:calc(100vh - 100px);overflow:auto}
}


/* BOTEX V4.18 horizontal login logo */
.auth-brand-logo{
 width:min(360px,88vw)!important;
 height:120px!important;
 max-width:360px!important;
 margin:0 auto 18px!important;
 padding:0!important;
 border-radius:0!important;
 background:transparent!important;
 overflow:visible!important;
}
.auth-brand-logo img{
 width:100%!important;
 height:100%!important;
 object-fit:contain!important;
 object-position:center!important;
 filter:drop-shadow(0 12px 30px rgba(0,0,0,.24));
}
.auth-brand-logo.botex-symbol{
 width:104px!important;
 height:104px!important;
 border-radius:24px!important;
 padding:8px!important;
 background:rgba(255,255,255,.04)!important;
}
.brand-asset-preview.wide .configured-brand-logo,
.brand-asset-preview.wide img{object-fit:contain!important}
@media(max-width:620px){
 .auth-brand-logo{
  width:min(260px,82vw)!important;
  height:90px!important;
  max-width:260px!important;
 }
 .auth-brand-logo.botex-symbol{
  width:88px!important;
  height:88px!important;
 }
}


/* =========================================================
   BOTEX V4.19 — MEMBER MOBILE STABILITY AUDIT
   Prevents viewport recoil, moving backgrounds, and touch jitter.
   ========================================================= */
html{
 width:100%;
 max-width:100%;
 overflow-x:hidden;
 overscroll-behavior-x:none;
}
body.member-shell{
 width:100%;
 max-width:100%;
 min-height:100svh;
 overflow-x:hidden;
 overscroll-behavior-x:none;
 background:#050b15!important;
 background-image:
   radial-gradient(circle at 15% 0,rgba(37,99,255,.13),transparent 31%),
   linear-gradient(180deg,#050b15 0%,#07111f 55%,#050914 100%)!important;
 background-repeat:no-repeat!important;
 background-size:100% 100%!important;
 background-position:top center!important;
 background-attachment:scroll!important;
 touch-action:pan-y;
 -webkit-overflow-scrolling:touch;
}
body.member-shell:before{
 content:none!important;
 display:none!important;
 animation:none!important;
 transform:none!important;
}
.member-shell .page-motion-layer{
 position:fixed;
 inset:0;
 width:100%;
 height:100%;
 pointer-events:none!important;
 transform:none!important;
 will-change:opacity;
}
.member-shell .layout,
.member-shell .content{
 width:100%;
 max-width:100%;
 min-width:0;
 transform:none;
}
.member-shell .content{
 overflow-x:hidden;
 contain:layout style;
}
.member-shell .topbar{
 transform:none!important;
 will-change:auto!important;
}
.member-shell .system-strip{
 transform:none!important;
}
.member-shell .hero,
.member-shell .home-welcome,
.member-shell .feed-post,
.member-shell .market-card,
.member-shell .wallet-hero,
.member-shell .wallet-tab-shell,
.member-shell .activity-section,
.member-shell .panel,
.member-shell .metric{
 opacity:1!important;
 transform:none!important;
 animation:none!important;
 will-change:auto!important;
}
.member-shell .motion-reveal,
.member-shell .motion-reveal.motion-visible{
 opacity:1!important;
 transform:none!important;
 transition:none!important;
}
.member-shell .panel:hover,
.member-shell .metric:hover,
.member-shell .card:hover,
.member-shell .market-card:hover,
.member-shell .feed-post:hover{
 transform:none!important;
}
.member-shell .button,
.member-shell .wallet-action,
.member-shell .quick-amounts button,
.member-shell .wallet-tabs button,
.member-shell .icon-button,
.member-shell .mobile-nav a{
 transform:none;
 will-change:auto;
}
.member-shell .button:active,
.member-shell .wallet-action:active,
.member-shell .quick-amounts button:active,
.member-shell .wallet-tabs button:active,
.member-shell .icon-button:active,
.member-shell .mobile-nav a:active,
.member-shell .app-pressing{
 transform:scale(.985)!important;
}
.member-shell .mobile-nav{
 position:fixed;
 left:0;
 right:0;
 bottom:0;
 width:100%;
 transform:translateZ(0);
 backface-visibility:hidden;
 contain:layout paint;
}
.member-shell .account-dropdown{
 transform:none!important;
}
.member-shell img,
.member-shell svg{
 max-width:100%;
}
@media(max-width:860px){
 html,body.member-shell{
  min-height:100%;
 }
 body.member-shell{
  min-height:100dvh;
  background-size:100% 100dvh!important;
 }
 .member-shell .content{
  padding-bottom:calc(92px + env(safe-area-inset-bottom));
 }
 .member-shell .topbar{
  position:relative;
  width:100%;
 }
 .member-shell .system-strip{
  max-width:100%;
  scrollbar-width:none;
 }
 .member-shell .system-strip::-webkit-scrollbar{display:none}
}
@supports(height:100svh){
 body.member-shell{min-height:100svh}
}
@media(prefers-reduced-motion:reduce){
 body.member-shell *,
 body.member-shell *:before,
 body.member-shell *:after{
  scroll-behavior:auto!important;
  animation:none!important;
  transition-duration:.001ms!important;
 }
}


/* BOTEX V4.21 Payment Engine */
.webhook-endpoint-panel{border-color:rgba(37,195,126,.22)!important;background:linear-gradient(145deg,rgba(10,34,39,.93),rgba(7,15,28,.96))!important}
.webhook-url-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin-bottom:13px}
.webhook-url-row code{display:block;overflow:auto;padding:14px;border:1px solid rgba(24,216,245,.17);border-radius:13px;color:#8ee9ff;background:rgba(3,10,20,.5);font-size:12px}
@media(max-width:620px){.webhook-url-row{grid-template-columns:1fr}.webhook-url-row .button{width:100%}}

/* BOTEX V4.22 Webhook Event Cleanup */
.webhook-metric-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1100px){.webhook-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.webhook-metric-grid{grid-template-columns:1fr}}


/* BOTEX V4.24 PayMongo Product Identity */
.paymongo-product-preview{
 display:grid;
 gap:10px;
 padding:20px;
 border:1px solid rgba(137,171,214,.16);
 border-radius:18px;
 color:#17243a;
 background:#fff;
 box-shadow:0 18px 45px rgba(0,0,0,.16);
}
.paymongo-product-preview>span{
 color:#61728a;
 font-size:10px;
 font-weight:800;
 text-transform:uppercase;
 letter-spacing:.08em;
}
.paymongo-product-preview>strong{
 font-size:22px;
 line-height:1.25;
}
.paymongo-product-preview>p{
 margin:0;
 color:#68788e;
 font-size:12px;
 line-height:1.6;
}
.paymongo-product-preview>div{
 display:flex;
 justify-content:space-between;
 align-items:center;
 padding-top:12px;
 border-top:1px solid #e7ebf1;
}
.paymongo-product-preview small{color:#77869a}
.paymongo-product-preview b{font-size:20px}

/* BOTEX V5.0 AI Arbitrage Trading Terminal */
.trade-terminal-shell{display:grid;gap:14px;padding-bottom:20px}.trade-ticker{overflow:hidden;border:1px solid rgba(86,120,164,.18);border-radius:14px;background:#080d14}.trade-ticker-track{display:flex;gap:28px;width:max-content;padding:9px 16px;animation:tradeTicker 28s linear infinite}.trade-ticker span{display:flex;align-items:center;gap:8px;font:700 10px/1 var(--font-ui);white-space:nowrap;color:#d7e1ec}.trade-ticker em{font-style:normal;color:#708096;font:700 9px/1 var(--font-ui);letter-spacing:.04em}.trade-ticker em.up{color:#20e0a0}.trade-ticker em.down{color:#ff6578}@keyframes tradeTicker{to{transform:translateX(-45%)}}
.trade-hero-card{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:18px;align-items:center;padding:22px;border:1px solid rgba(68,110,168,.28);border-radius:20px;background:radial-gradient(circle at 85% 20%,rgba(31,101,255,.18),transparent 32%),linear-gradient(145deg,#111b2a,#09111c 70%);box-shadow:0 20px 55px rgba(0,0,0,.24)}.trade-pair-row{display:flex;align-items:center;gap:12px}.trade-symbol-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#2479ff,#0dc7ff);box-shadow:0 10px 30px rgba(31,129,255,.28);font:900 14px/1 var(--font-ui);color:white}.trade-pair-row h2{margin:2px 0 0;font-size:25px;letter-spacing:-.04em}.trade-price-row{display:flex;align-items:baseline;gap:10px;margin:18px 0 14px}.trade-price-row strong{font:800 34px/1 var(--font-mono);color:#f4f8fc}.trade-price-row span{font-size:11px;color:#6f8094}.trade-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.trade-hero-stats div{padding:9px 10px;border:1px solid rgba(91,119,153,.12);border-radius:10px;background:rgba(5,10,18,.32)}.trade-hero-stats span,.trade-metrics-grid span{display:block;margin-bottom:4px;color:#65768b;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.trade-hero-stats b{display:block;overflow:hidden;color:#dbe5ef;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.up{color:#20e0a0!important}.down{color:#ff6578!important}
.trade-engine-orbit{position:relative;display:grid;place-items:center;width:150px;height:150px;margin:auto;border-radius:50%;background:radial-gradient(circle,rgba(44,98,166,.24),rgba(4,9,16,.45) 68%);border:1px solid rgba(71,112,166,.22)}.trade-orbit-ring{position:absolute;inset:14px;border:1px dashed rgba(78,154,255,.35);border-radius:50%;animation:tradeSpin 12s linear infinite}.trade-engine-orbit.is-live .trade-orbit-ring{box-shadow:0 0 30px rgba(31,129,255,.14)}@keyframes tradeSpin{to{transform:rotate(360deg)}}.trade-orbit-core{display:grid;place-items:center;width:78px;height:78px;border-radius:50%;background:radial-gradient(circle,#173967,#0a1625 72%);border:1px solid rgba(80,160,255,.32);box-shadow:inset 0 0 20px rgba(30,132,255,.18)}.trade-orbit-core span{width:7px;height:7px;border-radius:50%;background:#718198}.trade-engine-orbit.is-live .trade-orbit-core span{background:#20e0a0;box-shadow:0 0 12px #20e0a0;animation:tradePulse 1.4s ease-in-out infinite}@keyframes tradePulse{50%{opacity:.45;transform:scale(.72)}}.trade-orbit-core strong{font-size:13px}.trade-orbit-core small{font-size:7px;letter-spacing:.16em;color:#718198}.trade-orbit-meta{position:absolute;bottom:8px;display:flex;align-items:center;gap:5px;color:#8ea0b5;font-size:8px;font-weight:800}.trade-orbit-meta i{width:5px;height:5px;border-radius:50%;background:#d6a84b}
.trade-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.trade-metrics-grid article{padding:14px;border:1px solid rgba(74,105,145,.17);border-radius:14px;background:linear-gradient(145deg,#101824,#0a111b)}.trade-metrics-grid strong{display:block;color:#eff5fb;font:800 20px/1.2 var(--font-mono)}.trade-metrics-grid strong small{font-size:9px;color:#708096}.trade-metrics-grid em{display:block;margin-top:6px;color:#6b7b90;font-size:9px;font-style:normal}
.trade-layout-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,.75fr);gap:12px}.trade-secondary-grid{grid-template-columns:1fr 1fr}.trade-panel{border:1px solid rgba(75,108,151,.17)!important;border-radius:16px!important;background:linear-gradient(150deg,#101823,#0a111a)!important;box-shadow:none!important;padding:15px!important}.trade-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.trade-panel-head h3{margin:1px 0 0;font-size:15px}.trade-time-tabs{display:flex;gap:3px;padding:3px;border-radius:8px;background:#080d14}.trade-time-tabs button{border:0;border-radius:6px;padding:6px 8px;background:transparent;color:#637489;font-size:9px;font-weight:700}.trade-time-tabs button.active{background:#172232;color:#eaf1f8}.trade-chart-summary{display:flex;justify-content:space-between;margin-bottom:8px}.trade-chart-summary span{display:block;color:#64758a;font-size:9px}.trade-chart-summary strong{font:700 12px/1.4 var(--font-mono)}.trade-equity-chart{position:relative;height:210px;overflow:hidden;border-radius:10px;background:linear-gradient(180deg,rgba(15,26,39,.4),rgba(6,11,17,.18))}.trade-equity-chart svg{width:100%;height:100%}.trade-grid-lines line{stroke:rgba(104,130,160,.11);stroke-width:1}.trade-area{fill:url(#tradeArea)}.trade-line{fill:none;stroke:#20e0a0;stroke-width:2.2;filter:drop-shadow(0 0 5px rgba(32,224,160,.28))}.trade-chart-dot{fill:#20e0a0;stroke:#09111a;stroke-width:3}.trade-equity-chart[data-running="1"] .trade-chart-dot{animation:tradeDot 1.4s ease-in-out infinite}@keyframes tradeDot{50%{r:8;opacity:.45}}.trade-chart-watermark{position:absolute;right:10px;bottom:8px;color:rgba(111,130,152,.2);font-size:19px;font-weight:900;letter-spacing:.18em}.trade-progress-bar{height:3px;margin-top:10px;overflow:hidden;border-radius:4px;background:#060a10}.trade-progress-bar span{display:block;height:100%;background:linear-gradient(90deg,#2479ff,#20e0a0)}.trade-chart-foot{display:flex;justify-content:space-between;margin-top:8px;color:#6f8094;font-size:9px}.trade-chart-foot b{color:#dbe6f0}
.trade-mode-badge,.trade-count-badge,.trade-latency{padding:4px 8px;border:1px solid rgba(72,124,194,.2);border-radius:6px;background:#111d2a;color:#78aaf0;font-size:8px;font-weight:800;letter-spacing:.06em}.trade-console-status{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid rgba(72,102,140,.14);border-radius:11px;background:#080e16}.trade-console-status strong,.trade-console-status small{display:block}.trade-console-status strong{font-size:11px}.trade-console-status small{margin-top:2px;color:#6d7e92;font-size:9px}.trade-live-dot{width:9px;height:9px;border-radius:50%;background:#69798b}.trade-live-dot.active{background:#20e0a0;box-shadow:0 0 12px rgba(32,224,160,.7)}.trade-console-list{margin:10px 0}.trade-console-list div{display:flex;justify-content:space-between;padding:9px 2px;border-bottom:1px solid rgba(77,106,143,.11)}.trade-console-list dt{color:#67798d;font-size:9px}.trade-console-list dd{margin:0;color:#dbe5ef;font:700 10px/1 var(--font-mono)}.trade-capital-actions{display:grid;gap:7px}.trade-capital-actions form{margin:0}.trade-primary-btn,.trade-secondary-btn,.trade-text-btn{width:100%;border-radius:9px;padding:11px;font-size:10px;font-weight:800;cursor:pointer}.trade-primary-btn{border:0;background:linear-gradient(135deg,#2479ff,#1598ff);color:#fff;box-shadow:0 10px 24px rgba(28,117,255,.2)}.trade-secondary-btn{border:1px solid rgba(105,139,182,.22);background:#121d2a;color:#dce7f1}.trade-text-btn{border:0;background:transparent;color:#7890aa}.trade-risk-note{margin:10px 0 0;color:#647488;font-size:8.5px;line-height:1.55}
.trade-exchange-list{display:grid;gap:7px}.trade-exchange-list>div{position:relative;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;overflow:hidden;padding:9px;border:1px solid rgba(74,104,143,.11);border-radius:10px;background:#080e16}.trade-exchange-list i{position:absolute;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#2a86ff)}.trade-exchange-logo{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#142235;color:#80b3ff;font-weight:900}.trade-exchange-list strong{font-size:10px}.trade-exchange-list em{color:#6c7d91;font-size:8px;font-style:normal}.trade-opportunity-list{display:grid;gap:7px}.trade-opportunity-list>div{display:grid;grid-template-columns:30px 1fr auto auto;align-items:center;gap:8px;padding:9px;border:1px solid rgba(75,105,143,.11);border-radius:10px;background:#080e16}.trade-coin{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f39a24;color:#111;font-weight:900}.trade-coin.eth{background:#677ce5;color:#fff}.trade-coin.sol{background:linear-gradient(145deg,#23e5b4,#7857ff);color:#07110e}.trade-opportunity-list strong,.trade-opportunity-list small{display:block}.trade-opportunity-list strong{font-size:10px}.trade-opportunity-list small{margin-top:2px;color:#68798d;font-size:8px}.trade-opportunity-list b{color:#20e0a0;font:700 10px/1 var(--font-mono)}.trade-opportunity-list em{padding:3px 5px;border-radius:4px;background:#111e2a;color:#77a9e8;font-size:7px;font-style:normal;font-weight:800}
.trade-activity-list{display:grid}.trade-activity-row{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:start;padding:11px 2px;border-bottom:1px solid rgba(75,105,143,.1)}.trade-activity-icon{width:7px;height:7px;margin-top:4px;border-radius:50%;background:#2479ff;box-shadow:0 0 8px rgba(36,121,255,.5)}.trade-activity-row strong{display:block;font-size:10px}.trade-activity-row p{margin:2px 0 0;color:#68798d;font-size:9px}.trade-activity-row time{color:#617287;font:600 8px/1 var(--font-mono)}.trade-empty-state{display:grid;place-items:center;min-height:130px;text-align:center}.trade-empty-state span{font-size:26px;color:#31547c}.trade-empty-state strong{margin-top:6px;font-size:12px}.trade-empty-state p{margin:4px 0 0;color:#65778c;font-size:9px}.trade-allocation-modal{border-color:rgba(64,126,209,.25)!important}
@media(max-width:820px){.trade-hero-card{grid-template-columns:1fr 130px}.trade-engine-orbit{width:120px;height:120px}.trade-orbit-core{width:64px;height:64px}.trade-metrics-grid{grid-template-columns:repeat(2,1fr)}.trade-layout-grid,.trade-secondary-grid{grid-template-columns:1fr}.trade-equity-chart{height:180px}}
@media(max-width:520px){.trade-terminal-shell{gap:10px}.trade-ticker{border-radius:10px}.trade-hero-card{grid-template-columns:1fr;padding:15px}.trade-engine-orbit{position:absolute;right:24px;top:112px;width:92px;height:92px;opacity:.8}.trade-orbit-core{width:50px;height:50px}.trade-orbit-core strong{font-size:10px}.trade-orbit-core small{font-size:5px}.trade-orbit-meta{display:none}.trade-pair-row h2{font-size:20px}.trade-price-row strong{font-size:29px}.trade-price-row{padding-right:100px}.trade-hero-stats{grid-template-columns:1fr 1fr}.trade-hero-stats div:last-child{display:none}.trade-metrics-grid{gap:8px}.trade-metrics-grid article{padding:12px}.trade-metrics-grid strong{font-size:17px}.trade-panel{padding:12px!important}.trade-time-tabs button{padding:5px 6px}.trade-equity-chart{height:158px}.trade-opportunity-list>div{grid-template-columns:28px 1fr auto}.trade-opportunity-list em{display:none}.trade-activity-row{grid-template-columns:9px 1fr}.trade-activity-row time{grid-column:2}.trade-ticker-track{animation-duration:22s}}
@media(prefers-reduced-motion:reduce){.trade-ticker-track,.trade-orbit-ring,.trade-live-dot.active,.trade-chart-dot{animation:none!important}}


/* BOTEX V5.02 Campaign Tracking Manager */
.tracking-setup-grid{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:14px;
 margin-bottom:16px;
}
.tracking-copy-card{
 display:flex;
 flex-direction:column;
 gap:9px;
 min-width:0;
 padding:16px;
 border:1px solid rgba(100,157,232,.16);
 border-radius:16px;
 background:linear-gradient(145deg,rgba(13,28,49,.96),rgba(8,17,31,.96));
}
.tracking-copy-card>span{
 color:#67b7ff;
 font-size:10px;
 font-weight:800;
 letter-spacing:.09em;
 text-transform:uppercase;
}
.tracking-copy-card>strong{font-size:13px}
.tracking-copy-card code{
 display:block;
 min-height:88px;
 max-height:160px;
 overflow:auto;
 padding:12px;
 border:1px solid rgba(112,157,216,.16);
 border-radius:11px;
 background:rgba(3,10,20,.6);
 color:#a8d9ff;
 font-size:10px;
 line-height:1.55;
 white-space:normal;
 overflow-wrap:anywhere;
}
.meta-setup-guide{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:12px;
 margin:16px 0;
}
.meta-setup-guide>div{
 display:flex;
 gap:10px;
 padding:14px;
 border:1px solid rgba(100,157,232,.12);
 border-radius:14px;
 background:rgba(8,20,36,.66);
}
.meta-setup-guide>div>span{
 display:grid;
 place-items:center;
 width:30px;
 height:30px;
 flex:0 0 30px;
 border-radius:9px;
 background:#153c73;
 color:#8dd1ff;
 font-size:10px;
 font-weight:900;
}
.meta-setup-guide p{margin:0;color:var(--text-secondary);font-size:11px;line-height:1.55}
.meta-setup-guide strong{color:var(--text-primary)}
@media(max-width:1100px){
 .tracking-setup-grid{grid-template-columns:1fr}
 .meta-setup-guide{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
 .meta-setup-guide{grid-template-columns:1fr}
}


/* BOTEX V6.70 Member Mobile Cleanup */
.member-shell{
  overflow-x:hidden;
  font-size:14px;
}
.member-shell .content{
  min-width:0;
}
.member-shell .topbar{
  min-height:68px;
  gap:12px;
}
.member-shell .topbar-title,
.member-shell .topbar-title>div,
.member-shell .top-actions,
.member-shell .panel,
.member-shell .metric,
.member-shell .hero,
.member-shell .bt-card,
.member-shell .botex-terminal{
  min-width:0;
}
.member-shell .topbar-title h1{
  margin:2px 0 0;
  font-size:clamp(22px,4vw,30px);
  line-height:1.08;
  letter-spacing:-.035em;
  overflow-wrap:anywhere;
}
.member-shell .topbar-title .eyebrow{
  font-size:8px;
  letter-spacing:.14em;
}
.member-shell .sidebar .brand span small{
  display:none;
}
.member-shell .sidebar nav a{
  font-size:12px;
}
.member-shell .hero h2,
.member-shell .panel h2,
.member-shell .bt-head h2{
  overflow-wrap:anywhere;
}
.member-shell p,
.member-shell small,
.member-shell dd,
.member-shell dt,
.member-shell strong,
.member-shell span,
.member-shell time,
.member-shell code{
  max-width:100%;
}
.member-shell .panel,
.member-shell .hero,
.member-shell .metric,
.member-shell .bt-card{
  overflow:hidden;
}
.member-shell input,
.member-shell select,
.member-shell textarea,
.member-shell button{
  max-width:100%;
}
.member-shell .details div,
.member-shell .list-row,
.member-shell .bt-list div{
  min-width:0;
}
.member-shell .details dd,
.member-shell .list-row>div,
.member-shell .bt-list dd{
  min-width:0;
  overflow-wrap:anywhere;
}
.member-shell .account-dropdown{
  max-width:min(280px,calc(100vw - 24px));
}
.member-shell .mobile-nav a{
  min-width:0;
}
.member-shell .mobile-nav span{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.member-shell .alert{
  overflow-wrap:anywhere;
}
.member-shell .modal-card{
  max-height:min(88vh,720px);
  overflow:auto;
  overscroll-behavior:contain;
}
.member-shell .auth-links{
  gap:10px;
  flex-wrap:wrap;
}
.member-shell .auth-links>*{
  min-width:0;
}

/* Correct production Arbitrage terminal mobile behavior */
.member-shell .botex-terminal{
  width:100%;
}
.member-shell .botex-terminal .bt-pair,
.member-shell .botex-terminal .bt-value,
.member-shell .botex-terminal .bt-head{
  min-width:0;
}
.member-shell .botex-terminal .bt-pair h1,
.member-shell .botex-terminal .bt-value strong,
.member-shell .botex-terminal .bt-meta b,
.member-shell .botex-terminal .bt-list dd,
.member-shell .botex-terminal .bt-stat strong{
  overflow-wrap:anywhere;
}
.member-shell .botex-terminal .bt-chart-wrap{
  overflow:hidden;
}
.member-shell .botex-terminal .bt-ticker{
  max-width:100%;
}
.member-shell .botex-terminal .bt-ex-row,
.member-shell .botex-terminal .bt-opp-row,
.member-shell .botex-terminal .bt-scan-row,
.member-shell .botex-terminal .bt-act-row{
  min-width:0;
}
.member-shell .botex-terminal .bt-ex-row>*,
.member-shell .botex-terminal .bt-opp-row>*,
.member-shell .botex-terminal .bt-scan-row>*,
.member-shell .botex-terminal .bt-act-row>*{
  min-width:0;
}
.member-shell .botex-terminal .bt-act-row p{
  overflow-wrap:anywhere;
}

@media(max-width:820px){
  .member-shell .content{
    width:100%;
    padding:10px 10px calc(86px + env(safe-area-inset-bottom));
    overflow-x:hidden;
  }
  .member-shell .topbar{
    position:sticky;
    top:0;
    z-index:35;
    min-height:64px;
    margin:-10px -10px 10px;
    padding:10px 12px;
    background:rgba(5,10,20,.94);
    border-bottom:1px solid rgba(148,163,184,.10);
    backdrop-filter:blur(18px);
  }
  .member-shell .topbar-title h1{
    font-size:22px;
  }
  .member-shell .top-actions{
    gap:7px;
    flex:0 0 auto;
  }
  .member-shell .icon-button{
    width:38px;
    height:38px;
    border-radius:11px;
  }
  .member-shell .hero{
    padding:16px;
    border-radius:17px;
  }
  .member-shell .hero h2{
    font-size:clamp(25px,7vw,34px);
    line-height:1.04;
  }
  .member-shell .hero p{
    font-size:12px;
    line-height:1.55;
  }
  .member-shell .panel{
    padding:15px;
    border-radius:17px;
  }
  .member-shell .panel-heading{
    align-items:flex-start;
    gap:10px;
  }
  .member-shell .panel-heading h2{
    font-size:20px;
    line-height:1.12;
  }
  .member-shell .metric-grid{
    grid-template-columns:1fr 1fr;
  }
  .member-shell .metric{
    min-height:94px;
    padding:12px;
  }
  .member-shell .metric span,
  .member-shell .metric small{
    font-size:10px;
    line-height:1.35;
  }
  .member-shell .metric strong{
    margin:10px 0 4px;
    font-size:clamp(17px,5.2vw,22px);
    line-height:1.1;
  }
  .member-shell .button{
    min-height:42px;
    padding:10px 14px;
    font-size:12px;
    line-height:1.2;
  }
  .member-shell .form-grid label{
    font-size:11px;
  }
  .member-shell .form-grid input,
  .member-shell .form-grid select,
  .member-shell .form-grid textarea{
    min-height:44px;
    font-size:13px;
  }
  .member-shell .mobile-nav{
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:2px;
  }
  .member-shell .mobile-nav a{
    padding:4px 2px;
    font-size:8px;
    line-height:1.1;
  }
  .member-shell .mobile-nav svg{
    width:20px;
    height:20px;
  }

  .member-shell .botex-terminal .bt-hero,
  .member-shell .botex-terminal .bt-main,
  .member-shell .botex-terminal .bt-lower{
    grid-template-columns:1fr;
  }
  .member-shell .botex-terminal .bt-market,
  .member-shell .botex-terminal .bt-console,
  .member-shell .botex-terminal .bt-panel{
    padding:14px;
    border-radius:16px;
  }
  .member-shell .botex-terminal .bt-pair{
    align-items:flex-start;
  }
  .member-shell .botex-terminal .bt-pair-left{
    min-width:0;
  }
  .member-shell .botex-terminal .bt-pair-mark{
    width:42px;
    height:42px;
    flex:0 0 42px;
  }
  .member-shell .botex-terminal .bt-pair h1{
    font-size:20px;
    line-height:1.08;
  }
  .member-shell .botex-terminal .bt-live{
    flex:0 0 auto;
    padding:7px 9px;
    font-size:8px;
  }
  .member-shell .botex-terminal .bt-value{
    align-items:flex-start;
    margin:21px 0 15px;
  }
  .member-shell .botex-terminal .bt-value strong{
    font-size:25px;
  }
  .member-shell .botex-terminal .bt-confidence strong{
    font-size:20px;
  }
  .member-shell .botex-terminal .bt-meta{
    grid-template-columns:1fr 1fr;
  }
  .member-shell .botex-terminal .bt-meta div{
    border-right:1px solid #1c2e47;
  }
  .member-shell .botex-terminal .bt-meta div:nth-child(even){
    border-right:0;
  }
  .member-shell .botex-terminal .bt-meta div:nth-child(-n+2){
    border-bottom:1px solid #1c2e47;
  }
  .member-shell .botex-terminal .bt-stats{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .member-shell .botex-terminal .bt-stat{
    min-height:94px;
    padding:12px;
  }
  .member-shell .botex-terminal .bt-stat strong{
    margin:10px 0 4px;
    font-size:17px;
    line-height:1.08;
  }
  .member-shell .botex-terminal .bt-head{
    align-items:flex-start;
  }
  .member-shell .botex-terminal .bt-head h2{
    font-size:16px;
  }
  .member-shell .botex-terminal .bt-tabs{
    max-width:100%;
    overflow-x:auto;
    scrollbar-width:none;
  }
  .member-shell .botex-terminal .bt-tabs::-webkit-scrollbar{
    display:none;
  }
  .member-shell .botex-terminal .bt-tabs button{
    flex:0 0 auto;
  }
  .member-shell .botex-terminal .bt-chart-wrap{
    height:190px;
  }
  .member-shell .botex-terminal .bt-chart-labels{
    gap:12px;
    overflow-x:auto;
    white-space:nowrap;
    scrollbar-width:none;
  }
  .member-shell .botex-terminal .bt-depth{
    gap:9px;
  }
  .member-shell .botex-terminal .bt-ex-row{
    grid-template-columns:27px minmax(0,1fr) auto auto;
  }
  .member-shell .botex-terminal .bt-opp-row,
  .member-shell .botex-terminal .bt-scan-row{
    grid-template-columns:minmax(0,1fr) auto auto;
  }
  .member-shell .botex-terminal .bt-act-row{
    grid-template-columns:7px minmax(0,1fr);
  }
  .member-shell .botex-terminal .bt-act-row time{
    grid-column:2;
    margin-top:2px;
  }
}

@media(max-width:430px){
  .member-shell .content{
    padding-left:8px;
    padding-right:8px;
  }
  .member-shell .topbar{
    margin-left:-8px;
    margin-right:-8px;
  }
  .member-shell .topbar-title h1{
    font-size:20px;
  }
  .member-shell .topbar-title .eyebrow{
    font-size:7px;
  }
  .member-shell .metric-grid,
  .member-shell .botex-terminal .bt-stats{
    grid-template-columns:1fr 1fr;
  }
  .member-shell .botex-terminal .bt-pair{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
  }
  .member-shell .botex-terminal .bt-value{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
  }
  .member-shell .botex-terminal .bt-value strong{
    font-size:22px;
  }
  .member-shell .botex-terminal .bt-confidence strong{
    font-size:18px;
  }
  .member-shell .botex-terminal .bt-meta b{
    font-size:9px;
  }
  .member-shell .botex-terminal .bt-depth-row{
    font-size:8px;
  }
  .member-shell .account-dropdown{
    right:-2px;
  }
}


/* BOTEX V6.72 Lead One-Click Email */
.lead-guide-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.lead-guide-steps>div{display:flex;gap:10px;padding:14px;border:1px solid rgba(100,157,232,.14);border-radius:14px;background:rgba(8,20,36,.66)}
.lead-guide-steps>div>span{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:#153c73;color:#8dd1ff;font-size:10px;font-weight:900}
.lead-guide-steps p{margin:0}.lead-guide-steps strong,.lead-guide-steps small{display:block}.lead-guide-steps small{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.45}
.lead-pipeline-board{display:grid;grid-template-columns:repeat(5,minmax(260px,1fr));gap:12px;overflow-x:auto;padding-bottom:8px}
.lead-stage{min-width:260px;padding:12px;border:1px solid rgba(148,163,184,.13);border-radius:18px;background:rgba(5,12,22,.58)}
.lead-stage>header{display:flex;align-items:center;justify-content:space-between;padding:2px 5px 10px}.lead-stage>header h2{margin:0;font-size:18px}.lead-stage>header span{display:grid;place-items:center;min-width:28px;height:28px;padding:0 8px;border-radius:9px;background:#0f2747;color:#7fc5ff;font-size:11px;font-weight:800}
.lead-stage-list{display:grid;gap:10px}.lead-card{padding:14px;border:1px solid rgba(99,147,207,.17);border-radius:16px;background:linear-gradient(145deg,rgba(14,25,42,.96),rgba(8,15,28,.96))}
.lead-card.is-paid{opacity:.74}.lead-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.lead-card-head>div{min-width:0}.lead-card h3{margin:0 0 3px;font-size:17px;overflow-wrap:anywhere}.lead-card a{display:block;color:#91c9ff;font-size:10px;overflow-wrap:anywhere}.lead-card small{display:block;margin-top:6px;color:var(--muted);font-size:9px}
.lead-meta-row{display:flex;justify-content:space-between;gap:8px;margin:12px 0;color:#7187a4;font-size:9px}
.lead-card-form{display:grid;gap:9px}.lead-card-form label{font-size:9px;color:#8da0b9}.lead-card-form select,.lead-card-form textarea,.lead-status-form select{width:100%;margin-top:5px;border:1px solid #263b57;border-radius:11px;background:#081321;color:#eef5ff;padding:10px;font-size:11px}.lead-card-form textarea{resize:vertical;min-height:62px}
.lead-status-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:9px}.lead-status-form select{margin:0}
.lead-stage-empty{padding:20px;text-align:center;color:var(--muted);font-size:10px}
@media(max-width:980px){.lead-guide-steps{grid-template-columns:1fr 1fr}.lead-pipeline-board{grid-template-columns:repeat(5,280px)}}
@media(max-width:620px){.lead-guide-steps{grid-template-columns:1fr}.lead-pipeline-board{grid-template-columns:repeat(5,86vw)}}


/* BOTEX V6.73 Bulk Lead Email */
.lead-bulk-panel{border-color:rgba(47,128,255,.28)}
.lead-bulk-form{display:grid;grid-template-columns:1fr 1fr minmax(220px,1.3fr) auto;gap:10px;align-items:end}
.lead-bulk-form label{font-size:10px;color:#8fa3bc}
.lead-bulk-form select,.lead-bulk-form input{width:100%;min-height:43px;margin-top:6px;padding:10px 12px;border:1px solid #29405f;border-radius:10px;background:#081321;color:#eef5ff;font-size:12px}
.lead-bulk-form .button{min-height:43px;white-space:nowrap}
@media(max-width:980px){.lead-bulk-form{grid-template-columns:1fr 1fr}.lead-bulk-form .wide{grid-column:1/-1}}
@media(max-width:620px){.lead-bulk-form{grid-template-columns:1fr}.lead-bulk-form .wide{grid-column:auto}}


/* BOTEX V6.74 CRM Email Testing & Preview */
.crm-health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
.crm-health-grid article{padding:14px;border:1px solid rgba(104,154,215,.15);border-radius:14px;background:rgba(7,17,31,.68);min-width:0}
.crm-health-grid span,.crm-health-grid small{display:block;color:var(--muted);font-size:9px}.crm-health-grid strong{display:block;margin:8px 0 4px;font-size:14px;overflow-wrap:anywhere}
.crm-test-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.crm-test-form label{font-size:10px;color:#8fa3bc}.crm-test-form select,.crm-test-form input{width:100%;min-height:43px;margin-top:6px;padding:10px 12px;border:1px solid #29405f;border-radius:10px;background:#081321;color:#eef5ff}
.crm-bulk-actions{display:flex;gap:8px}.crm-bulk-actions .button{min-width:125px}
.crm-preview-panel{scroll-margin-top:90px}.crm-preview-grid{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:14px}.crm-preview-grid h3{margin:0 0 10px}
.crm-recipient-list{display:grid;gap:7px;max-height:420px;overflow:auto}.crm-recipient-list>div{padding:10px;border:1px solid rgba(106,154,214,.13);border-radius:10px;background:rgba(8,19,34,.65)}.crm-recipient-list strong,.crm-recipient-list small{display:block}.crm-recipient-list small{margin-top:3px;color:var(--muted);font-size:9px;overflow-wrap:anywhere}
.crm-email-subject{padding:11px;margin-bottom:8px;border:1px solid rgba(106,154,214,.16);border-radius:10px;background:#091321}.crm-email-subject span,.crm-email-subject strong{display:block}.crm-email-subject span{color:var(--muted);font-size:9px;margin-bottom:4px}
.crm-email-preview{width:100%;height:430px;border:1px solid rgba(106,154,214,.18);border-radius:12px;background:white}
.crm-preview-send{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
@media(max-width:850px){.crm-health-grid{grid-template-columns:1fr}.crm-test-form{grid-template-columns:1fr 1fr}.crm-test-form .button{grid-column:1/-1}.crm-preview-grid{grid-template-columns:1fr}.crm-email-preview{height:380px}}
@media(max-width:620px){.crm-test-form{grid-template-columns:1fr}.crm-test-form .button{grid-column:auto}.crm-bulk-actions{display:grid}.crm-bulk-actions .button{width:100%}.crm-preview-send{display:grid}.crm-preview-send .button{width:100%}}


/* BOTEX V6.75 Dynamic Email Destinations */
.dynamic-link-test-form{grid-template-columns:1fr 1.25fr 1fr auto}
@media(max-width:1050px){.dynamic-link-test-form{grid-template-columns:1fr 1fr}.dynamic-link-test-form .button{grid-column:1/-1}}
@media(max-width:620px){.dynamic-link-test-form{grid-template-columns:1fr}.dynamic-link-test-form .button{grid-column:auto}}