:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;color-scheme:light;--bg:#f4f7fd;--panel:#fff;--panel2:#f8faff;--text:#111a45;--muted:#7a88b2;--line:#e8eefb;--blue:#2763fa;--purple:#9851ef;--green:#00b979;--red:#fa3656;--orange:#ff8a21;--shadow:0 10px 40px rgba(49,71,134,.055);--grad:linear-gradient(118deg,#2768ff 0%,#5264fa 47%,#aa58ed 100%)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg)}body{color:var(--text);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.5;cursor:not-allowed}[hidden]{display:none!important}svg{flex-shrink:0}.muted,.sub{color:var(--muted)}.small{font-size:12px}.strong{font-weight:800}.nowrap{white-space:nowrap}.layout{display:flex;min-height:100vh;max-width:1760px;margin:auto;padding:18px;gap:18px}.aside{width:196px;flex-shrink:0;display:flex;flex-direction:column;border-radius:24px;background:var(--panel);padding:21px 12px;box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:20px;font-weight:900;letter-spacing:-.9px;padding:4px 6px 26px}.brand img{width:34px;height:34px}.brand b{color:#0bc77d}.side-nav{display:grid;gap:6px}.nav-link{display:flex;align-items:center;gap:13px;min-height:45px;padding:11px 13px;border-radius:13px;font-size:14px;font-weight:700;color:var(--text)}.nav-link svg{width:19px;height:19px}.nav-link:hover,.nav-link.active{color:#183bff;background:linear-gradient(90deg,#e7efff,#f4f1ff)}.side-ad{margin-top:auto;background:var(--grad);border-radius:16px;padding:20px 14px;color:#fff;min-height:210px;display:flex;flex-direction:column;justify-content:flex-end}.side-ad strong{font-size:17px}.side-ad p{font-size:12px;line-height:1.6}.workspace{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:65px;display:flex;align-items:center;gap:15px;padding:0 14px;background:var(--panel);border-radius:18px;margin-bottom:14px;box-shadow:var(--shadow)}.topbar .search{max-width:590px;flex:1;margin-right:auto}.search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);color:var(--muted);padding:0 13px;min-height:43px}.search input{width:100%;background:transparent;border:0;color:var(--text);outline:0;min-width:0}.top-action{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;border:1px solid var(--line);background:var(--panel2);color:var(--text);position:relative}.top-action .dot{position:absolute;right:2px;top:0;border-radius:50%;background:var(--red);width:10px;height:10px;border:2px solid var(--panel)}.profile{display:flex;align-items:center;gap:8px;min-width:130px;font-size:12px}.avatar{display:grid;place-items:center;background:#ecedfc;color:#3d45b6;font-size:17px;font-weight:900;width:40px;height:40px;border-radius:50%}.content{background:var(--panel);border-radius:20px;padding:22px;flex:1;min-width:0;box-shadow:var(--shadow)}.page-head{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:19px}.page-head h1{font-size:27px;line-height:1.15;margin:0 0 5px;letter-spacing:-.9px}.page-head .sub{font-size:13px;margin:0}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.btn{border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);padding:11px 16px;font-size:13px;font-weight:800;min-height:41px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{filter:brightness(.98)}.btn.primary{border:0;background:var(--grad);color:white}.btn.danger{color:var(--red);background:#fff3f6;border-color:#ffdae1}.btn.ghost{border:0;background:transparent;color:var(--blue)}.btn.full{width:100%}.btn.pill{border-radius:99px}.btn.sm{min-height:32px;padding:7px 12px;font-size:12px}.btn:focus-visible,.nav-link:focus-visible,.tab:focus-visible{outline:3px solid #96adff}.card{background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:17px;min-width:0;box-shadow:var(--shadow)}.card h3{font-size:15px;margin:0 0 15px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.card-head h3{margin:0}.card-head a,.textlink{font-weight:700;font-size:12px;color:#283fff}.grid{display:grid;gap:12px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{padding:17px;min-height:120px}.stat .label{font-size:12px;color:var(--muted);margin-bottom:11px}.stat .value{font-size:24px;font-weight:900;letter-spacing:-.6px}.stat .hint{font-size:12px;font-weight:700;margin-top:5px;color:var(--green)}.stat .ic{float:right;font-size:25px;opacity:.22;color:var(--blue)}.hero{border-radius:17px;background:var(--grad);color:white;padding:23px 25px;min-height:195px;display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:18px;overflow:hidden}.hero small{opacity:.86}.hero .amount{font-size:36px;font-weight:900;letter-spacing:-1.3px;margin:11px 0}.hero .growth{display:inline-block;background:#d6ffec;color:#048e62;border-radius:99px;padding:6px 12px;font-weight:800;font-size:12px}.hero svg{width:100%;height:142px}.dashboard-lower{grid-template-columns:1.04fr 1fr;margin-top:12px}.table-wrap{overflow:auto;width:100%}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}thead{background:var(--panel2);color:var(--muted)}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--line)}th{font-weight:700}tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--panel2)}.namecell{display:flex;align-items:center;gap:9px;font-weight:800}.bot-avatar{height:39px;width:39px;border-radius:50%;background:#101737;color:white;display:grid;place-items:center;font-weight:900;flex-shrink:0}.bot-avatar.purple{background:#6610ec}.bot-avatar.blue{background:#236bf6}.bot-avatar.green{background:#00af70}.bot-avatar.red{background:#fc4168}.bot-sub{font-size:11px;color:var(--muted);font-weight:500;margin-top:4px}.badge{display:inline-block;border-radius:99px;padding:5px 10px;background:#edf0ff;color:#3152df;font-size:11px;font-weight:800;text-transform:capitalize}.badge.green{background:#d7f9e7;color:#069c63}.badge.red{background:#ffe5e9;color:#eb3455}.badge.orange{background:#fff0d9;color:#e28b15}.badge.purple{background:#f0e5ff;color:#7943ce}.badge.grey{background:#edf0f8;color:#6d7896}.row-between{display:flex;justify-content:space-between;align-items:center;gap:12px}.row-item{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--line)}.row-item:last-child{border-bottom:0}.row-item .detail{flex:1;min-width:0}.row-item .detail strong{font-size:13px}.row-item .detail small{display:block;margin-top:4px;color:var(--muted);font-size:11px}.row-item .number{font-weight:850;font-size:13px}.progress{height:8px;background:#e9eef9;border-radius:20px;overflow:hidden;margin:10px 0}.progress i{display:block;height:100%;background:var(--grad);border-radius:20px}.toolbar{display:flex;gap:9px;margin:14px 0;flex-wrap:wrap}.toolbar .search{min-width:220px;flex:1}.field,.select,.textarea{border:1px solid var(--line);background:var(--panel2);color:var(--text);padding:11px 12px;min-height:41px;border-radius:11px;width:100%;outline:0}.field:focus,.select:focus,.textarea:focus{border-color:#6789ff;box-shadow:0 0 0 3px #6586ff21}label.field-label{display:block;font-size:12px;font-weight:800;margin:14px 0 7px}.textarea{min-height:90px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 13px}.tabs{display:flex;gap:12px;overflow:auto;border-bottom:1px solid var(--line);margin:12px 0 15px}.tab{border:0;background:none;color:var(--muted);padding:13px 12px;font-size:13px;white-space:nowrap;font-weight:750;border-bottom:2px solid transparent}.tab.active{color:#345aff;border-bottom-color:#345aff}.bot-profile{padding:18px;display:flex;gap:15px;align-items:center;border:1px solid var(--line);border-radius:16px;position:relative}.bot-profile .bot-avatar{height:65px;width:65px;font-size:25px}.bot-profile h2{margin:0 0 4px;font-size:18px}.bot-profile .badge{margin-left:auto}.option{display:flex;gap:11px;align-items:center;border:1px solid var(--line);padding:14px;border-radius:14px;background:var(--panel);cursor:pointer}.option.selected{border-color:#4e63ff;background:linear-gradient(90deg,#eef4ff,#f6efff)}.option input{accent-color:#3565fa}.option strong{font-size:13px}.option small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.stack{display:grid;gap:9px}.stepper{display:flex;justify-content:space-between;gap:8px;padding:13px 0 23px}.step{flex:1;text-align:center;color:var(--muted);font-size:11px}.step i{display:grid;place-items:center;border-radius:50%;width:31px;height:31px;margin:auto auto 7px;background:#f0f4fd;font-style:normal;font-weight:800}.step.active{color:var(--blue);font-weight:800}.step.active i{color:white;background:var(--blue)}.wizard-card{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px}.next-card{background:var(--panel2)}.tip{border-radius:12px;background:#edf3ff;padding:14px;font-size:12px;color:#52679e;line-height:1.6;margin-top:15px}.footerbar{display:flex;justify-content:space-between;gap:12px;padding-top:16px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.code-token{font-family:ui-monospace,Consolas,monospace;word-break:break-all;background:var(--panel2);padding:12px;border:1px dashed var(--line);border-radius:12px;font-size:12px}.account-card{width:min(430px,calc(100% - 30px));margin:8vh auto;border:1px solid var(--line);padding:28px;border-radius:22px;background:var(--panel);box-shadow:var(--shadow)}.auth-body{min-height:100vh;display:grid;place-items:center}.auth-body .brand{justify-content:center;padding:0 0 12px}.auth-body h1{text-align:center;margin:0 0 7px}.auth-body .sub{text-align:center}.empty{padding:26px;text-align:center;color:var(--muted);font-size:13px;line-height:1.7}.notice{padding:13px;border-radius:13px;background:#eaf1ff;font-size:12px;line-height:1.5;margin:12px 0;color:#4465a4}.notice.warn{background:#fff3df;color:#a66a1c}.notice.error{background:#ffe9ed;color:#b62d4b}.circle-chart{width:110px;height:110px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#265eff 0 64%,#a765f6 64% 88%,#dce5f6 88%)}.circle-chart span{display:grid;place-items:center;background:var(--panel);width:73px;height:73px;border-radius:50%;font-size:20px;font-weight:900}.mobile-header,.mobile-nav{display:none}#toast{position:fixed;top:20px;right:22px;max-width:min(440px,calc(100vw - 32px));padding:13px 20px;background:#172c56;color:white;border-radius:14px;box-shadow:0 14px 40px #0002;z-index:200;opacity:0;transform:translateY(-18px);pointer-events:none;transition:.2s;font-size:13px}#toast.show{opacity:1;transform:translateY(0)}.line-chart{width:100%;height:145px;overflow:visible}.line-chart .area{fill:rgba(255,255,255,.24)}.line-chart .stroke{fill:none;stroke:white;stroke-width:3}.chart-axis{font-size:10px;fill:rgba(255,255,255,.7)}.mobile-only{display:none}
body.dark{color-scheme:dark;--bg:#0e1325;--panel:#1a2135;--panel2:#242c43;--text:#eff2ff;--muted:#a0aed0;--line:#303b59;--shadow:0 12px 35px rgba(0,0,0,.16)}body.dark .nav-link:hover,body.dark .nav-link.active{background:#292f64;color:#c9ceff}body.dark .option.selected{background:#222c50}body.dark .badge{background:#253b68}body.dark .badge.green{background:#143f37;color:#76e1b8}body.dark .badge.red{background:#542b3a;color:#ff9fac}body.dark .badge.orange{background:#4c392a;color:#ffcf8b}body.dark .notice{background:#243453;color:#c0cdf5}body.dark .notice.warn{background:#55432b;color:#ffdd9c}body.dark .btn.danger{background:#452637}body.dark .step i{background:#343e61}
@media(max-width:1100px){.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.wizard-card{grid-template-columns:1fr}.next-card{display:none}.dashboard-lower{grid-template-columns:1fr}.hero{grid-template-columns:1fr 1fr}}
@media(max-width:730px){.layout{display:block;padding:0;min-height:100vh}.aside,.topbar{display:none}.workspace{display:block}.content{border-radius:0;padding:15px 15px calc(90px + env(safe-area-inset-bottom));min-height:calc(100dvh - 100px);background:var(--bg);box-shadow:none}.mobile-header{display:flex;height:89px;padding:calc(16px + env(safe-area-inset-top)) 18px 10px;align-items:center;justify-content:space-between;background:var(--bg)}.mobile-header .brand{padding:0;font-size:20px}.mobile-header .brand img{width:38px;height:38px}.mobile-header .actions{gap:7px}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);bottom:0;left:0;right:0;padding:10px 8px calc(10px + env(safe-area-inset-bottom));background:var(--panel);z-index:100;border-top:1px solid var(--line);box-shadow:0 -7px 26px #15234d12}.mobile-nav a{font-size:10px;color:var(--muted);display:grid;gap:4px;place-items:center;font-weight:750}.mobile-nav a svg{width:22px;height:22px}.mobile-nav a.active{color:#273bff}.page-head{align-items:flex-start;flex-direction:column;gap:10px;margin:0 0 15px;padding:0 2px}.page-head h1{font-size:24px}.page-head .actions{width:100%}.page-head .btn.primary{flex:1}.hero{min-height:180px;padding:20px 21px;grid-template-columns:1fr .7fr;gap:5px}.hero .amount{font-size:32px}.hero svg{height:100px}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:14px;min-height:117px}.stat .value{font-size:23px}.dashboard-lower{grid-template-columns:1fr}.card{padding:14px}.bot-profile{flex-wrap:wrap}.bot-profile .badge{margin-left:0}.stepper{gap:1px;overflow:auto}.step{min-width:50px;font-size:9px}.step i{height:27px;width:27px}.form-grid{grid-template-columns:1fr}.mode-grid{grid-template-columns:1fr}.wizard-card{grid-template-columns:1fr}.next-card{display:none}.mobile-only{display:block}.mobile-list .row-item{padding:13px 4px}.desktop-only{display:none}.toolbar .search{width:100%}.actions{gap:7px}.btn{padding:10px 12px}.circle-chart{width:90px;height:90px}.circle-chart span{width:62px;height:62px}.mobile-row{display:grid;gap:8px}.tabs{margin-right:-15px}.account-card{margin:4vh auto}.content:not(.auth-body){box-shadow:none}}
@media(max-width:360px){.stat .value{font-size:20px}.hero .amount{font-size:26px}.brand{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* Google identity button — visible in login and registration in both themes. */
.google-divider{display:flex;align-items:center;gap:12px;margin:24px 0 18px;color:var(--muted);font-size:12px;justify-content:center}
.google-divider:before,.google-divider:after{content:"";flex:1;height:1px;background:var(--line)}
.google-signin-area{display:flex;align-items:center;justify-content:center;min-height:44px;width:100%;overflow:visible}
.google-signin-area>div{max-width:100%}
.google-placeholder{display:flex;align-items:center;justify-content:center;gap:12px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:7px;min-height:44px;min-width:min(320px,100%);font-size:14px;font-weight:600}
.google-placeholder:disabled{opacity:.72}
.google-g{font-family:Arial,sans-serif;font-size:19px;font-weight:800;color:#4285f4}
.google-status{text-align:center;line-height:1.45;margin:8px auto 0;max-width:330px;min-height:15px}


/*
 * Login / Register only: one locked viewport, no page scroll or iOS rubber-band.
 * Use the small dynamic-safe viewport rather than 100vh (which includes the
 * area behind mobile Safari's changing address and bottom toolbars).
 * Dashboard routes do not get auth-viewport/auth-locked classes.
 */
html.auth-viewport{
  width:100%;
  height:100%;
  overflow:hidden;
  overscroll-behavior:none;
}
html.auth-viewport body.auth-locked{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  height:100svh;
  overflow:hidden;
  overscroll-behavior:none;
}
html.auth-viewport #app{
  width:100%;
  height:100%;
  overflow:hidden;
}
html.auth-viewport .auth-body{
  min-height:0;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:max(12px,env(safe-area-inset-top)) 16px max(12px,env(safe-area-inset-bottom));
  overflow:hidden;
}
html.auth-viewport .account-card{
  width:min(430px,100%);
  max-height:100%;
  margin:0;
  flex:none;
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
html.auth-viewport .account-card::-webkit-scrollbar{display:none}
@media(max-width:730px){
  html.auth-viewport .auth-body{padding-inline:14px}
  html.auth-viewport .account-card{width:100%;padding:clamp(18px,2.8svh,27px)}
  html.auth-viewport .account-card .brand{padding-bottom:9px}
  html.auth-viewport .google-divider{margin:17px 0 12px}
  html.auth-viewport .account-card>p:last-child{margin-top:15px!important}
}
@media(max-height:700px){
  html.auth-viewport .auth-body{padding-block:8px}
  html.auth-viewport .account-card{padding-block:16px}
  html.auth-viewport .account-card .brand{padding-bottom:6px}
  html.auth-viewport .account-card h1{margin-bottom:4px}
  html.auth-viewport .google-divider{margin:12px 0 8px}
  html.auth-viewport .account-card>p:last-child{margin-top:10px!important}
}


/* Password visibility eye — Login/Register only. The icon never shifts the input. */
.password-field{position:relative;width:100%}
.password-field>.field{display:block;padding-right:54px}
.password-toggle{
  position:absolute;right:4px;top:50%;transform:translateY(-50%);
  display:flex;align-items:center;justify-content:center;
  width:44px;height:44px;min-height:44px;padding:0;
  border:0;border-radius:9px;background:transparent;
  color:var(--muted);cursor:pointer;touch-action:manipulation;
}
.password-toggle:hover{color:var(--text);background:var(--panel)}
.password-toggle:focus-visible{outline:2px solid #6686ff;outline-offset:-3px}
.password-toggle svg{pointer-events:none}
@media(max-width:730px){
  html.auth-viewport .password-field>.field{font-size:16px}
}


/* Dashboard: responsive information rows without text/amount/button overlap. */
/* .grid.two has higher selector specificity than .dashboard-lower on its own. */
.grid.two.dashboard-lower{
  grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);
}
.dashboard-lower>.card{min-width:0}
.dashboard-lower .card-head{flex-wrap:wrap;align-items:baseline}
.dashboard-lower .card-head h3{margin:0}
.dashboard-lower .row-item{min-width:0}
.bot-performance-row .detail,
.dashboard-activity-row .detail{min-width:0;overflow-wrap:anywhere}
.bot-performance-row .detail strong,
.dashboard-activity-row .detail strong{display:block;line-height:1.35}
.bot-performance-row .bot-earnings{text-align:right;flex-shrink:0}
.bot-performance-row .bot-earnings strong,
.bot-performance-row .bot-earnings small{display:block;line-height:1.4}
.bot-performance-row .bot-manage{flex-shrink:0}
.dashboard-activity-row .avatar{flex-shrink:0}
.dashboard-activity-row .activity-date{
  display:block;
  color:var(--muted);
  font-size:11px;
  line-height:1.5;
  margin-top:6px;
  overflow-wrap:anywhere;
}
@media(max-width:1100px){
  .grid.two.dashboard-lower{
    grid-template-columns:minmax(0,1fr);
  }
}
@media(max-width:730px){
  /* Two large information cards must not share half an iPhone viewport. */
  .content .grid.two{grid-template-columns:minmax(0,1fr)}
  .content .grid.two.dashboard-lower{grid-template-columns:minmax(0,1fr)}
  .dashboard-lower{gap:12px;margin-top:12px}
  .dashboard-lower>.card{width:100%;min-width:0;padding:16px}
  .dashboard-lower .card-head{flex-wrap:nowrap;align-items:flex-start}
  .dashboard-lower .card-head h3{font-size:16px;line-height:1.35;min-width:0}
  .dashboard-lower .card-head .textlink{flex-shrink:0;white-space:nowrap}
  .dashboard-lower .row-item{padding:14px 0;gap:9px}
  .dashboard-lower .row-item .detail small{overflow-wrap:anywhere}
  .dashboard-lower .bot-performance-row{
    display:grid;
    grid-template-columns:40px minmax(0,1fr) auto;
    grid-template-areas:
      "avatar details action"
      "avatar earnings action";
    align-items:center;
    column-gap:10px;
    row-gap:4px;
  }
  .dashboard-lower .bot-performance-row .bot-avatar{grid-area:avatar;width:40px;height:40px}
  .dashboard-lower .bot-performance-row .detail{grid-area:details;min-width:0}
  .dashboard-lower .bot-performance-row .bot-earnings{grid-area:earnings;text-align:left;min-width:0}
  .dashboard-lower .bot-performance-row .bot-earnings strong{font-size:13px}
  .dashboard-lower .bot-performance-row .bot-earnings small{font-size:11px}
  .dashboard-lower .bot-performance-row .bot-manage{
    grid-area:action;
    align-self:center;
    min-width:0;
    padding:8px 10px;
    font-size:12px;
    white-space:nowrap;
  }
  .dashboard-lower .dashboard-activity-row{
    display:grid;
    grid-template-columns:40px minmax(0,1fr);
    align-items:start;
    column-gap:12px;
  }
  .dashboard-lower .dashboard-activity-row .avatar{width:38px;height:38px}
  .dashboard-lower .dashboard-activity-row .detail{min-width:0}
  .dashboard-lower .dashboard-activity-row .detail strong{font-size:13px}
  .dashboard-lower .dashboard-activity-row .detail small{line-height:1.5}
}
@media(max-width:350px){
  .dashboard-lower>.card{padding:12px}
  .dashboard-lower .bot-performance-row{column-gap:6px;grid-template-columns:36px minmax(0,1fr) auto}
  .dashboard-lower .bot-performance-row .bot-manage{padding:7px 8px;font-size:11px}
}


/* Telegram delivery evidence and manual follow-up on transaction detail. */
.tx-details-grid>.card{min-width:0}
.tx-detail-line{min-width:0;gap:8px}
.tx-detail-line>.detail{flex:0 0 38%;min-width:0}
.tx-detail-line>strong{flex:1 1 auto;min-width:0;text-align:right;overflow-wrap:anywhere;word-break:break-word;line-height:1.45}
.contact-indicator{display:inline-flex;align-items:center;gap:8px;border-radius:999px;font-size:13px;font-weight:800;padding:8px 12px;background:var(--panel2);color:var(--text)}
.contact-dot{width:9px;height:9px;border-radius:50%;background:currentColor;flex-shrink:0}
.contact-blocked{color:#b72f4d;background:#ffe4ea}
.contact-reachable{color:#087c5f;background:#ddf8ec}
.contact-unknown{color:#806119;background:#fff2d5}
body.dark .contact-blocked{background:#512938;color:#ffafc2}
body.dark .contact-reachable{background:#173e36;color:#7de8c7}
body.dark .contact-unknown{background:#493d25;color:#ffe09e}
.followup-actions{margin:14px 0 10px}
.followup-actions .btn{min-width:130px}
@media(max-width:730px){
 .tx-details-grid{grid-template-columns:minmax(0,1fr)!important}
 .tx-details-grid>.card{padding:15px}
 .tx-detail-line>.detail{flex-basis:37%}
 .followup-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:9px}
 .followup-actions>.btn{width:100%;min-width:0;white-space:normal}
 .followup-actions>.btn:first-child{grid-column:1/-1}
}


/* Telegram bot profile photo; letter always remains as a safe fallback. */
.bot-avatar{position:relative;overflow:hidden;isolation:isolate}
.bot-avatar-initial{position:relative;z-index:0}
.bot-avatar-image{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;z-index:1;background:var(--panel2)}


.bot-avatar-refresh{margin-top:7px;font-size:11px;padding:6px 11px;min-height:29px}
.bot-avatar-refresh svg{width:14px;height:14px}
@media(max-width:730px){.bot-avatar-refresh{margin-top:8px}}

/* Shared contextual Access Control for all bots. Only the active panel is shown. */
.policy-settings{display:grid;gap:12px;margin-top:12px}
.policy-panel[hidden]{display:none!important}
.policy-panel .card+.card{margin-top:12px}
.policy-panel .policy-description{color:var(--muted);font-size:13px;line-height:1.65;margin:0}
.policy-panel .field+.field-label{display:block;margin-top:14px}
.policy-panel input[readonly]{background:var(--panel2);cursor:default}
.policy-mode-choice{min-width:0;align-items:flex-start}
.policy-mode-choice input{margin-top:3px;flex:0 0 auto}
.policy-mode-choice>div{min-width:0;flex:1}
.policy-mode-choice small{line-height:1.5}
.policy-mode-choice.policy-locked{cursor:not-allowed;opacity:.65;background:var(--panel2)}
.policy-mode-choice.policy-locked input{cursor:not-allowed}
.policy-soon{display:inline-block;font-size:10px;font-weight:750;margin-left:9px;color:var(--muted)}
body.dark .policy-mode-choice.policy-locked{background:var(--panel2)}
@media(max-width:730px){.policy-mode-grid{grid-template-columns:1fr}.policy-mode-choice{padding:13px 15px}.policy-settings .card{min-width:0}}

/* PayPing V2 Web Push device setup and Notification Center */
.push-status{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.push-status .muted{font-size:12px}
.push-buttons{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}
.push-buttons button{min-width:0}
.push-notification-row{min-width:0;align-items:flex-start}
.push-notification-row .detail{min-width:0;overflow-wrap:anywhere}
.push-notification-row .textlink{display:inline-block;margin-top:7px;font-size:12px}
@media(max-width:730px){
 .push-buttons{display:grid;grid-template-columns:1fr;gap:8px}
 .push-buttons .btn{width:100%;justify-content:center;min-height:43px}
 .push-notification-row{flex-wrap:wrap}
 .push-notification-row .detail{flex:1 1 160px}
}


/* ===============================================================
   PayPing Aurora — light-first aesthetic derived from chosen mockup.
   Maintains existing responsive/functional screens and dark mode.
   =============================================================== */
:root{
 --bg:#fafafd;--panel:#ffffff;--panel2:#f7f6fb;--text:#202940;--muted:#78819a;
 --line:#e5e7f0;--blue:#6f3ce7;--purple:#7346e2;--green:#087b58;
 --shadow:0 5px 20px rgba(54,45,96,.025);
 --grad:linear-gradient(115deg,#633be4 0%,#9742d6 48%,#d75bab 100%);
 font-family:"Plus Jakarta Sans",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body{font-family:"Plus Jakarta Sans",Inter,system-ui,sans-serif}
.brand{letter-spacing:-.75px;color:var(--text);font-size:20px}
.brand b{color:#079770}
.content{background:var(--bg);box-shadow:none;padding:clamp(18px,2.3vw,34px)}
.layout{gap:0;padding:0;max-width:none;background:var(--bg)}
.aside{width:242px;min-height:100dvh;position:sticky;top:0;height:100dvh;border-radius:0;border-right:1px solid var(--line);box-shadow:none;padding:26px 14px;background:var(--panel)}
.aside .brand{padding:3px 12px 22px}
.aurora-nav-label{font-size:10px;letter-spacing:1.6px;font-weight:900;color:var(--muted);padding:7px 14px}
.nav-link{border-radius:13px;min-height:45px;color:var(--muted);gap:12px;font-size:12px}
.nav-link:hover,.nav-link.active{background:#eee7ff;color:#6638dc}
.workspace{max-width:none}
.topbar{height:75px;margin:0;background:var(--bg);box-shadow:none;border-radius:0;padding:0 30px;border-bottom:1px solid var(--line)}
.profile .avatar{background:#eee7ff;color:#7542df}
.side-ad{min-height:130px;border-radius:20px;background:var(--grad);padding:18px}
.card{border-radius:21px;padding:20px;box-shadow:0 4px 14px rgba(48,39,91,.018)}
.card h3{font-size:14px;letter-spacing:-.25px}
.btn{border-radius:12px;font-size:12px}
.btn.primary{background:var(--grad);color:#fff}
.btn.ghost{color:#6e3ce0}
.search{background:white}
.table-wrap{border-radius:12px}
thead{background:#f9f7fd}
.stat{box-shadow:none}
.hero{background:var(--grad);border-radius:21px;box-shadow:none}
.hero .growth{background:#cbfc79;color:#264a19}
.badge.green{background:#e3f7ec;color:#087b58}
.badge.purple{background:#eee7ff;color:#6742db}
.badge.orange{background:#fff3df}
.option.selected{border-color:#a78de7;background:#f6f0ff}
.tab.active,.textlink,.card-head a{color:#7142dc}
.tab.active{border-color:#7142dc}
.field:focus,.select:focus,.textarea:focus{border-color:#8a60e8;box-shadow:0 0 0 3px #7346e218}
.page-head h1{font-weight:850;letter-spacing:-1px}
.aurora-main{max-width:1370px;width:100%;margin:0 auto}
.aurora-heading{margin:0 0 18px}
.aurora-eyebrow{font-size:10px;font-weight:900;letter-spacing:1.7px;color:#77829b;margin:0 0 9px}
.aurora-heading h1{font-size:clamp(25px,2.8vw,33px);line-height:1.15;font-weight:900;letter-spacing:-1.15px;margin:0 0 7px}
.aurora-heading p.muted{font-size:12px;margin:0}
.aurora-summary{position:relative;isolation:isolate;overflow:hidden;min-height:182px;border-radius:22px;background:var(--grad);padding:24px;color:#fff;display:flex;align-items:center}
.aurora-summary-inner{position:relative;z-index:2}
.aurora-summary-inner p{font-size:12px;font-weight:750;margin:0 0 13px;opacity:.96}
.aurora-summary-inner strong{display:block;font-size:clamp(30px,4vw,45px);font-weight:900;letter-spacing:-1.55px;line-height:1.12;margin:0 0 17px;overflow-wrap:anywhere}
.aurora-lime{display:inline-block;background:#cbfc79;color:#264a19;border-radius:99px;font-size:10px;font-weight:850;padding:7px 12px}
.aurora-orbit{pointer-events:none;position:absolute;border:28px solid rgba(246,179,236,.25);width:206px;height:206px;right:-45px;top:-27px;border-radius:50%;z-index:1}
.aurora-orbit.secondary{width:100px;height:100px;border:0;background:rgba(247,173,228,.24);right:12px;top:-6px}
.aurora-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:13px 0 20px}
.aurora-stat{background:#fff;border:1px solid #e5e7f0;border-radius:20px;min-width:0;min-height:135px;padding:18px;display:flex;flex-direction:column;justify-content:flex-start}
.aurora-stat span{color:#78819a;font-size:12px;margin-bottom:18px;font-weight:550}
.aurora-stat strong{color:#202940;font-size:27px;line-height:1.05;font-weight:900;letter-spacing:-.9px;overflow-wrap:anywhere}
.aurora-stat small{color:#087b58;font-size:10px;font-weight:800;margin-top:12px}
.aurora-tone-0{background:#eee7ff;border-color:#eee7ff}
.aurora-tone-1{background:#e4f7ec;border-color:#e4f7ec}
.aurora-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:15px}
.aurora-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:13px;margin-bottom:16px}
.aurora-quick{display:flex;align-items:center;gap:9px;margin:0 0 16px;flex-wrap:wrap}
.aurora-ranking{display:grid;gap:0}
.aurora-rank{display:flex;gap:12px;align-items:center;padding:13px 2px;border-bottom:1px solid var(--line)}
.aurora-rank:last-child{border-bottom:0}
.aurora-rank .detail{min-width:0;flex:1;display:grid;gap:4px}
.aurora-rank small{font-size:10px;color:var(--muted)}
.aurora-medal{font-size:24px}
.aurora-payout{background:var(--panel2);border:1px solid var(--line);border-radius:15px;padding:11px 15px;margin:9px 0}
.aurora-payout .actions{justify-content:flex-end;margin:10px 0 4px}
.aurora-weekdays{display:flex;gap:8px;flex-wrap:wrap}
.aurora-weekdays label{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);padding:7px 9px;border-radius:11px;font-size:11px}
.aurora-weekdays input{accent-color:#7142dc}
.telegram-preview{border-radius:17px;padding:16px;min-height:280px;background:linear-gradient(150deg,#d7e5dc,#c7d6da);color:#23303a}
.telegram-preview>strong{font-size:12px;display:block;margin-bottom:20px}
.telegram-bubble{max-width:90%;white-space:normal;overflow-wrap:anywhere;background:#fff;padding:13px 16px;border-radius:16px 16px 16px 5px;box-shadow:0 1px 3px #0001;font-size:13px;line-height:1.7}
.telegram-button{max-width:90%;background:#ffffffd9;text-align:center;color:#3268a6;border-radius:10px;padding:10px;margin-top:5px;font-size:12px;font-weight:750}
.rate-input{width:105px;flex:0 0 auto}
body.dark{--bg:#121624;--panel:#1f2538;--panel2:#252d42;--text:#f2f0fa;--muted:#abb3cb;--line:#33394e;--shadow:none}
body.dark .aurora-stat{background:#242c42;border-color:#303955}
body.dark .aurora-stat strong{color:#f2f0fa}
body.dark .aurora-stat span{color:#bbc1d4}
body.dark .aurora-stat small{color:#89dec0}
body.dark .aurora-tone-0{background:#332954}
body.dark .aurora-tone-1{background:#204339}
body.dark .nav-link.active{background:#342a53;color:#c6aeff}
body.dark .search{background:#242c42}
body.dark .aurora-sidebar{background:var(--panel)}
body.dark .aurora-payout{background:#242c42}
@media(max-width:1000px){
 .aurora-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .aurora-columns{grid-template-columns:1fr}
}
@media(max-width:730px){
 .layout{display:block}
 .aside,.topbar{display:none}
 .mobile-header{background:var(--bg);padding:calc(16px + env(safe-area-inset-top)) 19px 10px;height:82px}
 .mobile-header .brand{font-size:20px}
 .mobile-header .brand img{height:32px;width:32px}
 .mobile-header .top-action{background:var(--panel);width:43px;height:43px;border-radius:15px}
 .mobile-header .actions{gap:9px}
 .content{padding:13px 16px calc(100px + env(safe-area-inset-bottom));background:var(--bg)}
 .aurora-heading{margin-bottom:16px}
 .aurora-heading h1{font-size:25px}
 .aurora-summary{min-height:158px;padding:17px;border-radius:21px}
 .aurora-summary-inner strong{font-size:30px;margin-bottom:12px}
 .aurora-summary-inner p{font-size:11px;margin-bottom:14px}
 .aurora-orbit{right:-70px;top:-35px}
 .aurora-orbit.secondary{right:-4px}
 .aurora-stats{gap:9px;margin:10px 0 18px}
 .aurora-stat{border-radius:20px;min-height:130px;padding:13px}
 .aurora-stat span{font-size:11px;margin-bottom:17px}
 .aurora-stat strong{font-size:24px}
 .aurora-stat small{font-size:10px}
 .aurora-columns{gap:10px}
 .aurora-bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr));padding:9px 7px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #ece8f6}
 .aurora-bottom-nav a{color:#718099;border-radius:13px;min-height:51px;justify-content:center}
 .aurora-bottom-nav a.active{background:#eee7ff;color:#6f3ce7}
 body.dark .aurora-bottom-nav{background:#1f2538;border-color:#303955}
 body.dark .aurora-bottom-nav a.active{background:#342a53;color:#d0b2ff}
 .aurora-quick .btn{flex:1}
 .card{padding:15px;border-radius:19px}
 .aurora-rank{gap:10px}
 .aurora-rank strong{font-size:12px}
 .rate-input{max-width:86px}
}
@media(max-width:375px){.aurora-summary-inner strong{font-size:26px}.aurora-stat strong{font-size:21px}}

/* Harmless sample-only localhost preview; never hidden on live-style screens. */
.aurora-preview-banner{font-size:10px;line-height:1.4;letter-spacing:.3px;font-weight:900;color:#6d3acf;background:#eee7ff;border:1px solid #d8c8fa;border-radius:12px;padding:10px 12px;margin-bottom:14px;text-align:center}
.aurora-preview-logins{font-size:12px;background:#f6f1ff;border:1px dashed #b99dea;color:#433463;padding:11px 12px;border-radius:12px;line-height:1.8;margin-top:14px;overflow-wrap:anywhere}
body.dark .aurora-preview-banner,body.dark .aurora-preview-logins{background:#322849;border-color:#544075;color:#ead9ff}


/* Reminder Studio — clear four-mode editor, responsive and theme-aware */
.studio-master{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;border:1px solid var(--line,#e1e5f1);background:var(--card,#fff);border-radius:18px;margin:14px 0}
.studio-master p{margin:4px 0 0}
.studio-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:15px 0}
.studio-tab{cursor:pointer;min-width:0;text-align:left;border:1px solid #dee2f0;background:var(--card,#fff);border-radius:15px;padding:14px;color:inherit;display:flex;flex-direction:column;gap:4px}
.studio-tab strong{font-size:13px}.studio-tab small{font-size:10px;color:#7c88a2}
.studio-tab.selected{border-color:#8252e5;background:#f4efff;box-shadow:0 0 0 1px #8252e5 inset}
body.dark .studio-tab.selected{background:#352b53;color:#eee2ff}
.studio-columns{align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.studio-help{background:#f7f5fd;border:1px solid #e7e2f5;padding:12px;border-radius:15px;margin:12px 0}
.studio-help p{margin:5px 0 9px}.studio-chips{display:flex;flex-wrap:wrap;gap:6px}
.studio-chip{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;cursor:pointer;color:#6440b8;background:#fff;border:1px solid #e2d9f4;padding:6px 8px;border-radius:9px}
.studio-chip:hover{border-color:#7c47dc;background:#f0e9ff}
.studio-editarea{position:relative}.studio-editarea .textarea{width:100%;min-height:156px}
.studio-suggest{position:absolute;top:100%;left:0;right:0;z-index:20;display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:5px;background:var(--card,#fff);border:1px solid #cfc6e6;border-radius:11px;padding:8px;box-shadow:0 12px 26px #13162e21;max-height:175px;overflow:auto}
.studio-suggest[hidden]{display:none}.studio-suggestion{border:0;border-radius:8px;padding:8px;cursor:pointer;display:flex;flex-direction:column;text-align:left;gap:3px;color:inherit;background:#f6f2ff;font-size:11px}
.studio-suggestion small{color:#756891}
.studio-checkbox{display:flex;align-items:center;gap:10px;border:1px solid #e2e4ef;border-radius:13px;padding:12px;margin:15px 0;cursor:pointer}
.studio-checkbox input{width:17px;height:17px;accent-color:#7851e9;flex-shrink:0}
.studio-checkbox span{display:flex;flex-direction:column;gap:4px}
.studio-checkbox small{font-size:11px;color:#8490a4}
.studio-schedule{border-top:1px solid #e5e5f0;margin-top:18px;padding-top:16px}
.studio-weekdays{margin-bottom:14px;display:flex;flex-wrap:wrap;gap:7px}
.studio-weekdays label{display:flex;align-items:center;gap:4px;font-size:12px}
.studio-preview{position:sticky;top:16px}.studio-preview .telegram-preview{min-height:240px}
.studio-preview .notice{margin-top:15px}.studio-old{margin-top:20px;border:1px solid #dddfe9;border-radius:16px;padding:12px}
.studio-old summary{cursor:pointer;font-weight:700;padding:8px}
body.dark .studio-help{background:#302b45;border-color:#47405f}
body.dark .studio-chip{background:#24283c;color:#cfadff;border-color:#544779}
body.dark .studio-suggestion{background:#302847}
body.dark .studio-tab,body.dark .studio-master{background:#24293c;border-color:#424864}
body.dark .studio-checkbox{border-color:#424864}
@media(max-width:760px){.studio-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-columns{grid-template-columns:1fr}.studio-preview{position:static}.studio-master{flex-wrap:wrap}.studio-chip{font-size:10px}}

/* Inline Access Control lock-message studio and supporter tiers */
.lock-editor{margin:18px 0 10px;padding-top:15px;border-top:1px solid var(--line,#e2e5f0)}
.lock-editor h3{font-size:14px;margin:12px 0 9px}
.lock-editor .textarea{min-height:135px;width:100%}
.lock-tokens{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0 13px}
.lock-tokens button{cursor:pointer;border:1px solid #dbd4ee;border-radius:8px;background:#f5f0ff;color:#6d47c6;padding:7px 9px;font-size:11px;font-family:ui-monospace,monospace}
.lock-toggle{margin:15px 0}
.lock-button-settings[hidden],.access-plans[hidden]{display:none!important}
.lock-preview{margin-top:12px;min-height:160px}
.lock-preview .telegram-button{margin-top:5px}
.access-plans{margin:14px 0 4px;border:1px solid #e4e0ee;padding:15px;border-radius:16px;background:var(--card,#fff)}
.access-plan{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.access-plan .detail{flex:1;min-width:120px}
.access-plan-actions{display:flex;gap:8px;flex-basis:100%}
.access-plan-actions .btn{display:inline-flex;align-items:center;gap:6px}
.access-plan-actions .btn .ph{width:16px;height:16px}
.access-plan.is-hidden .detail,.access-plan.is-hidden .access-plan-amt{opacity:.5}
.access-plan-count{margin:-4px 0 10px;color:var(--muted,#6b7088)}
.access-plan-add{padding-top:15px;border-top:1px solid #e8e7f1}
.access-plan-add .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body.dark .lock-tokens button{background:#342a52;border-color:#544371;color:#e3cbff}
body.dark .access-plans{background:#22283b;border-color:#3d4257}
@media(max-width:650px){.access-plan-add .form-grid{grid-template-columns:1fr}.access-plan .btn{flex-shrink:0}.access-plans{padding:12px}}


/* Phone-style native Unicode emoji keyboard shared by all PayPing message editors. */
.msg-compose-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:8px 0;min-width:0}
.msg-compose-toolbar .phone-emoji-host{flex-basis:100%;min-width:0}
.phone-emoji-trigger{display:inline-flex;align-items:center;gap:7px}
.phone-emoji-panel{margin-top:8px;width:min(100%,435px);max-width:100%;border:1px solid var(--line,#dce2ed);background:var(--panel,#fff);border-radius:17px;box-shadow:0 10px 26px #181d3415;padding:11px;color:var(--text,#25334a);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.phone-emoji-panel[hidden]{display:none!important}
.phone-emoji-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;margin:0 2px 9px}
.phone-emoji-close{border:0;background:var(--panel2,#f4f6fa);color:var(--text,#25334a);font-size:22px;width:30px;height:30px;border-radius:50%;cursor:pointer;line-height:1}
.phone-emoji-search-wrap{display:flex;align-items:center;gap:8px;background:var(--panel2,#f6f7fb);border:1px solid var(--line,#e2e5ec);padding:6px 11px;border-radius:12px}
.phone-emoji-search-wrap span{font-size:20px;color:var(--muted,#8090a5)}
.phone-emoji-search-wrap input{border:0;outline:0;background:transparent;min-width:0;width:100%;color:var(--text,#25334a);font:13px system-ui,sans-serif;padding:3px}
.phone-emoji-tabs{display:flex;align-items:center;gap:3px;overflow:auto hidden;margin:10px 0 7px;padding:0 0 5px;scrollbar-width:thin;scrollbar-color:var(--line,#ddd) transparent}
.phone-emoji-tab{border:0;flex:none;background:transparent;color:inherit;border-radius:8px;padding:7px 9px;font-size:20px;line-height:1.15;cursor:pointer}
.phone-emoji-tab:hover,.phone-emoji-tab.selected{background:#8463ee25}
.phone-emoji-tab.selected{box-shadow:inset 0 -2px #8156e9}
.phone-emoji-tones{display:flex;align-items:center;gap:5px;justify-content:flex-end;padding:2px 5px 7px}
.phone-emoji-tone{border:1px solid transparent;background:transparent;padding:3px 5px;border-radius:8px;font-size:16px;cursor:pointer;min-width:29px}
.phone-emoji-tone.selected{border-color:#987aef;background:#8763ef1c}
.phone-emoji-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));align-content:start;gap:1px;max-height:245px;min-height:100px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;overscroll-behavior:contain;touch-action:pan-y}
.phone-emoji-key{font:normal 25px/1.25 "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",system-ui,sans-serif;border:0;border-radius:9px;background:transparent;cursor:pointer;min-height:42px;min-width:0;display:flex;align-items:center;justify-content:center;padding:2px;user-select:none;-webkit-tap-highlight-color:transparent}
.phone-emoji-key:active,.phone-emoji-key:hover{background:#886ce82c;transform:scale(1.06)}
.phone-emoji-key:focus-visible{outline:2px solid #8f6aef;outline-offset:-2px}
.phone-emoji-empty{grid-column:1/-1;text-align:center;color:var(--muted,#8190a0);padding:18px 8px;font-size:13px}
.phone-emoji-caption{font-size:11px;color:var(--muted,#758297);margin:8px 3px 1px}
@media (max-width:520px){.phone-emoji-panel{width:100%;padding:9px;border-radius:14px}.phone-emoji-tab{font-size:21px;padding:8px 7px}.phone-emoji-grid{grid-template-columns:repeat(7,minmax(0,1fr));max-height:215px}.phone-emoji-key{font-size:24px;min-height:43px}}


/* Analytics: real transaction data, single-source status palette and interactive trend. */
.analytics-page{--analytics-success:#11a777;--analytics-pending:#f0a334;--analytics-failed:#ef5267;--analytics-accent:#7858f3;display:grid;gap:13px;max-width:1400px;margin:0 auto}
.analytics-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:4px}
.analytics-heading h1{font-size:clamp(26px,2.8vw,33px);font-weight:900;letter-spacing:-1px;margin:0 0 5px}
.analytics-heading p{color:var(--muted);font-size:12px;margin:0}
.analytics-filterbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.analytics-periods{display:flex;padding:4px;gap:3px;border:1px solid var(--line);background:var(--panel2);border-radius:12px}
.analytics-period-btn{font-size:12px;font-weight:800;color:var(--muted);padding:9px 12px;background:transparent;border:0;border-radius:8px}
.analytics-period-btn:hover{color:var(--text)}.analytics-period-btn.selected{background:var(--panel);color:var(--analytics-accent);box-shadow:0 2px 8px #353b591c}
.analytics-bot-filter{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:var(--muted)}
.analytics-bot-filter select{max-width:205px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:11px;padding:10px 30px 10px 10px;min-height:38px;cursor:pointer}
.analytics-hero{background:linear-gradient(112deg,#6538e9,#9344db 53%,#d253a3);color:#fff;border-radius:21px;padding:25px 28px;min-height:176px;display:flex;justify-content:space-between;align-items:center;gap:18px;overflow:hidden}
.analytics-hero small{font-size:12px;color:#ffffffdf}.analytics-total{font-weight:900;font-size:clamp(32px,4.1vw,50px);letter-spacing:-1.6px;line-height:1.1;margin:14px 0}
.analytics-hero-chip{display:inline-flex;border-radius:30px;background:#d1fa87;color:#235719;font-size:11px;font-weight:900;padding:8px 12px}
.analytics-hero-stats{display:grid;grid-template-columns:repeat(2,minmax(110px,1fr));gap:12px;min-width:min(43%,400px)}
.analytics-hero-stats>div{background:#ffffff17;border:1px solid #ffffff40;border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:12px;min-width:0}
.analytics-hero-stats span{color:#ffffffcd;font-size:11px}.analytics-hero-stats strong{font-size:clamp(13px,1.3vw,17px);overflow-wrap:anywhere}
.analytics-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.analytics-stat{border:1px solid var(--line);border-radius:16px;padding:17px 19px;min-height:118px;background:var(--panel);display:flex;flex-direction:column;gap:8px}
.analytics-stat span{font-size:12px;color:var(--muted)}.analytics-stat strong{font-size:29px;letter-spacing:-.75px;line-height:1.2}
.analytics-stat small{font-size:11px;color:var(--muted)}
.analytics-trend-card{padding:23px 22px 12px}
.analytics-section-top{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 12px}
.analytics-section-top h3{font-size:16px;font-weight:900;margin:0 0 4px}.analytics-section-top p{font-size:11px;color:var(--muted);margin:0}
.analytics-series-switch{border:1px solid var(--line);background:var(--panel2);padding:3px;border-radius:10px;display:flex;gap:3px}
.analytics-series-switch button{padding:7px 13px;font-size:11px;font-weight:800;border-radius:8px;border:0;background:transparent;color:var(--muted)}
.analytics-series-switch button.selected{background:var(--panel);color:var(--analytics-accent);box-shadow:0 1px 7px #29365a19}
.analytics-chart-wrap{position:relative;width:100%;min-height:210px;margin:0 auto}
.analytics-svg{width:100%;height:auto;display:block;overflow:visible}
.analytics-gridline{stroke:var(--line);stroke-width:1;stroke-dasharray:4 5}
.analytics-axis-y,.analytics-axis-x{font-size:12px;fill:var(--muted);font-family:inherit}
.analytics-dot{fill:#7858f3;stroke:var(--panel);stroke-width:1.5}
.analytics-hit{cursor:crosshair}.analytics-hit:focus-visible{outline:none;stroke:#8c72e6;stroke-width:1.2}
.analytics-cursor-line{stroke:#8a77d9;stroke-width:1.2;stroke-dasharray:4 5}
.analytics-cursor-circle{fill:var(--panel);stroke:#7858f3;stroke-width:3}
.analytics-tooltip{position:absolute;z-index:4;transform:translate(-50%,-105%);width:max-content;max-width:min(240px,80vw);border-radius:12px;padding:11px 13px;background:#222b43;color:#fff;box-shadow:0 13px 33px #131c3845;pointer-events:none;font-size:12px;display:grid;gap:7px;white-space:normal;line-height:1.4}
.analytics-tooltip[hidden]{display:none}.analytics-tooltip>strong{font-size:12px}.analytics-tooltip span{font-size:11px;color:#dbe3fa}.analytics-tooltip b{color:white}
.analytics-chart-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px;padding:3px 7px 4px}
.analytics-chart-foot span:first-child{display:flex;align-items:center;gap:7px}.analytics-chart-foot i{display:inline-block;width:9px;height:9px;background:#7858f3;border-radius:50%}
.analytics-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.analytics-two-cols>.card{min-width:0}
.analytics-bot-row{display:grid;grid-template-columns:42px minmax(100px,1fr) minmax(110px,auto) auto;align-items:center;gap:11px;padding:15px 0;border-bottom:1px solid var(--line)}
.analytics-bot-row:last-child{border-bottom:0}
.analytics-bot-avatar{width:39px;height:39px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#6235e2,#4d7feb);border-radius:50%;color:white;font-weight:900}
.analytics-bot-avatar img{width:100%;height:100%;object-fit:cover}
.analytics-bot-info,.analytics-bot-revenue{display:grid;gap:5px;min-width:0}
.analytics-bot-info strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.analytics-bot-info small,.analytics-bot-revenue small{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.analytics-bot-revenue{text-align:right}.analytics-bot-revenue strong{font-size:12px}
.analytics-payment-layout{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:4px 1px 10px}
.analytics-donut{border-radius:50%;width:148px;height:148px;flex:0 0 148px;display:grid;place-items:center;position:relative}
.analytics-donut-middle{width:102px;height:102px;border-radius:50%;background:var(--panel);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px}
.analytics-donut-middle strong{font-size:28px;font-weight:900}.analytics-donut-middle small{font-size:11px;color:var(--muted)}
.analytics-status-list{min-width:0;flex:1;display:grid;gap:6px}
.analytics-status-row{display:flex;align-items:center;gap:9px;border-radius:10px;padding:8px 6px}
.analytics-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.analytics-status-text{display:grid;gap:3px;min-width:0;flex:1}
.analytics-status-text strong{font-size:12px}.analytics-status-text small{color:var(--muted);font-size:10px}
.analytics-status-count{font-size:15px;font-weight:900}
.analytics-succeed-rate{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:12px 0 0;margin:2px 0 0;font-size:12px;color:var(--muted)}
.analytics-succeed-rate strong{color:var(--analytics-success);font-size:13px}
.analytics-zero{padding:35px;color:var(--muted);font-size:13px;text-align:center}
body.dark .analytics-period-btn.selected,body.dark .analytics-series-switch button.selected{background:#393556;color:#e6d9ff}
body.dark .analytics-tooltip{background:#3c425a}
@media(max-width:1120px){.analytics-hero-stats{min-width:min(50%,380px)}.analytics-two-cols{grid-template-columns:1fr}.analytics-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:730px){.analytics-heading{align-items:flex-start}.analytics-filterbar{width:100%;justify-content:space-between}.analytics-bot-filter select{max-width:175px}.analytics-hero{padding:22px;display:grid;gap:20px}.analytics-hero-stats{min-width:0;grid-template-columns:1fr 1fr}.analytics-trend-card{padding:16px 10px 12px}.analytics-svg{min-width:0}.analytics-axis-y,.analytics-axis-x{font-size:13px}.analytics-bot-row{grid-template-columns:37px minmax(0,1fr) auto;gap:8px}.analytics-bot-row .analytics-manage{grid-column:2/4;justify-self:start}.analytics-bot-revenue strong{white-space:nowrap}.analytics-payment-layout{gap:12px}.analytics-donut{width:130px;height:130px;flex-basis:130px}.analytics-donut-middle{width:88px;height:88px}.analytics-status-text small{font-size:9px}}
@media(max-width:390px){.analytics-period-btn{padding:8px}.analytics-bot-filter select{max-width:130px}.analytics-stat{padding:13px}.analytics-payment-layout{display:grid;grid-template-columns:1fr;justify-items:center;width:100%}.analytics-status-list{width:100%}}

/* Analytics bot pictures: Telegram DP above the initial; fallback shown only when missing. */
.analytics-bot-avatar{position:relative;isolation:isolate}
.analytics-avatar-initial{position:relative;z-index:0}
.analytics-bot-avatar .analytics-avatar-image{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}


/* PayPing Aurora: small invite/share sheet; isolated from bot controls. */
.aurora-share-backdrop{position:fixed;inset:0;background:rgba(8,11,29,.7);z-index:300;display:flex;align-items:center;justify-content:center;padding:16px}
.aurora-share-modal{width:min(470px,100%);max-height:calc(100dvh - 36px);overflow-y:auto;border-radius:22px;padding:22px;background:var(--panel);color:var(--text);border:1px solid var(--line);box-shadow:0 20px 70px rgba(0,0,0,.25)}
.aurora-share-title{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;margin-bottom:17px}
.aurora-share-title h2{font-size:23px;line-height:1.2;margin:5px 0 7px}
.aurora-share-title .top-action{flex-shrink:0}
.aurora-share-eyebrow{font-size:10px;letter-spacing:.1em;font-weight:800;color:var(--purple)}
.aurora-share-url{font-size:12px;overflow:hidden;text-overflow:ellipsis}
.aurora-share-actions,.aurora-share-services{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}
.aurora-share-actions .btn{min-width:0;flex:1}
.aurora-share-services .btn{flex:1}
.aurora-share-inline{display:grid;gap:11px;margin-top:12px}
.aurora-share-inline code{display:block;border-radius:11px;padding:12px;background:var(--panel2);border:1px solid var(--line);color:var(--text);font-size:12px;overflow-wrap:anywhere}
.aurora-share-inline .btn{justify-self:start}
.aurora-share-more{width:100%;color:var(--text);text-align:left;font:inherit;display:flex;align-items:center;gap:12px;cursor:pointer}
.aurora-share-more strong{flex:1;font-size:13px}
@media(max-width:730px){
 .aurora-share-backdrop{align-items:flex-end;padding:12px 12px calc(12px + env(safe-area-inset-bottom))}
 .aurora-share-modal{border-radius:21px;padding:20px}
 .aurora-share-inline .btn{width:100%}
}



/* Bot revenue analytics: touch/keyboard explorable and readable on mobile. */
.chart-range{display:flex;align-items:center;gap:5px}
.chart-range-btn{border:1px solid var(--line);background:var(--panel2);color:var(--muted);border-radius:9px;padding:7px 10px;min-height:34px;font-size:12px;font-weight:850}
.chart-range-btn.active{background:var(--grad);color:#fff;border-color:transparent}
.chart-range-btn svg{height:15px;width:15px;vertical-align:middle}
.chart-intro{color:var(--muted);font-size:12px;margin:0 0 13px}
.chart-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:15px}
.chart-metrics>div{border:1px solid var(--line);background:var(--panel2);padding:12px;border-radius:12px;min-width:0}
.chart-metrics small{display:block;font-size:11px;color:var(--muted);margin-bottom:6px}
.chart-metrics strong{display:block;font-size:18px;font-weight:850;overflow-wrap:anywhere;line-height:1.25}
.bot-chart-scroll{width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.bot-revenue-chart{display:block;width:100%;height:auto;min-width:490px;max-height:360px;color:var(--muted)}
.bot-revenue-chart .chart-label{fill:currentColor;font-size:14px;font-weight:650}
.bot-revenue-chart .chart-point-hotspot{cursor:crosshair;outline:none}
.bot-revenue-chart .chart-point-hotspot:hover,.bot-revenue-chart .chart-point-hotspot.selected,.bot-revenue-chart .chart-point-hotspot:focus-visible{fill:rgba(135,80,238,.14)}
.chart-detail{border-radius:12px;background:var(--panel2);display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:11px 14px;font-size:12px}
.chart-detail strong{font-size:13px}
.chart-detail span{color:var(--muted);text-align:right}
.chart-no-data{display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center;text-align:center;padding:25px 12px;background:var(--panel2);border:1px dashed var(--line);border-radius:14px;color:var(--muted);font-size:12px;line-height:1.6}
.chart-no-data svg{width:31px;height:31px}
.chart-no-data strong{color:var(--text);font-size:14px}
.chart-foot{font-size:11px;color:var(--muted);margin-top:11px}
.connection-test-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.connection-test-header p{flex:1 1 220px}
.connection-results{margin-top:16px}
.connection-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}
.connection-row:last-child{border-bottom:0}
.connection-row>div{min-width:0;flex:1}
.connection-row strong{font-size:13px}
.connection-row p{margin:5px 0 0;color:var(--muted);line-height:1.6;overflow-wrap:anywhere}
.connection-row small{display:block;margin-top:5px;color:var(--muted)}
.connection-row .badge{flex:0 0 auto}
@media(max-width:730px){
 .chart-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .chart-metrics strong{font-size:17px}
 .chart-range-btn{padding:6px 9px}
 .chart-detail{flex-direction:column;align-items:flex-start}
 .chart-detail span{text-align:left}
 .connection-test-header .btn{width:100%}
 .connection-row{gap:7px}
 .connection-row .badge{font-size:10px;padding:5px 7px}
}


/* Shared admin/user More page: equal Settings/Share heights and a restrained living Aurora gradient. */
.aurora-more-list{width:100%;gap:12px}
.aurora-more-share-cta{
 position:relative;isolation:isolate;display:grid;place-items:center;overflow:hidden;
 width:100%;min-width:0;min-height:0;height:auto;
 /* Match the existing More > Settings .card: 20px padding + 19px content + borders. */
 padding:20px;border:1px solid transparent;border-radius:21px;
 background:var(--grad);color:#fff;
 background-image:linear-gradient(115deg,#633be4 0%,#8950ed 25%,#bd56bb 51%,#8d47df 77%,#633be4 100%);
 background-size:250% 250%;
 animation:auroraShareFlow 9s ease-in-out infinite;
 box-shadow:0 4px 17px rgba(105,65,202,.13);
 font-weight:850;font-size:16px;line-height:19px;
 text-align:center;cursor:pointer;
 transform:scale(1);
 transition:transform .18s ease,box-shadow .18s ease;
 -webkit-tap-highlight-color:transparent;
}
.aurora-more-share-cta::before{
 content:"";position:absolute;z-index:0;pointer-events:none;
 left:-50%;top:0;bottom:0;width:42%;
 background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent);
 transform:translateX(0);animation:auroraShareShimmer 9s ease-in-out infinite;
}
.aurora-more-share-cta:focus-visible{outline:3px solid #b6a2ff;outline-offset:3px}
.aurora-more-share-cta:active{transform:scale(.985);box-shadow:0 2px 10px rgba(105,65,202,.12)}
.aurora-more-share-icon{
 position:absolute;z-index:1;left:20px;top:50%;transform:translateY(-50%);
 display:block;width:25px;height:25px;color:#fff;pointer-events:none;
}
.aurora-more-share-label{
 position:relative;z-index:1;display:block;width:100%;text-align:center;color:#fff;
 font:inherit;pointer-events:none;
}
@keyframes auroraShareFlow{
 0%,100%{background-position:0% 50%}
 50%{background-position:100% 50%}
}
@keyframes auroraShareShimmer{
 0%,15%{transform:translateX(0);opacity:0}
 25%{opacity:1}
 58%,100%{transform:translateX(480%);opacity:0}
}
@media(max-width:730px){
 /* Settings uses .card { padding:15px } on mobile; mirror that exact content height. */
 .aurora-more-share-cta{min-height:0;height:auto;padding:15px;border-radius:19px;font-size:16px;line-height:19px}
 .aurora-more-share-icon{left:20px;width:25px;height:25px}
}
@media(prefers-reduced-motion:reduce){
 .aurora-more-share-cta{animation:none;transition:none;background-position:50% 50%}
 .aurora-more-share-cta::before{animation:none;opacity:0}
}


/* Share-copy confirmation: dark rounded toast, green circular check, bottom-center. */
.aurora-copy-toast{
 position:fixed;z-index:250;
 left:50%;bottom:28px;transform:translate(-50%,15px);
 display:inline-flex;align-items:center;justify-content:center;gap:14px;
 width:max-content;max-width:calc(100vw - 32px);min-height:62px;
 padding:12px 24px 12px 17px;border-radius:15px;
 background:#1c1e26;color:#fff;
 box-shadow:0 14px 36px rgba(0,0,0,.22);
 font-size:15px;font-weight:550;line-height:1.25;
 white-space:nowrap;opacity:0;visibility:hidden;
 pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s;
}
.aurora-copy-toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
.aurora-copy-toast-check{
 display:grid;place-items:center;flex:0 0 40px;
 height:40px;width:40px;border-radius:50%;
 background:#30c76d;color:#fff;
}
.aurora-copy-toast-check svg{display:block;width:24px;height:24px}
.aurora-copy-toast-text{display:block;font-weight:500}
@media(max-width:730px){
 .aurora-copy-toast{
   bottom:calc(118px + env(safe-area-inset-bottom));
   min-height:61px;padding:11px 18px 11px 14px;
   border-radius:14px;font-size:14px;
 }
 .aurora-copy-toast-check{width:38px;height:38px;flex-basis:38px}
}
@media(max-width:360px){
 .aurora-copy-toast{font-size:12px;gap:10px;padding-inline:12px}
}
@media(prefers-reduced-motion:reduce){
 .aurora-copy-toast{transition:none}
}

/* Verified Affiliate RM tiers in original PayPing Aurora theme */

.aurora-tier-overview{padding:10px 4px 20px}.aurora-tier-overview strong{font-size:1.08rem}.aurora-tier-overview p,.aurora-tier-footer p{font-size:.85rem;line-height:1.55;color:var(--muted,#8993af);margin:7px 0 0}
.aurora-tier-bot{border:1px solid var(--border,#e2e4ee);border-radius:18px;padding:18px 20px;margin:12px 0;background:var(--card,#fff)}
.aurora-tier-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:15px;border-bottom:1px solid var(--border,#e2e4ee)}.aurora-tier-heading strong{display:block;font-size:1rem}.aurora-tier-heading small{display:block;color:var(--muted,#8993af);font-size:.78rem;margin-top:4px}
.aurora-tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px 0}
.aurora-tier-field{border:1px solid var(--border,#e2e4ee);border-radius:14px;padding:15px;display:grid;grid-template-columns:38px 1fr;align-items:start;gap:12px;min-width:0}.aurora-tier-number{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:#fff;font-weight:800;background:linear-gradient(130deg,#7751cf,#aa74f8)}.aurora-tier-field>div strong{display:block}.aurora-tier-field>div small{color:var(--muted,#8993af);display:block;margin-top:4px;font-size:.73rem}
.aurora-tier-amount{grid-column:1/-1;border:1px solid var(--border,#e2e4ee);background:var(--input-bg,#f7f7fb);border-radius:10px;padding:5px 10px;display:flex;align-items:center;gap:6px}.aurora-tier-amount span{color:#9566dc;font-weight:800}.aurora-tier-amount input{border:0!important;background:transparent!important;min-width:0!important;width:100%!important;box-shadow:none!important;font-weight:700;font-size:1.15rem!important;padding:6px!important}
.aurora-tier-footer{display:flex;align-items:center;justify-content:space-between;gap:20px}.aurora-tier-footer p{max-width:670px}.aurora-aff-level{display:flex;gap:16px;align-items:center;padding:14px}.aurora-aff-level .aurora-tier-number{width:52px;height:52px;font-size:1.15rem}.aurora-aff-level small{color:var(--muted,#8993af);font-size:.75rem;display:block}.aurora-aff-level strong{display:block;font-size:1.24rem}.aurora-aff-level p{margin:3px 0 0;font-size:.8rem;color:var(--muted,#8993af)}
@media(max-width:780px){.aurora-tier-grid{grid-template-columns:1fr}.aurora-tier-footer{align-items:stretch;flex-direction:column;gap:10px}.aurora-tier-footer button{width:100%}.bot-performance-row{flex-wrap:wrap}.bot-remove{margin-left:auto}}

.aurora-tier-user{padding:12px 2px;border-bottom:1px solid var(--border,#e2e4ee)}.aurora-tier-user>strong{font-size:.9rem;display:block;margin-bottom:10px}.aurora-tier-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.aurora-tier-mini>div{border:1px solid var(--border,#e2e4ee);border-radius:10px;padding:10px;min-width:0}.aurora-tier-mini>div.current{border-color:#9362e2;background:#9462dd12}.aurora-tier-mini small{color:var(--muted,#8993af);font-size:.7rem;display:block}.aurora-tier-mini strong{font-size:.85rem;display:block;margin-top:4px}@media(max-width:650px){.aurora-tier-mini{grid-template-columns:1fr}}
/* Commission Rules drill-down: Aurora concept #2 — bot directory -> dedicated editor. */

.commission-manager,.commission-detail-page{width:100%;max-width:1060px;margin:0 auto;min-width:0}
.commission-manager .aurora-heading{margin-bottom:22px}
.commission-list-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}
.commission-list-overview>div{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:17px 18px;display:flex;flex-direction:column;gap:3px}
.commission-stat-number{font-weight:900;font-size:25px;letter-spacing:-.7px;color:var(--text)}
.commission-list-overview small{font-size:12px;color:var(--muted);font-weight:650}
.commission-list-card{padding:22px}
.commission-list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}
.commission-list-head h2{font-size:21px;letter-spacing:-.55px;margin:0 0 5px}
.commission-list-head p{font-size:13px;color:var(--muted);margin:0}
.commission-toolbar{display:flex;align-items:center;gap:11px;margin-bottom:16px}
.commission-search{display:flex;align-items:center;gap:11px;flex:1;min-width:0;border:1px solid var(--line);background:var(--panel2);border-radius:14px;padding:0 14px;min-height:48px;color:var(--muted)}
.commission-search:focus-within{border-color:#925bf6;box-shadow:0 0 0 3px #975ff61c}
.commission-search input{width:100%;border:0;outline:none;background:transparent;color:var(--text);min-width:0;font-size:14px}
.commission-toolbar .select{max-width:170px;min-height:48px}
.commission-bot-list{display:grid;gap:9px}
.commission-bot-tile{display:flex;align-items:center;gap:14px;min-width:0;border:1px solid var(--line);border-radius:15px;background:var(--panel);padding:13px 15px;transition:border-color .16s,background .16s,transform .16s}
.commission-bot-tile:hover{border-color:#9e70f6;background:linear-gradient(100deg,#9555e906,#c08eff0c);transform:translateY(-1px)}
.commission-bot-tile:focus-visible{outline:3px solid #a776ef;outline-offset:2px}
.commission-bot-icon{flex:0 0 50px;height:50px;display:grid;place-items:center}
.commission-bot-icon .bot-avatar{width:50px;height:50px;border-radius:14px;font-size:19px;background:linear-gradient(135deg,#6c45ed,#bb80fb);color:#fff}
.commission-bot-icon img{width:50px;height:50px;border-radius:14px;object-fit:cover}
.commission-bot-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}
.commission-bot-info strong{font-size:14px;font-weight:830;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.commission-bot-info small{font-size:12px;color:var(--muted)}
.commission-bot-count{font-size:11px;color:var(--muted);margin-top:2px}
.commission-status{font-size:11px;line-height:1;white-space:nowrap;padding:9px 10px;border-radius:99px;font-weight:780}
.commission-configured{color:#087e58;background:#ddf8ea}
.commission-pending{color:#ac6b23;background:#fff2df}
.commission-chevron{transform:rotate(-90deg);color:var(--muted);width:20px;display:grid;place-items:center}
.commission-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:19px;font-size:12px;color:var(--muted)}
.commission-page-controls{display:flex;align-items:center;gap:12px}.commission-page-controls strong{color:var(--text);font-size:12px}
.commission-detail-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:2px 0 18px;font-size:13px;font-weight:800;color:var(--muted)}
.commission-back{display:inline-flex;align-items:center;gap:8px;padding:8px 0;color:var(--purple);font-weight:850}
.commission-back:hover{text-decoration:underline}
.commission-detail-card{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:var(--shadow)}
.commission-detail-bot{display:flex;align-items:center;gap:17px;margin-bottom:24px}
.commission-detail-avatar{flex:0 0 70px;width:70px;height:70px;display:grid;place-items:center}
.commission-detail-avatar .bot-avatar{width:70px;height:70px;border-radius:21px;background:linear-gradient(140deg,#6546ed,#b67afa);color:white;font-size:26px}
.commission-detail-avatar img{width:70px;height:70px;border-radius:21px;object-fit:cover}
.commission-detail-bot-copy{min-width:0;flex:1}
.commission-detail-bot-copy h1{font-size:23px;letter-spacing:-.55px;margin:0 0 5px;line-height:1.2}
.commission-detail-bot-copy small{font-size:13px;color:var(--muted)}
.commission-detail-status{margin-top:11px}
.commission-detail-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:27px}
.commission-detail-stats article{background:var(--panel2);border:1px solid var(--line);border-radius:15px;padding:15px;display:flex;flex-direction:column;gap:5px;min-width:0}
.commission-detail-stats article>span{color:var(--purple);margin-bottom:1px}
.commission-detail-stats article>strong{font-weight:900;font-size:20px;letter-spacing:-.4px;overflow-wrap:anywhere}
.commission-detail-stats article>small{font-size:11px;color:var(--muted)}
.commission-detail-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:16px}
.commission-detail-section-head h2{font-size:20px;margin:0 0 5px;letter-spacing:-.45px}
.commission-detail-section-head p{font-size:13px;margin:0;color:var(--muted)}
.commission-edit-list{display:grid;gap:10px}
.commission-edit-row{display:flex;align-items:center;gap:15px;border:1px solid var(--line);border-radius:16px;padding:13px 16px;min-width:0;background:var(--panel)}
.commission-edit-row:focus-within{border-color:#9255ed;box-shadow:0 0 0 3px #9255ed19}
.commission-level-icon{display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;background:linear-gradient(138deg,#7450ed,#c17af7);border-radius:14px;color:white;font-weight:850;font-size:17px}
.commission-level-label{flex:1;min-width:0}
.commission-level-label strong{display:block;font-size:14px;font-weight:850}
.commission-level-label small{display:block;font-size:12px;margin-top:4px;color:var(--muted)}
.commission-rm-field{display:flex;align-items:center;border:1px solid var(--line);border-radius:11px;background:var(--panel2);height:46px;gap:7px;padding:4px 10px;max-width:180px;width:40%;flex-shrink:0}
.commission-rm-field>span{font-size:13px;font-weight:900;color:var(--purple)}
.commission-rm-field>input{background:transparent!important;border:0!important;box-shadow:none!important;padding:5px 0!important;min-width:0!important;width:100%!important;font-weight:850;font-size:16px;min-height:auto}
.commission-explainer{display:flex;align-items:flex-start;gap:11px;background:linear-gradient(110deg,#8f5df514,#bd92f622);color:var(--text);padding:16px;border-radius:14px;margin:16px 0}
.commission-explainer>span{color:#8250ec}
.commission-explainer strong{font-size:13px;color:#7847df}
.commission-explainer p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.6}
.commission-save-bar{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
.commission-save-bar>.btn.primary{min-width:190px;background:linear-gradient(120deg,#613af4,#b624d8)}
.commission-copy-panel{background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:15px;margin-bottom:14px}
.commission-copy-panel>label{font-size:12px;font-weight:800}
.commission-copy-controls{display:flex;gap:10px;margin:9px 0}.commission-copy-controls .select{flex:1;min-width:0}
.commission-copy-panel small{font-size:11px;color:var(--muted)}
body.dark .commission-bot-tile:hover{background:#a66bfa10}
body.dark .commission-configured{background:#173d32;color:#a2f2c9}
body.dark .commission-pending{background:#4c3824;color:#ffd7a7}
body.dark .commission-explainer{background:linear-gradient(110deg,#7350ba30,#a158cd1f)}
body.dark .commission-explainer strong{color:#ceacff}
@media(max-width:730px){
 .commission-manager .aurora-heading{margin-bottom:17px}
 .commission-manager .aurora-heading h1{font-size:27px}
 .commission-list-overview{gap:8px;margin-bottom:12px}
 .commission-list-overview>div{padding:13px 10px;border-radius:13px}
 .commission-stat-number{font-size:22px}.commission-list-overview small{font-size:10px}
 .commission-list-card{padding:13px}
 .commission-list-head{align-items:center;margin-bottom:14px}
 .commission-list-head h2{font-size:18px}
 .commission-list-head p{font-size:11px;line-height:1.45}
 .commission-list-head .btn{font-size:11px;white-space:nowrap;padding:8px}
 .commission-toolbar{gap:8px;flex-wrap:nowrap;margin-bottom:13px}
 .commission-toolbar .select{max-width:116px;padding:9px;font-size:11px}
 .commission-search{min-height:44px;padding:0 10px}
 .commission-search input{font-size:13px}
 .commission-bot-list{gap:8px}
 .commission-bot-tile{gap:10px;padding:11px 9px}
 .commission-bot-icon,.commission-bot-icon img{flex-basis:43px;width:43px;height:43px}
 .commission-bot-icon .bot-avatar{width:43px;height:43px;border-radius:12px;font-size:16px}
 .commission-bot-info strong{font-size:13px}.commission-bot-info small{font-size:11px}
 .commission-bot-count{font-size:10px}
 .commission-status{padding:7px 8px;font-size:10px}
 .commission-chevron{width:14px}
 .commission-detail-nav{padding:1px 0 12px}
 .commission-detail-card{padding:16px;border-radius:18px}
 .commission-detail-bot{gap:12px;margin-bottom:16px}
 .commission-detail-avatar{width:56px;height:56px;flex-basis:56px}
 .commission-detail-avatar .bot-avatar,.commission-detail-avatar img{width:56px;height:56px;border-radius:16px;font-size:20px}
 .commission-detail-bot-copy h1{font-size:18px}
 .commission-detail-bot-copy small{font-size:11px}
 .commission-detail-status{margin-top:8px}
 .commission-detail-stats{gap:7px;margin-bottom:20px}
 .commission-detail-stats article{padding:10px 8px;border-radius:12px}
 .commission-detail-stats article>strong{font-size:16px}
 .commission-detail-stats article>small{font-size:10px}
 .commission-detail-section-head{align-items:flex-start;gap:9px;flex-wrap:wrap}
 .commission-detail-section-head h2{font-size:18px}
 .commission-detail-section-head p{font-size:11px}
 .commission-edit-row{padding:11px 10px;gap:10px}
 .commission-level-icon{width:39px;height:39px;border-radius:11px;font-size:15px}
 .commission-level-label strong{font-size:12px}
 .commission-level-label small{font-size:10px}
 .commission-rm-field{width:36%;padding:4px 7px}
 .commission-rm-field>input{font-size:14px}
 .commission-explainer{padding:12px}
 .commission-save-bar{position:sticky;bottom:calc(65px + env(safe-area-inset-bottom));z-index:4;background:var(--panel);border:1px solid var(--line);box-shadow:0 -7px 18px #11215511;border-radius:13px;padding:9px;gap:8px}
 .commission-save-bar>.btn{flex:1;min-width:0!important}
 .commission-pagination{font-size:11px}
}
@media(max-width:360px){
 .commission-bot-tile{gap:7px;padding:9px 7px}
 .commission-bot-info strong{font-size:12px}
 .commission-status{font-size:9px;padding:7px 5px}
 .commission-rm-field{width:34%;padding:4px 5px}
 .commission-rm-field>span{font-size:11px}
}


/* Deliberately isolated danger zone at the very end of Bot Settings. */
.bot-settings-remove-zone{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:6px 0 2px}
.bot-settings-remove-copy{flex:1;min-width:0}
.bot-settings-remove-copy strong{display:block;font-size:14px;font-weight:800;color:var(--text)}
.bot-settings-remove-copy p{font-size:12px;line-height:1.65;color:var(--muted);margin:7px 0 0;max-width:590px}
.bot-settings-remove-button{flex-shrink:0;min-width:126px;background:transparent}
@media(max-width:730px){
 .bot-settings-remove-zone{flex-direction:column;align-items:stretch;gap:15px}
 .bot-settings-remove-button{align-self:flex-end;min-width:146px}
}

/* Aurora floating bottom nav (mobile): inset pill bar with soft shadow and pill highlight on the active tab */
@media(max-width:730px){
 .mobile-nav.aurora-bottom-nav{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:calc(10px + env(safe-area-inset-bottom));gap:4px;padding:6px;border:1px solid rgba(255,255,255,.75);border-radius:30px;background:rgba(255,255,255,.93);-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px);box-shadow:0 12px 32px rgba(44,28,96,.16),0 2px 6px rgba(44,28,96,.06)}
 .mobile-nav.aurora-bottom-nav a{position:relative;min-height:56px;gap:3px;border-radius:24px;font-size:11px;font-weight:700;letter-spacing:.01em;color:#3a4057;-webkit-tap-highlight-color:transparent;transition:background-color .2s ease,color .2s ease,transform .12s ease}
 .mobile-nav.aurora-bottom-nav a svg{width:24px;height:24px}
 .mobile-nav.aurora-bottom-nav a:active{transform:scale(.94)}
 .mobile-nav.aurora-bottom-nav a.active{background:#f3edff;color:#7b3ae4}
 .mobile-nav.aurora-bottom-nav a:focus-visible{outline:2px solid #7b3ae4;outline-offset:-2px}
 .mobile-nav.aurora-bottom-nav .nav-badge{position:absolute;top:5px;left:calc(50% + 4px);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#e8326f;color:#fff;font-size:10px;font-weight:800;line-height:18px;text-align:center;box-shadow:0 0 0 2px #fff}
 body.dark .mobile-nav.aurora-bottom-nav{background:rgba(31,37,56,.92);border-color:rgba(255,255,255,.07);box-shadow:0 12px 32px rgba(0,0,0,.45)}
 body.dark .mobile-nav.aurora-bottom-nav a{color:#c4cade}
 body.dark .mobile-nav.aurora-bottom-nav a.active{background:#352b55;color:#dcc6ff}
 body.dark .mobile-nav.aurora-bottom-nav .nav-badge{box-shadow:0 0 0 2px #1f2538}
 .content.aurora-main{padding-bottom:calc(104px + env(safe-area-inset-bottom))}
}
@media(max-width:730px) and (prefers-reduced-motion:reduce){.mobile-nav.aurora-bottom-nav a{transition:none}.mobile-nav.aurora-bottom-nav a:active{transform:none}}
/* Aurora bottom fade (mobile): content melts into the page background behind the floating nav */
@media(max-width:730px){
 .aurora-layout:has(> .aurora-bottom-nav)::after{content:"";position:fixed;left:0;right:0;bottom:0;height:calc(128px + env(safe-area-inset-bottom));z-index:99;pointer-events:none;background:linear-gradient(to bottom,transparent 0%,var(--bg) 80%);background:linear-gradient(to bottom,transparent 0%,color-mix(in srgb,var(--bg) 55%,transparent) 32%,color-mix(in srgb,var(--bg) 92%,transparent) 62%,var(--bg) 84%)}
}

/* ===== Aurora motion layer (pairs with aurora-motion.js). Short, purposeful, off for reduced motion. ===== */

/* Page arrival: content rises in, slightly staggered */
@keyframes auroraEnter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.aurora-main.aurora-enter>*{animation:auroraEnter .26s cubic-bezier(.2,.75,.25,1) backwards}
.aurora-main.aurora-enter>*:nth-child(2){animation-delay:.03s}
.aurora-main.aurora-enter>*:nth-child(3){animation-delay:.06s}
.aurora-main.aurora-enter>*:nth-child(4){animation-delay:.09s}
.aurora-main.aurora-enter>*:nth-child(n+5){animation-delay:.12s}

/* Skeleton placeholders while a page loads */
@keyframes auroraShimmer{from{background-position:100% 0}to{background-position:-200% 0}}
.aurora-skeleton{display:grid;gap:14px}
.aurora-skeleton .sk{border-radius:14px;background:linear-gradient(90deg,var(--panel2) 0%,var(--line) 45%,var(--panel2) 90%);background-size:300% 100%;animation:auroraShimmer 1.3s linear infinite}
.aurora-skeleton .sk-eyebrow{width:150px;height:10px;border-radius:6px}
.aurora-skeleton .sk-title{width:min(340px,72%);height:30px;border-radius:10px}
.aurora-skeleton .sk-line{width:min(420px,88%);height:12px;border-radius:6px}
.aurora-skeleton .sk-hero{height:156px;border-radius:24px}
.aurora-skeleton .sk-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.aurora-skeleton .sk-tile{height:108px;border-radius:18px}
.aurora-skeleton .sk-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.aurora-skeleton .sk-card{height:220px;border-radius:20px}
@media(max-width:730px){.aurora-skeleton .sk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.aurora-skeleton .sk-columns{grid-template-columns:1fr}.aurora-skeleton .sk-hero{height:132px}}

/* Numbers counting up keep a steady width */
.aurora-counting{font-variant-numeric:tabular-nums}

/* Press feedback on touch screens */
@media(hover:none){.btn:active,.top-action:active,.row-item:active{transform:scale(.97)}}

@media(max-width:730px){
 /* Bottom nav: one pill slides between tabs, active icon pops */
 .aurora-bottom-nav .aurora-nav-pill{position:absolute;left:0;top:0;border-radius:24px;background:#f3edff;pointer-events:none;transition:transform .38s cubic-bezier(.3,1.25,.45,1),width .38s cubic-bezier(.3,1.25,.45,1),opacity .2s ease}
 .aurora-bottom-nav .aurora-nav-pill.no-anim{transition:none}
 .aurora-bottom-nav .aurora-nav-pill.is-hidden{opacity:0}
 .mobile-nav.aurora-bottom-nav.has-pill a.active{background:transparent}
 .mobile-nav.aurora-bottom-nav a{z-index:1}
 .mobile-nav.aurora-bottom-nav a.active svg{animation:auroraTabPop .34s cubic-bezier(.3,1.4,.5,1)}
 body.dark .aurora-bottom-nav .aurora-nav-pill{background:#352b55}

 /* Header stays on top and turns frosted once the page scrolls */
 .mobile-header{position:sticky;top:0;z-index:95;transition:background-color .25s ease,box-shadow .25s ease}
 .mobile-header .brand,.mobile-header .top-action{transition:transform .25s cubic-bezier(.2,.7,.2,1)}
 .mobile-header .brand{transform-origin:left center}
 html.aurora-scrolled .mobile-header{background:color-mix(in srgb,var(--bg) 84%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);box-shadow:0 1px 0 var(--line)}
 html.aurora-scrolled .mobile-header .brand{transform:scale(.86)}
 html.aurora-scrolled .mobile-header .top-action{transform:scale(.9)}

 /* Swipe back moves the page with the finger */
 .aurora-main{transition:transform .22s cubic-bezier(.2,.8,.2,1)}

 /* Share dialog becomes a bottom sheet with a grab handle */
 .aurora-share-backdrop{padding:0;align-items:flex-end}
 .aurora-share-modal{width:100%;max-width:none;border-radius:26px 26px 0 0;border-bottom:0;padding:12px 20px calc(22px + env(safe-area-inset-bottom));animation:auroraSheetUp .34s cubic-bezier(.2,.85,.25,1) backwards;transition:transform .28s cubic-bezier(.2,.85,.25,1)}
 .aurora-share-modal::before{content:"";display:block;width:40px;height:5px;border-radius:3px;background:var(--line);margin:0 auto 14px}
}
@keyframes auroraTabPop{0%{transform:scale(.8)}60%{transform:scale(1.12)}100%{transform:scale(1)}}
@keyframes auroraFade{from{opacity:0}}
@keyframes auroraPopIn{from{opacity:0;transform:translateY(10px) scale(.97)}}
@keyframes auroraSheetUp{from{transform:translateY(100%)}}
.aurora-share-backdrop{animation:auroraFade .2s ease backwards}
@media(min-width:731px){.aurora-share-modal{animation:auroraPopIn .26s cubic-bezier(.2,.8,.2,1) backwards}}

/* Toasts: icon by kind, check mark draws itself, slides up above the nav on mobile */
#toast{display:flex;align-items:center;gap:10px;transition:opacity .22s ease,transform .32s cubic-bezier(.25,1.3,.45,1)}
#toast .aurora-toast-icon{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);color:#fff}
#toast .aurora-toast-icon svg{width:14px;height:14px}
#toast.aurora-toast-success .aurora-toast-icon{background:#1fb985}
#toast.aurora-toast-error .aurora-toast-icon{background:#ec4a6b}
#toast.aurora-toast-success.show .aurora-check-path{stroke-dasharray:22;stroke-dashoffset:22;animation:auroraCheck .38s .12s cubic-bezier(.4,0,.2,1) forwards}
@keyframes auroraCheck{to{stroke-dashoffset:0}}
@media(max-width:730px){
 #toast{top:auto;left:16px;right:16px;max-width:none;bottom:calc(100px + env(safe-area-inset-bottom));transform:translateY(18px) scale(.97);border-radius:16px}
 #toast.show{transform:none}
}

/* Pull to refresh indicator */
.aurora-ptr{position:fixed;left:50%;top:calc(env(safe-area-inset-top) + 74px);z-index:150;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--panel);color:#7b3ae4;box-shadow:0 6px 20px rgba(44,28,96,.18);opacity:0;transform:translate(-50%,-44px);transition:opacity .2s ease,transform .3s cubic-bezier(.2,.8,.2,1),background-color .15s ease,color .15s ease;pointer-events:none}
.aurora-ptr svg{width:20px;height:20px}
.aurora-ptr.is-armed{color:#fff;background:#7b3ae4}
.aurora-ptr.is-spinning svg{animation:auroraSpin .7s linear infinite}
@keyframes auroraSpin{to{transform:rotate(360deg)}}

@media(prefers-reduced-motion:reduce){
 .aurora-main.aurora-enter>*,.aurora-skeleton .sk,.aurora-share-backdrop,.aurora-share-modal,.mobile-nav.aurora-bottom-nav a.active svg,.aurora-ptr.is-spinning svg,#toast.aurora-toast-success.show .aurora-check-path{animation:none!important}
 #toast.aurora-toast-success.show .aurora-check-path{stroke-dashoffset:0}
 .aurora-bottom-nav .aurora-nav-pill,#toast,.mobile-header,.mobile-header .brand,.mobile-header .top-action,.aurora-main,.aurora-ptr{transition:none!important}
}

/* ===== Aurora Account tab: brand band, shortcut tiles, balance row, flat lists, logout last ===== */
.aurora-account-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:26px 22px 28px;border-radius:24px;background:var(--grad);color:#fff}
.aurora-account-hero-text{min-width:0}
.aurora-account-hero h1{display:flex;align-items:center;gap:10px;margin:0;font-size:26px;line-height:1.2;color:#fff}
.aurora-account-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aurora-account-role{flex:none;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.22);color:#fff;font-size:11px;font-weight:800;letter-spacing:.06em}
.aurora-account-view{display:inline-block;margin-top:6px;color:#fff;font-size:15px;font-weight:700;text-decoration:none;opacity:.95}
.aurora-account-gear{flex:none;display:grid;place-items:center;width:42px;height:42px;margin:-6px -8px 0 0;border-radius:14px;color:#fff}
.aurora-account-gear svg{width:24px;height:24px}
.aurora-account-gear:active{background:rgba(255,255,255,.16)}
.aurora-account-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
.aurora-account-tile{display:grid;justify-items:center;gap:8px;padding:16px 8px 14px;border-radius:16px;border:1px solid var(--line);background:var(--panel);color:var(--text);text-decoration:none;font-size:14px;font-weight:600;text-align:center}
.aurora-account-tile svg{width:24px;height:24px}
.aurora-account-tile span{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aurora-account-tile:active{background:var(--panel2)}
.aurora-account-balance{display:flex;align-items:center;gap:12px;margin-top:12px;padding:16px;border-radius:16px;border:1px solid var(--line);background:var(--panel);color:var(--text);text-decoration:none}
.aurora-account-balance-icon{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--grad);color:#fff}
.aurora-account-balance-icon svg{width:18px;height:18px}
.aurora-account-balance-label{flex:1;min-width:0;font-weight:700;font-size:15px}
.aurora-account-balance strong{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}
.aurora-account-group h2{margin:22px 0 4px;font-size:19px;font-weight:800;color:var(--text)}
.aurora-account-row{display:flex;align-items:center;gap:16px;min-height:62px;padding:0 2px;color:var(--text);text-decoration:none;border-bottom:1px solid var(--line)}
.aurora-account-row strong{flex:1;min-width:0;font-size:16px;font-weight:500}
.aurora-account-row-icon{flex:none;display:grid;color:var(--text)}
.aurora-account-row-icon svg{width:22px;height:22px}
.aurora-account-row-chevron{flex:none;display:grid;color:var(--muted)}
.aurora-account-row-chevron svg{width:20px;height:20px}
.aurora-account-row:active{background:var(--panel2)}
@media(hover:hover){.aurora-account-row:hover strong,.aurora-account-tile:hover,.aurora-account-balance:hover{color:#6f3ce7}}
.aurora-more-list .aurora-more-share-cta{margin-top:22px}
.aurora-account-logout{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;margin-top:6px;border-radius:16px;border:1px solid var(--line);background:var(--panel);color:#cf3558;font:inherit;font-size:15px;font-weight:700;cursor:pointer}
.aurora-account-logout svg{width:18px;height:18px}
body.dark .aurora-account-logout{color:#ff8aa3}
@media(max-width:730px){
 /* Like other apps, the Account band replaces the app header and runs to the top edge. */
 .aurora-layout:has(.aurora-account-hero) .mobile-header{display:none}
 .aurora-account-hero{margin:-13px -16px 0;padding:calc(env(safe-area-inset-top) + 28px) 22px 26px;border-radius:0 0 26px 26px}
 /* Local demo only: keep the band at the top edge exactly as it looks live. */
 .aurora-main:has(.aurora-account-hero)>.aurora-preview-banner{display:none}
}

/* ===== Mobile header search ===== */
.mobile-search{display:none}
@media(max-width:730px){
 .mobile-header.is-searching .brand,.mobile-header.is-searching .actions{display:none}
 .mobile-header.is-searching .mobile-search{display:flex;align-items:center;gap:12px;width:100%;position:relative;animation:auroraSearchIn .22s cubic-bezier(.2,.8,.2,1) backwards}
 .mobile-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);display:grid;color:var(--muted);pointer-events:none}
 .mobile-search-icon svg{width:18px;height:18px}
 .mobile-search input{flex:1;min-width:0;height:46px;padding:0 14px 0 42px;border-radius:15px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-size:16px;outline:none;-webkit-appearance:none;appearance:none}
 .mobile-search input:focus{border-color:#7b3ae4;box-shadow:0 0 0 3px rgba(123,58,228,.16)}
 .mobile-search-cancel{flex:none;border:0;background:none;padding:8px 2px;color:#7b3ae4;font:inherit;font-size:15px;font-weight:700;cursor:pointer}
 body.dark .mobile-search-cancel{color:#cdb4ff}
}
@keyframes auroraSearchIn{from{opacity:0;transform:translateX(12px)}}

/* ===== Unread badge on the bell ===== */
.top-action .nav-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#e8326f;color:#fff;font-size:10px;font-weight:800;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--bg);animation:auroraTabPop .3s cubic-bezier(.3,1.4,.5,1)}
@media(prefers-reduced-motion:reduce){.top-action .nav-badge,.mobile-header.is-searching .mobile-search{animation:none!important}.aurora-account-row{transition:none}}

/* ===== Aurora Settings: grouped sections, switches, theme segment, folded setup notes ===== */
.aurora-settings{display:grid;gap:4px;max-width:760px}
.aurora-set-section h2{margin:18px 4px 8px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.aurora-set-section:first-child h2{margin-top:4px}
.aurora-set-card{border-radius:20px;background:var(--panel);border:1px solid var(--line);overflow:hidden}
.aurora-set-row{display:flex;align-items:center;gap:14px;min-height:64px;padding:12px 16px;color:var(--text);text-decoration:none}
.aurora-set-row+.aurora-set-row{border-top:1px solid var(--line)}
.aurora-set-text{flex:1;min-width:0;display:grid;gap:2px}
.aurora-set-text strong{font-size:15px;font-weight:650;overflow-wrap:anywhere}
.aurora-set-text small{font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.aurora-set-icon{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--panel2);color:#6f3ce7}
body.dark .aurora-set-icon{color:#cdb4ff}
.aurora-set-icon svg{width:19px;height:19px}
.aurora-set-avatar{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--grad);color:#fff;font-size:20px;font-weight:800}
.aurora-set-form{display:grid;gap:8px;align-items:stretch}
.aurora-set-form .field-label{margin:0}
.aurora-set-inline{display:flex;gap:10px}
.aurora-set-inline .field{flex:1;min-width:0;margin:0}
.aurora-set-inline .btn{flex:none}
.aurora-set-link .aurora-set-chevron{flex:none;display:grid;color:var(--muted)}
.aurora-set-link .aurora-set-chevron svg{width:20px;height:20px}
@media(hover:hover){.aurora-set-link:hover{background:var(--panel2)}}
.aurora-set-link:active{background:var(--panel2)}
.aurora-set-actions{display:grid;gap:10px;justify-items:start;min-height:0;padding-top:4px}
.aurora-set-row+.aurora-set-actions{border-top:0}
.aurora-set-details{width:100%}
.aurora-set-details summary{cursor:pointer;color:var(--muted);font-size:13px;font-weight:700;list-style:none;display:inline-flex;align-items:center;gap:6px;padding:4px 0}
.aurora-set-details summary::-webkit-details-marker{display:none}
.aurora-set-details summary::before{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .2s ease}
.aurora-set-details[open] summary::before{transform:rotate(45deg)}
.aurora-set-details p{margin:8px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}
/* iOS-style switch */
.aurora-switch{-webkit-appearance:none;appearance:none;flex:none;position:relative;width:50px;height:30px;margin:0;border-radius:999px;background:var(--line);cursor:pointer;transition:background-color .2s ease}
.aurora-switch::after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(20,16,50,.22);transition:transform .22s cubic-bezier(.3,1.3,.5,1)}
.aurora-switch:checked{background:#7b3ae4}
.aurora-switch:checked::after{transform:translateX(20px)}
.aurora-switch:focus-visible{outline:2px solid #7b3ae4;outline-offset:2px}
.aurora-switch:disabled{opacity:.6}
/* Theme segment */
.aurora-segment{flex:none;display:inline-flex;padding:3px;border-radius:12px;background:var(--panel2);border:1px solid var(--line)}
.aurora-segment button{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.aurora-segment button svg{width:16px;height:16px}
.aurora-segment button.active{background:var(--panel);color:var(--text);box-shadow:0 1px 4px rgba(20,16,50,.12)}
.aurora-set-back{display:inline-flex;align-items:center;gap:6px;margin:2px 0 10px;color:#6f3ce7;font-weight:700;text-decoration:none}
body.dark .aurora-set-back{color:#cdb4ff}
.aurora-set-back svg{width:18px;height:18px}
.aurora-set-logout{justify-self:start;margin-top:18px}
@media(min-width:731px){.aurora-set-back{display:none}}
@media(prefers-reduced-motion:reduce){.aurora-switch,.aurora-switch::after,.aurora-set-details summary::before{transition:none}}

/* ===== Declutter layer ===== */
/* Stat tiles: hint colour by meaning, numbers never wrap, text values sized down */
.aurora-stat small,.card.stat .hint{color:var(--muted)}
.aurora-stat.tone-good small,.card.stat.tone-good .hint{color:#0f9f6e}
.aurora-stat.tone-warn small,.card.stat.tone-warn .hint{color:#c27a12}
.aurora-stat.tone-bad small,.card.stat.tone-bad .hint{color:#d63c5e}
body.dark .aurora-stat.tone-good small,body.dark .card.stat.tone-good .hint{color:#4fd6a4}
body.dark .aurora-stat.tone-warn small,body.dark .card.stat.tone-warn .hint{color:#f3b45a}
body.dark .aurora-stat.tone-bad small,body.dark .card.stat.tone-bad .hint{color:#ff8aa3}
.aurora-stat strong,.card.stat .value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.aurora-stat strong.is-text,.card.stat .value.is-text{font-size:17px;text-transform:capitalize;white-space:normal}

/* Long notes fold to two lines */
.notice.is-clamped .notice-body{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.notice-more{margin-top:4px;padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:2px;cursor:pointer}

/* Back buttons become a light link */
.btn.aurora-back-link{min-width:0;min-height:0;padding:4px 2px;border:0;background:none;box-shadow:none;color:#6f3ce7;font-size:14px;font-weight:700}
body.dark .btn.aurora-back-link{color:#cdb4ff}

@media(max-width:730px){
 /* Shorter page heads: title only */
 .page-head .sub,.aurora-eyebrow,.aurora-heading>p.muted{display:none}
 .page-head h1,.aurora-heading h1{font-size:26px;line-height:1.15;text-wrap:balance}
 .page-head{gap:8px;margin-bottom:12px}
 .aurora-quick{display:none}

 /* Tables become stacked rows */
 .table-wrap:has(table.aurora-cardify){overflow:visible;border:0;background:none}
 table.aurora-cardify,table.aurora-cardify tbody{display:block;width:100%}
 table.aurora-cardify thead{display:none}
 table.aurora-cardify tr{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;padding:14px 2px;border-bottom:1px solid var(--line)}
 table.aurora-cardify tr:last-child{border-bottom:0}
 table.aurora-cardify tr.is-full{display:block}
 table.aurora-cardify td{display:flex;justify-content:space-between;gap:12px;padding:0;border:0;min-width:0;font-size:13px;color:var(--muted);grid-column:1/-1}
 table.aurora-cardify td::before{content:attr(data-label);font-weight:600;color:var(--muted);opacity:.85}
 table.aurora-cardify td>*{min-width:0;overflow-wrap:anywhere;text-align:right}
 table.aurora-cardify td.cell-title{grid-column:1;font-size:15px;font-weight:700;color:var(--text)}
 table.aurora-cardify td.cell-title::before,table.aurora-cardify td.cell-status::before,table.aurora-cardify td.cell-action::before{content:none}
 table.aurora-cardify td.cell-title>*{text-align:left}
 table.aurora-cardify td.cell-status{grid-column:2;grid-row:1;justify-content:flex-end}
 table.aurora-cardify td.cell-empty{display:none}
 table.aurora-cardify td.cell-action{justify-content:flex-start;margin-top:6px}
 table.aurora-cardify td.cell-action .btn{min-width:0}
 table.aurora-cardify tr.is-full td{display:block}
 table.aurora-cardify tr.is-full td::before{content:none}
}
@media(max-width:730px){
 /* Payment rows: "user ...... amount" then "id · bot · date ...... status" */
 table.tx-cards tr{display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;padding:13px 4px}
 table.tx-cards td{display:block;grid-column:auto;font-size:13px}
 table.tx-cards td::before{content:none}
 table.tx-cards td.cell-title{order:1;flex:1 1 60%;font-size:15px}
 table.tx-cards td[data-label="Amount"]{order:2;flex:0 0 auto;margin-left:auto;color:var(--text);font-size:15px}
 table.tx-cards td[data-label="Transaction ID"]{order:3}
 table.tx-cards td[data-label="Bot"]{order:4}
 table.tx-cards td[data-label="Affiliate"]{order:5}
 table.tx-cards td[data-label="Date"]{order:6}
 table.tx-cards td[data-label="Transaction ID"],table.tx-cards td[data-label="Bot"],table.tx-cards td[data-label="Affiliate"],table.tx-cards td[data-label="Date"]{color:var(--muted);font-size:12px}
 table.tx-cards td[data-label="Bot"]::before,table.tx-cards td[data-label="Affiliate"]::before,table.tx-cards td[data-label="Date"]::before{content:"·";margin:0 6px;opacity:.6;font-weight:400}
 table.tx-cards td[data-label="Transaction ID"] a{font-weight:600}
 table.tx-cards td.cell-status{order:7;margin-left:auto;grid-row:auto}
 table.tx-cards td.cell-action{display:none}
 table.tx-cards tr.is-tappable{cursor:pointer;border-radius:12px;transition:background-color .15s ease}
 table.tx-cards tr.is-tappable:active{background:var(--panel2)}

 /* Stat tiles: one compact row of four */
 .grid.four:has(>.card.stat){grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
 .grid.four>.card.stat{padding:12px 10px;border-radius:16px;min-height:0}
 .grid.four>.card.stat .ic,.grid.four>.card.stat .hint{display:none}
 .grid.four>.card.stat .label{font-size:11px;line-height:1.25;min-height:28px}
 .grid.four>.card.stat .value{font-size:20px;margin-top:4px}
 .grid.four>.card.stat .value.is-text{font-size:13px}
}
@media(max-width:730px){
 table.tx-cards td[data-label="Transaction ID"]{max-width:40%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 table.tx-cards td[data-label="Date"],table.tx-cards td[data-label="Bot"]{white-space:nowrap}
 table.tx-cards td.cell-status .badge{font-size:10px;padding:3px 8px}
}

/* ===== Icons (Phosphor): regular by default, filled when the tab is active ===== */
svg.ph{flex:none;vertical-align:-.15em}
svg.ph .ph-f{display:none}
.aurora-bottom-nav a.active svg.ph .ph-r,.side-nav a.active svg.ph .ph-r,.aurora-segment button.active svg.ph .ph-r{display:none}
.aurora-bottom-nav a.active svg.ph .ph-f,.side-nav a.active svg.ph .ph-f,.aurora-segment button.active svg.ph .ph-f{display:inline}
.aurora-lime svg.ph{width:13px;height:13px;margin-right:2px}
.side-ad strong svg.ph{width:16px;height:16px;vertical-align:-2px}
.aurora-medal{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--panel2);color:var(--muted)}
.aurora-medal svg.ph{width:19px;height:19px}
.aurora-medal.rank-1{background:linear-gradient(135deg,#ffe48a,#f5b82e);color:#7a4a00}
.aurora-medal.rank-2{background:linear-gradient(135deg,#eef1f6,#c5ccd8);color:#4b5568}
.aurora-medal.rank-3{background:linear-gradient(135deg,#f6d2b4,#d8925c);color:#6b3410}

/* ===== Buttons: every state ===== */
.btn{position:relative;transition:transform .15s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease,filter .2s ease;-webkit-tap-highlight-color:transparent}
@media(hover:hover){
 .btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(44,28,96,.10);filter:none}
 .btn.primary:not(:disabled):hover{box-shadow:0 8px 22px rgba(111,60,231,.32);filter:saturate(1.08) brightness(1.04)}
}
.btn:not(:disabled):active{transform:scale(.97);box-shadow:none}
.btn:focus-visible{outline:2px solid #7b3ae4;outline-offset:2px}
.btn:disabled,.btn[disabled]{background:var(--panel2);color:var(--muted);border:1px solid var(--line);box-shadow:none;filter:none;opacity:1;cursor:not-allowed}
.btn.is-loading{color:transparent!important;pointer-events:none}
.btn.is-loading>*{visibility:hidden}
.btn.is-loading::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;border:2px solid currentColor;border-color:#7b3ae4 #7b3ae4 transparent transparent;animation:auroraSpin .7s linear infinite}
.btn.primary.is-loading::after{border-color:#fff #fff transparent transparent}
.btn.is-done{background:#1fb985!important;border-color:#1fb985!important;color:transparent!important}
.btn.is-done>*{visibility:hidden}
.btn.is-done::after{content:"";position:absolute;left:50%;top:50%;width:6px;height:11px;margin:-8px 0 0 -3px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) scale(.4);animation:auroraTick .3s cubic-bezier(.3,1.4,.5,1) forwards}
@keyframes auroraTick{to{transform:rotate(45deg) scale(1)}}
@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn:not(:disabled):hover,.btn:not(:disabled):active{transform:none}.btn.is-loading::after{animation-duration:1.6s}}

/* ===== Sliding indicators ===== */
.tabs.has-ink{position:relative}
.tabs.has-ink .tab.active{border-bottom-color:transparent}
.aurora-ink-tab{position:absolute;left:0;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--grad);pointer-events:none;transition:transform .34s cubic-bezier(.3,1.2,.45,1),width .34s cubic-bezier(.3,1.2,.45,1)}
.tab{transition:color .2s ease}
.aurora-segment.has-ink{position:relative}
.aurora-segment.has-ink button{position:relative;z-index:1}
.aurora-segment.has-ink button.active{background:transparent;box-shadow:none}
.aurora-ink-seg{position:absolute;left:0;top:3px;bottom:3px;border-radius:9px;background:var(--panel);box-shadow:0 1px 4px rgba(20,16,50,.12);pointer-events:none;transition:transform .32s cubic-bezier(.3,1.25,.45,1),width .32s cubic-bezier(.3,1.25,.45,1)}
/* Tab content enters from the side it came from */
@keyframes auroraEnterRight{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
@keyframes auroraEnterLeft{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}
.aurora-main.aurora-enter.from-right>*:not(.page-head):not(.bot-profile):not(.tabs){animation-name:auroraEnterRight}
.aurora-main.aurora-enter.from-left>*:not(.page-head):not(.bot-profile):not(.tabs){animation-name:auroraEnterLeft}
.aurora-main.aurora-enter.from-right>.page-head,.aurora-main.aurora-enter.from-right>.bot-profile,.aurora-main.aurora-enter.from-right>.tabs,.aurora-main.aurora-enter.from-left>.page-head,.aurora-main.aurora-enter.from-left>.bot-profile,.aurora-main.aurora-enter.from-left>.tabs{animation:none}
@media(prefers-reduced-motion:reduce){.aurora-ink-tab,.aurora-ink-seg{transition:none}}
@media(max-width:730px){
 .grid.four.has-long-values:has(>.card.stat){grid-template-columns:repeat(2,minmax(0,1fr))}
 .grid.four.has-long-values>.card.stat .label{min-height:0}
}

/* ===== Bot Detail ===== */
.card .aurora-account-row:last-child{border-bottom:0}
.card .aurora-account-row .badge,.card .aurora-account-row .small{flex:none}
@media(max-width:730px){
 .aurora-main:has(.bot-profile) .page-head h1{display:none}
 .aurora-main:has(.bot-profile) .page-head{flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:6px}
 .bot-profile{display:grid;grid-template-columns:56px 1fr auto;gap:4px 14px;align-items:center;padding:16px}
 .bot-profile>.avatar,.bot-profile>img,.bot-profile>span:first-child{width:56px!important;height:56px!important;font-size:22px;grid-row:span 2}
 .bot-profile>div{min-width:0}
 .bot-profile h2{margin:0;font-size:19px;line-height:1.2}
 .bot-profile small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .bot-profile p{margin:4px 0 0}
 .bot-profile .btn.sm{min-width:0;margin-top:10px;margin-right:6px}
 .bot-profile>.badge{align-self:start;grid-column:3;grid-row:1}
}
@media(max-width:730px){
 .bot-profile{position:relative;grid-template-columns:56px 1fr}
 .bot-profile>.badge{position:absolute;top:16px;right:16px}
 .bot-profile h2{padding-right:72px}
 .bot-profile .btn.sm{font-size:12px;padding:7px 11px;margin-top:8px}
}

/* ===== Living data ===== */
svg.bot-revenue-chart,svg.analytics-svg{touch-action:pan-y;cursor:crosshair}
.aurora-value-changed{color:#6f3ce7}
body.dark .aurora-value-changed{color:#cdb4ff}
@keyframes auroraPulseRing{0%{box-shadow:0 0 0 0 currentColor}70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}
@keyframes auroraRowFlash{0%{background:rgba(123,58,228,.12)}100%{background:transparent}}
.badge.aurora-status-pulse{animation:auroraPulseRing 1.1s ease-out 2}
.aurora-row-flash{animation:auroraRowFlash 1.6s ease-out}
@media(prefers-reduced-motion:reduce){.badge.aurora-status-pulse,.aurora-row-flash{animation:none}}

/* ===== Reminder editor ===== */
.studio-status{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.studio-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--panel2);border:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:700}
.studio-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.55}
.studio-pill.is-on{color:#0f9f6e;background:rgba(31,185,133,.1);border-color:rgba(31,185,133,.25)}
.studio-pill.is-off{color:#c27a12;background:rgba(240,163,52,.1);border-color:rgba(240,163,52,.25)}
.studio-pill:not(.is-on):not(.is-off)::before{content:none}
.studio-status-note{margin:0 0 12px}
.studio-step{border:1px solid var(--line);border-radius:16px;background:var(--panel);margin:12px 0;overflow:hidden}
.studio-step>summary{display:flex;align-items:center;gap:10px;padding:14px 16px;cursor:pointer;list-style:none}
.studio-step>summary::-webkit-details-marker{display:none}
.studio-step>summary::after{content:"";margin-left:8px;width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg) translateY(-2px);transition:transform .2s ease;flex:none}
.studio-step[open]>summary::after{transform:rotate(-135deg) translateY(-2px)}
.studio-step-num{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--grad);color:#fff;font-size:13px;font-weight:800}
.studio-step-title{font-weight:800;font-size:15px}
.studio-step-sum{flex:1;min-width:0;text-align:right;color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.studio-step-body{padding:0 16px 16px}
.studio-step[open] .studio-step-body{animation:auroraFade .25s ease}
.studio-preview-fab,.studio-sheet-backdrop,.studio-sheet-close{display:none}
@media(max-width:730px){
 .studio-preview.studio-sheet{position:fixed;top:auto;left:0;right:0;bottom:0;z-index:310;margin:0;max-height:82dvh;overflow:auto;border-radius:26px 26px 0 0;padding:14px 18px calc(24px + env(safe-area-inset-bottom));transform:translateY(105%);transition:transform .34s cubic-bezier(.2,.85,.25,1);box-shadow:0 -10px 40px rgba(20,16,50,.2)}
 .studio-preview.studio-sheet::before{content:"";display:block;width:40px;height:5px;border-radius:3px;background:var(--line);margin:0 auto 12px}
 .studio-preview.studio-sheet.is-open{transform:none}
 .studio-sheet-close{display:grid;place-items:center;position:absolute;top:12px;right:14px;width:36px;height:36px;border-radius:12px;border:1px solid var(--line);background:var(--panel2);color:var(--text)}
 .studio-sheet-backdrop{display:block;position:fixed;inset:0;z-index:305;background:rgba(8,11,29,.5);opacity:0;pointer-events:none;transition:opacity .25s ease}
 .studio-sheet-backdrop.is-open{opacity:1;pointer-events:auto}
 .studio-preview-fab{display:inline-flex;align-items:center;gap:8px;position:fixed;right:max(16px,env(safe-area-inset-right));bottom:calc(100px + env(safe-area-inset-bottom));z-index:120;padding:12px 18px;border:0;border-radius:999px;background:var(--grad);color:#fff;font:inherit;font-size:14px;font-weight:800;box-shadow:0 10px 26px rgba(111,60,231,.4);animation:auroraPopIn .3s cubic-bezier(.3,1.3,.5,1) backwards}
 .studio-preview-fab:active{transform:scale(.95)}
}
@media(prefers-reduced-motion:reduce){.studio-preview.studio-sheet,.studio-sheet-backdrop{transition:none}.studio-preview-fab,.studio-step[open] .studio-step-body{animation:none}}
@media(max-width:730px){
 .bot-profile .bot-avatar-refresh{font-size:0;gap:0;padding:7px 9px}
 .bot-profile .bot-avatar-refresh svg{width:16px;height:16px}
 .tabs{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%)}
}
.studio-emoji-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.studio-emoji-tools>*{margin:0}
.studio-help strong{font-size:14px}
.studio-help{padding:14px}

/* ===== Signature moments ===== */
/* Shared avatar flight into Bot Detail */
::view-transition-group(bot-hero){animation-duration:.46s;animation-timing-function:cubic-bezier(.2,.85,.25,1)}
::view-transition-old(root),::view-transition-new(root){animation-duration:.26s}

/* Illustrated empty states */
.empty.aurora-empty{display:grid;justify-items:center;gap:10px;padding:28px 18px}
.aurora-empty-art{position:relative;width:76px;height:76px}
.aurora-empty-icon{position:absolute;inset:6px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff 0,#f1e9ff 55%,#e6dafd 100%);color:#7b3ae4;box-shadow:0 10px 24px rgba(111,60,231,.18);animation:auroraFloat 4.5s ease-in-out infinite}
body.dark .aurora-empty-icon{background:radial-gradient(circle at 30% 25%,#3a3160 0,#2b2448 60%,#231d3b 100%);color:#cdb4ff;box-shadow:none}
.aurora-empty-spark{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--grad);opacity:.8;animation:auroraTwinkle 2.6s ease-in-out infinite}
.aurora-empty-spark.s1{top:2px;right:4px}
.aurora-empty-spark.s2{bottom:8px;left:0;width:6px;height:6px;animation-delay:1.1s}
.aurora-empty-action{margin-top:4px;min-width:0}
@keyframes auroraFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes auroraTwinkle{0%,100%{transform:scale(.6);opacity:.4}50%{transform:scale(1.15);opacity:1}}

/* Milestone celebration */
.aurora-celebrate{position:fixed;inset:0;z-index:400;display:grid;place-items:center;pointer-events:none;background:radial-gradient(circle at center,rgba(123,58,228,.16),transparent 60%);animation:auroraFade .2s ease}
.aurora-celebrate.is-leaving{opacity:0;transition:opacity .35s ease}
.aurora-celebrate-badge{position:relative;width:96px;height:96px;display:grid;place-items:center;border-radius:50%;background:#fff;box-shadow:0 18px 50px rgba(44,28,96,.28);animation:auroraBadgeIn .5s cubic-bezier(.3,1.5,.5,1) both}
body.dark .aurora-celebrate-badge{background:#1f2538}
.aurora-celebrate-badge svg{width:62px;height:62px;fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.aurora-celebrate-badge circle{stroke:#1fb985;stroke-dasharray:151;stroke-dashoffset:151;animation:auroraDraw .45s .1s ease-out forwards}
.aurora-celebrate-badge path{stroke:#1fb985;stroke-dasharray:40;stroke-dashoffset:40;animation:auroraDraw .32s .45s ease-out forwards}
.aurora-burst{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px;border-radius:50%;background:var(--grad);transform:rotate(var(--a)) translateY(0) scale(.3);opacity:0;animation:auroraBurst .7s .35s cubic-bezier(.2,.8,.3,1) forwards}
.aurora-burst:nth-child(3n){background:#1fb985}
.aurora-burst:nth-child(4n){background:#f5b82e}
@keyframes auroraBadgeIn{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes auroraDraw{to{stroke-dashoffset:0}}
@keyframes auroraBurst{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(.4)}100%{opacity:0;transform:rotate(var(--a)) translateY(calc(var(--d) * -1)) scale(1)}}

/* Hero orbits drift slowly */
.aurora-orbit{animation:auroraOrbit 18s ease-in-out infinite}
.aurora-orbit.secondary{animation-duration:24s;animation-direction:reverse}
@keyframes auroraOrbit{0%,100%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(-14px,10px) rotate(8deg)}}

@media(prefers-reduced-motion:reduce){
 .aurora-empty-icon,.aurora-empty-spark,.aurora-orbit{animation:none}
 ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}
@media(max-width:730px){.bot-profile .btn.sm.bot-avatar-refresh{font-size:0;gap:0;padding:7px 9px}}
body.dark .bot-avatar:not(.purple):not(.blue):not(.green):not(.red){background:#30395c;color:#eef0ff}
/* Bottom nav: keep icon and label together in the middle of the tab (grid rows were stretching apart) */
@media(max-width:730px){
 .mobile-nav.aurora-bottom-nav a{align-content:center;gap:3px;min-height:54px}
 .mobile-nav.aurora-bottom-nav a span{line-height:1.15}
}

/* ===== Notification inbox ===== */
.aurora-note-group h2{margin:16px 4px 8px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.aurora-note-card{border-radius:20px;background:var(--panel);border:1px solid var(--line);overflow:hidden}
.aurora-note{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;cursor:pointer;transition:background-color .15s ease}
.aurora-note+.aurora-note{border-top:1px solid var(--line)}
.aurora-note:active{background:var(--panel2)}
@media(hover:hover){.aurora-note:hover{background:var(--panel2)}}
.aurora-note:focus-visible{outline:2px solid #7b3ae4;outline-offset:-2px}
.aurora-note-icon{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:var(--panel2);color:var(--muted)}
.aurora-note-icon svg{width:20px;height:20px}
.aurora-note.is-unread .aurora-note-icon{background:#f3edff;color:#6f3ce7}
.aurora-note.is-unread.is-bad .aurora-note-icon{background:#fdebef;color:#d63c5e}
body.dark .aurora-note.is-unread .aurora-note-icon{background:#352b55;color:#dcc6ff}
body.dark .aurora-note.is-unread.is-bad .aurora-note-icon{background:#4a2433;color:#ff8aa3}
.aurora-note-text{flex:1;min-width:0;display:grid;gap:3px}
.aurora-note-text strong{font-size:15px;font-weight:600;color:var(--muted)}
.aurora-note.is-unread .aurora-note-text strong{font-weight:750;color:var(--text)}
.aurora-note-text small{font-size:13px;line-height:1.4;color:var(--muted);overflow-wrap:anywhere}
.aurora-note-meta{flex:none;display:grid;justify-items:end;gap:8px;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}
.aurora-note-dot{width:9px;height:9px;border-radius:50%;background:#7b3ae4;box-shadow:0 0 0 3px rgba(123,58,228,.16)}
.aurora-main .page-head .actions{display:flex;align-items:center;gap:8px}
.aurora-push-card{padding:16px}
.aurora-push-card .push-buttons{display:grid;gap:8px;margin:10px 0}
@media(max-width:730px){
 .aurora-main:has(.aurora-note-group,.aurora-note-card) .page-head .sub{display:block;margin-top:2px}
 .aurora-main:has(.aurora-note-group,.aurora-note-card) .page-head{flex-direction:row;align-items:flex-end;justify-content:space-between}
}
/* Notifications header: title left, a light "Mark all read" text action on the right edge */
.aurora-main:has(.aurora-note-group,.aurora-note-card) .page-head{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:12px}
.aurora-main:has(.aurora-note-group,.aurora-note-card) .page-head .actions{flex:none;width:auto;justify-content:flex-end;margin:0 0 0 auto}
.aurora-text-action{border:0;background:none;padding:6px 2px;color:#6f3ce7;font:inherit;font-size:14px;font-weight:700;cursor:pointer;border-radius:8px;-webkit-tap-highlight-color:transparent}
.aurora-text-action:active{opacity:.6}
.aurora-text-action:focus-visible{outline:2px solid #7b3ae4;outline-offset:2px}
body.dark .aurora-text-action{color:#cdb4ff}

/* ===== In-app confirmation sheet ===== */
.aurora-ask-backdrop{position:fixed;inset:0;z-index:450;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(8,11,29,.55);animation:auroraFade .2s ease}
.aurora-ask{width:min(420px,100%);display:grid;justify-items:center;gap:10px;padding:24px 22px 20px;border-radius:24px;background:var(--panel);color:var(--text);border:1px solid var(--line);box-shadow:0 24px 70px rgba(0,0,0,.28);text-align:center;animation:auroraPopIn .26s cubic-bezier(.2,.8,.2,1) backwards}
.aurora-ask-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#f3edff;color:#6f3ce7}
.aurora-ask-icon svg{width:26px;height:26px}
.aurora-ask-icon.is-danger{background:#fdebef;color:#d63c5e}
body.dark .aurora-ask-icon{background:#352b55;color:#dcc6ff}
body.dark .aurora-ask-icon.is-danger{background:#4a2433;color:#ff8aa3}
.aurora-ask h2{margin:4px 0 0;font-size:18px;line-height:1.3;text-wrap:balance;overflow-wrap:anywhere}
.aurora-ask p{margin:0;color:var(--muted);font-size:14px;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere;max-height:40dvh;overflow:auto}
.aurora-ask .field-label{justify-self:stretch;text-align:left;margin:6px 0 0}
.aurora-ask .field{justify-self:stretch;margin:0}
.aurora-ask-actions{justify-self:stretch;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
.aurora-ask-actions .btn{min-width:0;min-height:48px;font-size:15px}
.aurora-ask-backdrop.is-leaving{opacity:0;transition:opacity .2s ease}
@media(max-width:730px){
 .aurora-ask-backdrop{align-items:flex-end;padding:0}
 .aurora-ask{width:100%;border-radius:26px 26px 0 0;border-bottom:0;padding:12px 20px calc(20px + env(safe-area-inset-bottom));animation:auroraSheetUp .32s cubic-bezier(.2,.85,.25,1) backwards}
 .aurora-ask::before{content:"";width:40px;height:5px;border-radius:3px;background:var(--line);margin-bottom:8px}
}
@media(prefers-reduced-motion:reduce){.aurora-ask,.aurora-ask-backdrop{animation:none}}
.aurora-ask .btn.danger:not(:disabled){background:#e0405f;border-color:#e0405f;color:#fff}
@media(hover:hover){.aurora-ask .btn.danger:not(:disabled):hover{box-shadow:0 8px 22px rgba(224,64,95,.32)}}

/* ===== Network status and offline ===== */
.aurora-netpill{position:fixed;left:50%;top:calc(env(safe-area-inset-top) + 12px);z-index:260;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--panel);color:var(--text);border:1px solid var(--line);box-shadow:0 8px 24px rgba(20,16,50,.16);font-size:13px;font-weight:700;white-space:nowrap;animation:auroraPillIn .3s cubic-bezier(.2,.85,.25,1)}
.aurora-netpill::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.aurora-netpill.is-waking{color:#6f3ce7}
.aurora-netpill.is-waking::before{animation:auroraBreath 1.2s ease-in-out infinite}
.aurora-netpill.is-offline{color:#c27a12}
body.dark .aurora-netpill.is-waking{color:#cdb4ff}
body.dark .aurora-netpill.is-offline{color:#f3b45a}
@keyframes auroraPillIn{from{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes auroraBreath{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}
.aurora-offline{display:grid;justify-items:center;gap:10px;max-width:420px;margin:12vh auto 0;padding:0 8px;text-align:center}
.aurora-offline-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#fff4e2;color:#c27a12;animation:auroraFloat 4.5s ease-in-out infinite}
.aurora-offline-icon svg{width:30px;height:30px}
body.dark .aurora-offline-icon{background:#3d3020;color:#f3b45a}
.aurora-offline h1{margin:6px 0 0;font-size:24px}
.aurora-offline p{margin:0;color:var(--muted);line-height:1.5}
.aurora-offline .btn{margin-top:8px}
@media(prefers-reduced-motion:reduce){.aurora-netpill,.aurora-netpill::before,.aurora-offline-icon{animation:none}}
.aurora-netpill{top:calc(env(safe-area-inset-top) + 88px)}
@media(min-width:731px){.aurora-netpill{top:86px}}

/* ===== Mobile header: page title as header; Home greeting ===== */
.mobile-title{display:none}
.aurora-greeting{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:2px 0 14px}
.aurora-greeting-text{min-width:0}
.aurora-greeting-date{margin:0 0 4px;color:var(--muted);font-size:13px;font-weight:700;letter-spacing:.02em}
.aurora-greeting h1{margin:0;font-size:30px;line-height:1.08;letter-spacing:-.02em;text-wrap:balance}
.aurora-greeting h1 span{display:block;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.aurora-greeting-context{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.4}
.aurora-greeting-context strong{color:var(--text)}
.aurora-greeting-avatar{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--grad);color:#fff;font-weight:800;font-size:18px;text-decoration:none;box-shadow:0 6px 16px rgba(111,60,231,.28)}
.aurora-greeting-avatar:active{transform:scale(.95)}
@media(min-width:731px){.aurora-greeting h1{font-size:34px}}
@media(max-width:730px){
 .mobile-header{height:auto;min-height:64px;padding:calc(12px + env(safe-area-inset-top)) 16px 8px;gap:12px}
 .mobile-title{display:block;flex:1;min-width:0;font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1.15;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform-origin:left center;transition:transform .25s cubic-bezier(.2,.7,.2,1)}
 .mobile-title.is-long{font-size:22px}
 .mobile-title.is-brand{font-size:17px;color:var(--muted);font-weight:800;letter-spacing:.01em}
 .mobile-title.is-quiet{opacity:0;transition:opacity .2s ease,transform .25s ease}
 html.aurora-scrolled .mobile-title{transform:scale(.7)}
 html.aurora-scrolled .mobile-title.is-brand{transform:none}
 html.aurora-scrolled .mobile-title.is-quiet{opacity:1;transform:scale(.7)}
 html.aurora-scrolled .mobile-header .brand{transform:none}
 /* The header shows the page title, so the page's own heading becomes screen-reader only */
 html.has-mobile-title .aurora-main .page-head h1,html.has-mobile-title .aurora-main .aurora-heading h1,html.has-mobile-title .aurora-main .analytics-heading h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 html.has-mobile-title .aurora-main:not(:has(.aurora-note-group,.aurora-note-card)) .page-head:not(:has(.actions>:not([data-header-action]))){display:none}
 html.has-mobile-title .aurora-main .aurora-heading:not(:has(>:not(h1):not(.aurora-eyebrow):not(p.muted))){display:none}
 .aurora-greeting h1{font-size:30px}
}
@media(max-width:730px) and (prefers-reduced-motion:reduce){.mobile-title{transition:none}}

/* ===== Bot hub (mobile) ===== */
.bot-hub{display:none}
.bot-section-head{display:none}
.tabs{scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
@media(max-width:730px){
 .bot-hub{display:block;margin-top:6px}
 .bot-hub .aurora-account-group h2{margin-top:18px}
 .bot-hub-meta{flex:none;color:var(--muted);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}
 .bot-chrome .tabs{display:none}
 .bot-chrome.is-section,.bot-head.is-section{display:none}
 .bot-section-head{display:block;margin:0 0 10px}
 .aurora-back-inline{display:inline-flex;align-items:center;gap:6px;padding:4px 2px;color:#6f3ce7;font-weight:700;font-size:15px;text-decoration:none}
 body.dark .aurora-back-inline{color:#cdb4ff}
 .aurora-back-inline svg{width:18px;height:18px}
 .aurora-main:has(.bot-hub) .card:has(>.card-head h3+a[href$="/transactions"]){margin-top:14px}
}
@media(max-width:730px){
 /* Hub: revenue, supporters, users and conversion as a 2×2; the chart keeps only the chart */
 .aurora-main:has(.bot-hub) .grid.four:has(>.card.stat){grid-template-columns:repeat(2,minmax(0,1fr))}
 .aurora-main:has(.bot-hub) .chart-metrics,.aurora-main:has(.bot-hub) .chart-intro{display:none}
 .aurora-main:has(.bot-hub) .bot-chrome+.grid.four{margin-top:12px}
}

/* ===== Notification inbox: chips, stacks, remove ===== */
.aurora-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:4px 0 6px;padding-bottom:2px}
.aurora-chips::-webkit-scrollbar{display:none}
.aurora-chip{flex:none;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}
.aurora-chip.active{background:var(--text);color:var(--bg);border-color:var(--text)}
.aurora-chip:focus-visible{outline:2px solid #7b3ae4;outline-offset:2px}
.aurora-note{position:relative;transition:transform .25s cubic-bezier(.2,.8,.2,1),background-color .15s ease}
.aurora-note-dismiss{position:absolute;top:10px;right:10px;display:none;place-items:center;width:30px;height:30px;border:0;border-radius:10px;background:var(--panel2);color:var(--muted);cursor:pointer}
.aurora-note-dismiss svg{width:15px;height:15px}
@media(hover:hover){.aurora-note:hover .aurora-note-dismiss{display:grid}.aurora-note:hover .aurora-note-meta{visibility:hidden}}
.aurora-note-dismiss:focus-visible{display:grid;outline:2px solid #7b3ae4}
.aurora-note.is-swiping-armed{background:#fdebef}
body.dark .aurora-note.is-swiping-armed{background:#4a2433}
.aurora-note-stack{border-top:1px solid var(--line)}
.aurora-note-card>.aurora-note-stack:first-child{border-top:0}
.aurora-note-stack>summary{list-style:none}
.aurora-note-stack>summary::-webkit-details-marker{display:none}
.aurora-note-stack>summary .aurora-note-meta::after{content:"";display:block;width:8px;height:8px;margin:2px 4px 0 auto;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .2s ease}
.aurora-note-stack[open]>summary .aurora-note-meta::after{transform:rotate(-135deg)}
.aurora-note-stack-list{background:var(--panel2)}
.aurora-note-stack-list .aurora-note{padding-left:28px}
.aurora-note-stack-list .aurora-note+.aurora-note{border-top:1px solid var(--line)}
.is-older{display:none!important}
.aurora-note-more{display:block;width:100%;margin-top:12px}
.aurora-note-filter-empty{margin:24px 0;text-align:center;color:var(--muted)}
.aurora-note-foot{margin:16px 4px 0;text-align:center}
@media(prefers-reduced-motion:reduce){.aurora-note,.aurora-chip{transition:none}}

/* ===== Home (phones): revenue card, needs attention, bots, payments, affiliates ===== */
.home-mobile{display:none}
@media(max-width:730px){.home-mobile{display:block}.home-desktop{display:none}}
.home-revenue{padding:18px 18px 16px}
.home-revenue-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px}
.home-revenue-label{color:rgba(255,255,255,.85);font-size:13px;font-weight:700}
.home-periods{display:inline-flex;padding:3px;border-radius:999px;background:rgba(255,255,255,.16)}
.home-periods button{border:0;background:none;color:rgba(255,255,255,.85);font:inherit;font-size:12px;font-weight:800;padding:6px 11px;border-radius:999px;cursor:pointer;transition:background-color .2s ease,color .2s ease}
.home-periods button.active{background:#fff;color:#5b2fd6}
.home-revenue-body{position:relative;z-index:1;margin-top:10px}
.home-revenue-figure{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px}
.home-revenue .home-revenue-value{font-size:36px;line-height:1.05;letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums}
.home-trend{padding:3px 8px;border-radius:999px;font-size:12px;font-weight:800;background:rgba(255,255,255,.18);color:#fff}
.home-trend.up{background:#d8ff6e;color:#2d4a00}
.home-trend.down{background:rgba(255,255,255,.92);color:#c4294b}
.home-spark{display:block;width:100%;height:54px;margin:10px 0 4px}
.home-revenue-facts{margin:0;color:rgba(255,255,255,.88);font-size:13px;font-weight:600}
.home-allclear{display:flex;align-items:center;gap:8px;margin:12px 2px 0;color:#0f9f6e;font-size:13px;font-weight:700}
.home-allclear svg{width:18px;height:18px}
body.dark .home-allclear{color:#4fd6a4}
.home-section-head{display:flex;align-items:center;justify-content:space-between;margin:20px 2px 8px}
.home-section-head h2{margin:0;font-size:17px;font-weight:800}
.home-section-head .aurora-text-action{display:inline-flex;align-items:center;gap:2px;font-size:13px}
.home-section-head .aurora-text-action svg{width:14px;height:14px}
.home-attn-card,.home-list{border-radius:20px;background:var(--panel);border:1px solid var(--line);overflow:hidden}
.home-attn-row,.home-bot,.home-pay,.home-aff{display:flex;align-items:center;gap:12px;padding:13px 14px;color:var(--text);text-decoration:none;transition:background-color .15s ease}
.home-attn-row+.home-attn-row,.home-list>a+a{border-top:1px solid var(--line)}
.home-attn-row:active,.home-bot:active,.home-pay:active,.home-aff:active{background:var(--panel2)}
@media(hover:hover){.home-attn-row:hover,.home-bot:hover,.home-pay:hover,.home-aff:hover{background:var(--panel2)}}
.home-attn-icon,.home-pay-icon{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%}
.home-attn-icon svg,.home-pay-icon svg{width:19px;height:19px}
.is-bad.home-attn-row .home-attn-icon,.home-pay-icon.is-bad{background:#fdebef;color:#d63c5e}
.is-warn.home-attn-row .home-attn-icon,.home-pay-icon.is-warn{background:#fff4e2;color:#c27a12}
.home-pay-icon.is-good{background:#e4f7ec;color:#0f9f6e}
body.dark .is-bad.home-attn-row .home-attn-icon,body.dark .home-pay-icon.is-bad{background:#4a2433;color:#ff8aa3}
body.dark .is-warn.home-attn-row .home-attn-icon,body.dark .home-pay-icon.is-warn{background:#3d3020;color:#f3b45a}
body.dark .home-pay-icon.is-good{background:#173a2d;color:#4fd6a4}
.home-attn-text,.home-pay-text{flex:1;min-width:0;display:grid;gap:2px}
.home-attn-text strong,.home-pay-text strong{font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-attn-text small,.home-pay-text small,.home-bot-body small{color:var(--muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-attn-action{flex:none;display:inline-flex;align-items:center;gap:2px;color:#6f3ce7;font-size:13px;font-weight:800}
.home-attn-action svg{width:14px;height:14px}
body.dark .home-attn-action{color:#cdb4ff}
.home-bot .bot-avatar{width:40px!important;height:40px!important;font-size:16px}
.home-bot-body{flex:1;min-width:0;display:grid;gap:5px}
.home-bot-line{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.home-bot-line strong{min-width:0;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-bot-amount{flex:none;font-weight:800;font-variant-numeric:tabular-nums}
.home-bot-bar{display:block;height:6px;border-radius:3px;background:var(--panel2);overflow:hidden}
.home-bot-bar span{display:block;height:100%;width:var(--share);border-radius:3px;background:var(--grad);transform-origin:left;animation:homeBarGrow .7s .15s cubic-bezier(.2,.8,.2,1) backwards}
@keyframes homeBarGrow{from{transform:scaleX(0)}}
.home-pay-right{flex:none;display:grid;justify-items:end;gap:2px}
.home-pay-right strong{font-size:15px;font-variant-numeric:tabular-nums}
.home-pay-right small{font-size:11.5px;font-weight:800}
.home-pay-right small.is-bad{color:#d63c5e}
.home-pay-right small.is-warn{color:#c27a12}
body.dark .home-pay-right small.is-bad{color:#ff8aa3}
body.dark .home-pay-right small.is-warn{color:#f3b45a}
.home-aff .aurora-medal{width:38px;height:38px}
.home-invite{display:flex;align-items:center;gap:12px;padding:14px;border-radius:20px;background:var(--panel);border:1px solid var(--line)}
.home-invite-icon{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#f3edff;color:#6f3ce7}
.home-invite-icon svg{width:22px;height:22px}
body.dark .home-invite-icon{background:#352b55;color:#dcc6ff}
.home-invite-text{flex:1;min-width:0;display:grid;gap:2px}
.home-invite-text strong{font-size:15px}
.home-invite-text small{color:var(--muted);font-size:12.5px;line-height:1.35}
.home-invite .btn{flex:none;min-width:0}
@media(prefers-reduced-motion:reduce){.home-bot-bar span{animation:none}.home-periods button{transition:none}}
.aurora-summary.home-revenue{display:block;min-height:0;padding:18px 18px 16px}
.aurora-summary.home-revenue .home-revenue-value{display:inline;font-size:36px;line-height:1.05;margin:0}
.aurora-summary.home-revenue p{margin:0}
.home-invite{flex-wrap:wrap}
.home-invite .btn{margin-left:54px}
.home-invite-text{flex:1 1 calc(100% - 56px)}

/* ===== Payments and Bots (phones) ===== */
.tx-chipbar,.tx-mobile,.bots-mobile,.bot-chips,.tx-export-icon,.header-extra:empty{display:none}
.aurora-chips.has-ink{position:relative}
.aurora-chips.has-ink .aurora-chip{position:relative;z-index:1;background:transparent}
.aurora-chips.has-ink .aurora-chip.active{background:transparent;color:var(--bg);border-color:transparent}
.aurora-ink-chip{position:absolute;left:0;top:0;border-radius:999px;background:var(--text);pointer-events:none;transition:transform .34s cubic-bezier(.3,1.2,.45,1),width .34s cubic-bezier(.3,1.2,.45,1)}
.aurora-chip-count{opacity:.6;font-variant-numeric:tabular-nums;margin-left:2px}
.aurora-chip.active .aurora-chip-count{opacity:.8}
.tx-bot-chip{display:inline-flex;align-items:center;gap:6px}
.tx-bot-chip svg{width:15px;height:15px}
.tx-bot-chip.is-set{border-color:#7b3ae4;color:#6f3ce7}
.aurora-pick{gap:6px}
.aurora-pick h2{margin:0 0 6px}
.aurora-pick-list{justify-self:stretch;display:grid;gap:2px;max-height:50dvh;overflow:auto}
.aurora-pick-option{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:50px;padding:0 14px;border:0;border-radius:14px;background:none;color:var(--text);font:inherit;font-size:15px;font-weight:600;text-align:left;cursor:pointer}
.aurora-pick-option.is-selected{background:var(--panel2);color:#6f3ce7}
body.dark .aurora-pick-option.is-selected{color:#cdb4ff}
.aurora-pick-option svg{width:18px;height:18px}
.aurora-pick-option:focus-visible{outline:2px solid #7b3ae4;outline-offset:-2px}
.aurora-ask-actions.one{grid-template-columns:1fr}
.bot-live{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;vertical-align:1px;background:var(--muted)}
.bot-live.is-on{background:#1fb985;box-shadow:0 0 0 0 rgba(31,185,133,.5);animation:botLive 2.2s ease-out infinite}
@keyframes botLive{0%{box-shadow:0 0 0 0 rgba(31,185,133,.45)}70%{box-shadow:0 0 0 7px rgba(31,185,133,0)}100%{box-shadow:0 0 0 0 rgba(31,185,133,0)}}
@keyframes txNew{0%{background:rgba(123,58,228,.16);transform:translateY(-8px);opacity:0}25%{opacity:1;transform:none}100%{background:transparent}}
@media(max-width:730px){
 .header-extra{display:inline-flex}
 .header-page-action{color:#6f3ce7}
 body.dark .header-page-action{color:#cdb4ff}
 .header-page-action svg{width:20px;height:20px}
 [data-header-action]{display:none!important}
 /* Payments */
 .tx-toolbar{display:flex;flex-wrap:nowrap;gap:8px;align-items:center}
 .tx-toolbar .search{flex:1;min-width:0}
 .tx-toolbar select,.tx-toolbar .btn{display:none}
 .tx-export-icon{display:grid;flex:none}
 .tx-chipbar{display:block;margin:10px -16px 4px;padding:0 16px}
 .tx-chips{margin:0}
 .aurora-main:has(.tx-chipbar) .grid.four:has(>.card.stat){display:none}
 .tx-desk{display:none}
 .tx-mobile{display:block}
 .tx-day{margin-top:14px}
 .tx-day-head{position:sticky;top:calc(env(safe-area-inset-top) + 64px);z-index:5;display:flex;align-items:center;justify-content:space-between;margin:0 -16px 8px;padding:8px 18px;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
 .tx-day-head span{font-weight:700;letter-spacing:0}
 .tx-row{position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
 .tx-row.is-new{animation:txNew 1.8s ease-out}
 .tx-swipe-tag{position:absolute;top:0;bottom:0;right:-140px;width:140px;display:flex;align-items:center;justify-content:center;gap:6px;background:#7b3ae4;color:#fff;font-size:13px;font-weight:800}
 .tx-swipe-tag svg{width:17px;height:17px}
 .tx-row.is-armed .tx-swipe-tag{background:#5b2fd6}
 /* Bots */
 .bot-chips{display:flex;margin:4px 0 10px}
 .aurora-main:has(.bot-chips) .grid.four:has(>.card.stat){display:none}
 .bot-toolbar:not(.has-many){display:none}
 .bot-toolbar select{display:none}
 #botResults>.card{display:none}
 .bots-mobile{display:block}
}
@media(prefers-reduced-motion:reduce){.bot-live.is-on,.tx-row.is-new{animation:none}.aurora-ink-chip{transition:none}}

@media(max-width:730px){
 .tx-chips,.bot-chips{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);padding-right:28px}
}
@media(max-width:730px){.tx-row{overflow:visible}}

/* ===== Mobile header Back: every page that is not a bottom-nav tab ===== */
.mobile-back{display:none}
@media(max-width:730px){
 .mobile-back{display:grid;place-items:center;flex:none;width:40px;height:40px;margin:0 -4px 0 -12px;padding:0;border:0;border-radius:14px;background:transparent;color:var(--text);-webkit-tap-highlight-color:transparent;transition:background-color .15s ease,transform .15s ease}
 .mobile-back[hidden]{display:none}
 .mobile-back svg{width:24px;height:24px}
 .mobile-back:active{background:rgba(111,60,231,.12);transform:scale(.9)}
 .mobile-back:focus-visible{outline:3px solid #b9a2ff;outline-offset:1px}
 .mobile-back:not([hidden]){animation:ppBackIn .3s cubic-bezier(.2,.7,.2,1)}
 html.has-mobile-back .mobile-title{transform-origin:left center;font-size:24px}
 html.has-mobile-back .mobile-title.is-long{font-size:21px}
 /* The header Back replaces the old in-page Back buttons on phones */
 html.has-mobile-back .aurora-main .btn.aurora-back-link{display:none}
 html.has-mobile-back .aurora-main .page-head .actions:not(:has(>:not(.aurora-back-link):not([data-header-action]))){display:none}
 html.has-mobile-back .aurora-back-inline svg{display:none}
 html.has-mobile-back .aurora-back-inline{padding:0;font-size:13px;color:var(--muted);font-weight:700}
}
@keyframes ppBackIn{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.mobile-back:not([hidden]){animation:none}}

/* ===== Payment detail: the follow-up action sits right under the amount (phones) ===== */
.tx-action{display:none}
@media(max-width:730px){
 .tx-action{display:grid;gap:12px;margin:12px 0 0;padding:16px;border-radius:20px;background:var(--panel);border:1px solid var(--line);box-shadow:0 8px 24px rgba(40,30,90,.06)}
 .tx-action-head{display:flex;gap:12px;align-items:flex-start}
 .tx-action-head strong{display:block;font-size:16px;letter-spacing:-.01em}
 .tx-action-head small{display:block;margin-top:3px;color:var(--muted);font-size:13px;line-height:1.4}
 .tx-action-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:14px;background:#f1ebff;color:#6f3ce7}
 .tx-action-icon svg{width:22px;height:22px}
 .tx-action-contact{justify-self:start;display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:99px;background:var(--panel2);color:var(--muted);font-size:12px;font-weight:700}
 .tx-action-contact i{width:8px;height:8px;border-radius:50%;background:#a3acc7}
 .tx-action-contact.is-reachable i{background:#16b77b}
 .tx-action-contact.is-blocked i{background:#ef3f5f}
 .tx-action-btn{min-height:50px;border-radius:16px;font-size:15px}
 .tx-action-btn svg{width:19px;height:19px}
 .tx-action.is-done .tx-action-icon{background:#dcf8ea;color:#08a266}
 .tx-action.is-blocked .tx-action-icon{background:#ffe6eb;color:#e5345a}
 .tx-action.is-muted .tx-action-icon{background:var(--panel2);color:var(--muted)}
 .tx-action.is-new .tx-action-icon svg{animation:ppTick .55s cubic-bezier(.2,1.4,.4,1)}
 .tx-action.is-new{animation:ppDoneGlow 1.2s ease-out}
 .tx-action.is-spotlight{animation:ppSpot 1.3s ease-out}
 .aurora-main:has(.tx-action) .tx-follow-cards,.tx-follow-cards.is-paid{display:none}
 body.dark .tx-action-icon{background:rgba(152,110,255,.18);color:#cdb4ff}
 body.dark .tx-action.is-done .tx-action-icon{background:rgba(22,183,123,.18);color:#5fe0a8}
 body.dark .tx-action.is-blocked .tx-action-icon{background:rgba(239,63,95,.18);color:#ff8ba0}
}
@keyframes ppTick{0%{transform:scale(.3);opacity:0}100%{transform:none;opacity:1}}
@keyframes ppDoneGlow{0%{box-shadow:0 0 0 0 rgba(22,183,123,.45)}100%{box-shadow:0 0 0 14px rgba(22,183,123,0)}}
@keyframes ppSpot{0%{box-shadow:0 0 0 0 rgba(124,77,255,.55);transform:scale(.98)}35%{transform:scale(1.01)}100%{box-shadow:0 0 0 16px rgba(124,77,255,0);transform:none}}
@media(prefers-reduced-motion:reduce){.tx-action.is-new,.tx-action.is-spotlight,.tx-action.is-new .tx-action-icon svg{animation:none}}

/* ===== Payment detail: receipt header + one Details list (phones) ===== */
.tx-receipt,.tx-details-mobile{display:none}
@media(max-width:730px){
 .tx-hero,.tx-details-grid{display:none!important}
 .tx-receipt{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 8px 6px}
 .tx-receipt-avatar{position:relative;margin-bottom:12px;animation:ppPop .45s cubic-bezier(.2,1.3,.4,1) both}
 .tx-receipt-avatar>.bot-avatar,.tx-receipt-avatar>span:first-child{width:68px!important;height:68px!important;font-size:26px!important}
 .tx-receipt-badge{position:absolute;right:-4px;bottom:-2px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:3px solid var(--bg);color:#fff}
 .tx-receipt-badge svg{width:15px;height:15px}
 .tx-receipt.is-good .tx-receipt-badge{background:#12b76a}
 .tx-receipt.is-bad .tx-receipt-badge{background:#ef3f5f;animation:ppPulseBad 1.4s .45s ease-out 2}
 .tx-receipt.is-warn .tx-receipt-badge{background:#f59e0b;animation:ppPulseWarn 1.4s .45s ease-out 2}
 .tx-receipt-who{margin:0;display:flex;flex-direction:column;gap:2px;font-size:15px}
 .tx-receipt-who span{color:var(--muted);font-size:13px;font-weight:600}
 .tx-receipt-amount{margin:10px 0 10px;font-size:40px;font-weight:850;letter-spacing:-.035em;line-height:1;font-variant-numeric:tabular-nums}
 .tx-receipt-status{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;font-size:13px;font-weight:700}
 .tx-receipt.is-good .tx-receipt-status{background:#dcf8ea;color:#067a4b}
 .tx-receipt.is-bad .tx-receipt-status{background:#ffe6eb;color:#c8264b}
 .tx-receipt.is-warn .tx-receipt-status{background:#fff1d6;color:#a8620a}
 body.dark .tx-receipt.is-good .tx-receipt-status{background:rgba(18,183,106,.16);color:#5fe0a8}
 body.dark .tx-receipt.is-bad .tx-receipt-status{background:rgba(239,63,95,.16);color:#ff8ba0}
 body.dark .tx-receipt.is-warn .tx-receipt-status{background:rgba(245,158,11,.16);color:#fbc361}
 .aurora-main:has(.tx-receipt) .tx-action{margin-top:18px}
 .tx-details-mobile{display:block;margin-top:12px;padding-bottom:6px}
 .tx-details-mobile .card-head{margin-bottom:4px}
 .tx-detail-row{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:10px 0;border:0;border-bottom:1px solid var(--line);background:none;color:inherit;font:inherit;text-align:left}
 .tx-detail-row:last-child{border-bottom:0}
 .tx-detail-row>span{flex:none;color:var(--muted);font-size:14px}
 .tx-detail-row>strong{flex:1;min-width:0;text-align:right;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .tx-detail-row.is-copy svg{flex:none;width:16px;height:16px;color:#8b78d6;transition:transform .2s ease}
 .tx-detail-row.is-copy:active{background:var(--panel2)}
 .tx-detail-row.is-copied svg{animation:ppTick .4s cubic-bezier(.2,1.4,.4,1);color:#12b76a}
}
@keyframes ppPop{from{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}
@keyframes ppPulseBad{0%{box-shadow:0 0 0 0 rgba(239,63,95,.55)}100%{box-shadow:0 0 0 12px rgba(239,63,95,0)}}
@keyframes ppPulseWarn{0%{box-shadow:0 0 0 0 rgba(245,158,11,.55)}100%{box-shadow:0 0 0 12px rgba(245,158,11,0)}}
@media(prefers-reduced-motion:reduce){.tx-receipt-avatar,.tx-receipt-badge{animation:none!important}}

/* ===== Bots list: chevron, amount label, press + hold feedback, quiet zero chips ===== */
@media(max-width:730px){
 .bot-item{position:relative;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;transition:background-color .15s ease,transform .18s cubic-bezier(.2,.7,.2,1)}
 .bot-item .bot-chev{display:grid;place-items:center;flex:none;margin-left:2px;color:#b3b9cf}
 .bot-item .bot-chev svg{width:18px;height:18px}
 .bot-item .home-bot-line.is-sub{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
 .bot-item .home-bot-line.is-sub small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .bot-item .home-bot-note{flex:none;color:var(--muted);font-size:11px;font-weight:600}
 .bot-item.is-pressing{background:var(--panel2);transform:scale(.985)}
 .bot-item.is-held{animation:ppHeld .26s ease-out}
 .bot-chips .aurora-chip.is-zero:not(.active){opacity:.5}
}
@keyframes ppHeld{0%{transform:scale(.97)}100%{transform:none}}
@media(prefers-reduced-motion:reduce){.bot-item{transition:none}.bot-item.is-held{animation:none}}
@media(max-width:730px){
 .bot-item{gap:12px}
 .bot-item .home-bot-line{gap:8px}
 .bot-item .home-bot-line strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .bot-item .home-bot-amount{font-size:14px}
 .bot-item .bot-chev{margin-left:-4px;margin-right:-4px}
 .bot-item .bot-chev svg{width:16px;height:16px}
}

/* ===== Invite people: one bottom sheet, opened from Account and Home ===== */
.aurora-invite{gap:12px}
.aurora-invite-backdrop.is-leaving{animation:auroraFade .2s ease reverse forwards}
.aurora-invite-art{display:grid;place-items:center;width:60px;height:60px;margin-top:6px;border-radius:20px;background:linear-gradient(135deg,#efe7ff,#ffe9f5);color:#6f3ce7;animation:ppPop .45s .05s cubic-bezier(.2,1.3,.4,1) both}
.aurora-invite-art svg{width:30px;height:30px}
.aurora-invite>p{max-width:320px}
.aurora-invite-link{justify-self:stretch;display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;border:1px dashed #cdbdf6;border-radius:14px;background:var(--panel2);color:var(--text);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.aurora-invite-link span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.aurora-invite-link svg{flex:none;width:18px;height:18px;color:#7c5ce0}
.aurora-invite-link.is-copied svg,.aurora-invite-target.is-copied .aurora-invite-target-icon{animation:ppTick .4s cubic-bezier(.2,1.4,.4,1)}
.aurora-invite-link:active{transform:scale(.98)}
.aurora-invite-targets{justify-self:stretch;display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:8px;margin-top:4px}
.aurora-invite-target{display:grid;justify-items:center;gap:7px;padding:4px 0;border:0;background:none;color:var(--text);font:inherit;font-size:12.5px;font-weight:600;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.aurora-invite-target-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:var(--panel2);color:var(--text);transition:transform .15s ease}
.aurora-invite-target-icon svg{width:26px;height:26px}
.aurora-invite-target:active .aurora-invite-target-icon{transform:scale(.9)}
.aurora-invite-target.is-wa .aurora-invite-target-icon{background:#25d366;color:#fff}
.aurora-invite-target.is-tg .aurora-invite-target-icon{background:#229ed9;color:#fff}
.aurora-invite-target.is-copy .aurora-invite-target-icon{background:#f1ebff;color:#6f3ce7}
.aurora-invite-targets>*{animation:ppRise .35s cubic-bezier(.2,.8,.2,1) both}
.aurora-invite-targets>:nth-child(2){animation-delay:.04s}.aurora-invite-targets>:nth-child(3){animation-delay:.08s}.aurora-invite-targets>:nth-child(4){animation-delay:.12s}
.aurora-invite-note{color:var(--muted);font-size:12px;line-height:1.45;max-width:320px}
body.dark .aurora-invite-art{background:linear-gradient(135deg,rgba(152,110,255,.22),rgba(255,120,190,.16));color:#cdb4ff}
body.dark .aurora-invite-link{border-color:rgba(205,180,255,.35)}
body.dark .aurora-invite-target.is-copy .aurora-invite-target-icon{background:rgba(152,110,255,.2);color:#cdb4ff}
@keyframes ppRise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.aurora-invite-art,.aurora-invite-targets>*{animation:none}}
/* Account: Invite people is a normal row with a subtitle */
.aurora-account-invite{width:100%;border:0;border-bottom:1px solid var(--line);background:none;font:inherit;text-align:left;cursor:pointer}
.aurora-account-row-text{flex:1;min-width:0;display:grid;gap:2px}
.aurora-account-row-text strong{font-size:16px;font-weight:500}
.aurora-account-row-text small{color:var(--muted);font-size:12.5px}
@media(max-width:730px){html.has-mobile-back .aurora-main .commission-detail-nav{display:none}}

/* Home: Your bots shows which period its numbers are for */
.home-section-note{margin:-6px 2px 8px;color:var(--muted);font-size:12.5px;font-weight:600}

/* ===== Bot hub revenue card (phones): Home-style card, bars that fit, touch to inspect ===== */
.bot-rev{display:none}
@media(max-width:730px){
 .aurora-main:has(.bot-rev) #botRevenuePanel{display:none}
 .bot-rev{display:block;margin-top:12px;padding:16px 16px 12px;border-radius:22px;background:var(--panel);border:1px solid var(--line);box-shadow:0 8px 24px rgba(40,30,90,.05)}
 .bot-rev-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
 .bot-rev-label{color:var(--muted);font-size:13px;font-weight:700}
 .bot-rev-periods{display:flex;gap:2px;padding:3px;border-radius:99px;background:var(--panel2)}
 .bot-rev-periods button{min-width:44px;height:30px;padding:0 10px;border:0;border-radius:99px;background:none;color:var(--muted);font:inherit;font-size:13px;font-weight:800;transition:background-color .2s ease,color .2s ease}
 .bot-rev-periods button.active{background:var(--text);color:var(--panel)}
 .bot-rev-main{display:flex;align-items:center;gap:10px;margin-top:10px}
 .bot-rev-value{font-size:32px;font-weight:850;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
 .bot-rev-trend{padding:4px 9px;border-radius:99px;font-size:12px;font-weight:800}
 .bot-rev-trend.up{background:#dcf8ea;color:#067a4b}
 .bot-rev-trend.down{background:#ffe6eb;color:#c8264b}
 .bot-rev-caption{margin:2px 0 0;color:var(--muted);font-size:13px}
 .bot-rev-chart{position:relative;margin-top:16px;padding-top:34px}
 .bot-rev-bars{display:flex;align-items:flex-end;gap:3px;height:96px;touch-action:pan-y;cursor:crosshair}
 .bot-rev-bar{flex:1;min-width:0;height:var(--h);border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#9b6bff,#6f3ce7);transform-origin:bottom;animation:ppBarGrow .5s var(--d) cubic-bezier(.2,.8,.2,1) both;transition:opacity .15s ease,filter .15s ease}
 .bot-rev-bar.is-zero{height:3px;background:var(--line)}
 .bot-rev-bars:has(.is-on) .bot-rev-bar:not(.is-on){opacity:.35}
 .bot-rev-bar.is-on{filter:brightness(1.12)}
 .bot-rev-tip{position:absolute;top:0;left:0;display:grid;gap:1px;padding:6px 10px;border-radius:10px;background:var(--text);color:var(--panel);font-size:12px;white-space:nowrap;pointer-events:none;box-shadow:0 6px 18px rgba(0,0,0,.15)}
 .bot-rev-tip strong{font-size:13px}
 .bot-rev-tip span{opacity:.75}
 .bot-rev-axis{display:flex;justify-content:space-between;margin-top:8px;color:var(--muted);font-size:11.5px;font-weight:600}
 .bot-rev-axis span:nth-child(2){opacity:.7}
 .bot-rev-empty{display:flex;align-items:center;justify-content:center;gap:8px;min-height:110px;margin-top:12px;border-radius:14px;background:var(--panel2);color:var(--muted);font-size:13px;font-weight:600}
 .bot-rev-empty svg{width:18px;height:18px}
 body.dark .bot-rev-trend.up{background:rgba(18,183,106,.16);color:#5fe0a8}
 body.dark .bot-rev-trend.down{background:rgba(239,63,95,.16);color:#ff8ba0}
}
@keyframes ppBarGrow{from{transform:scaleY(0)}to{transform:none}}
@media(prefers-reduced-motion:reduce){.bot-rev-bar{animation:none}}

/* Every day gets a soft full-height track; the finger's column turns solid */
@media(max-width:730px){
 .bot-rev-bars{gap:3px}
 .bot-rev-col{position:relative;flex:1;min-width:0;height:100%;display:flex;align-items:flex-end;border-radius:6px;background:rgba(124,77,255,.09);overflow:hidden;transform-origin:bottom;animation:ppBarGrow .5s var(--d) cubic-bezier(.2,.8,.2,1) both;transition:background-color .15s ease,opacity .15s ease}
 .bot-rev-col .bot-rev-bar{flex:1;height:var(--h);border-radius:6px;background:linear-gradient(180deg,#9b6bff,#6f3ce7);animation:none;transition:opacity .15s ease,filter .15s ease}
 .bot-rev-col.is-zero .bot-rev-bar{display:none}
 .bot-rev-bars:has(.is-on) .bot-rev-col:not(.is-on){opacity:.45}
 .bot-rev-col.is-on{background:rgba(124,77,255,.32)}
 .bot-rev-col.is-on .bot-rev-bar{filter:brightness(1.1) saturate(1.15)}
 body.dark .bot-rev-col{background:rgba(180,150,255,.10)}
 body.dark .bot-rev-col.is-on{background:rgba(180,150,255,.34)}
}
@media(prefers-reduced-motion:reduce){.bot-rev-col{animation:none}}
@media(max-width:730px){
 .bot-rev-bars:has(.is-on) .bot-rev-col .bot-rev-bar{opacity:1}
 .bot-rev-col.is-on{background:rgba(124,77,255,.42)}
 body.dark .bot-rev-col.is-on{background:rgba(180,150,255,.42)}
}

/* Bars rise and fall with the data; empty days keep a short faint stub; only the touched column gets a lane */
@media(max-width:730px){
 .bot-rev-col,body.dark .bot-rev-col{background:transparent}
 .bot-rev-col.is-zero .bot-rev-bar{display:block;background:rgba(124,77,255,.16)}
 body.dark .bot-rev-col.is-zero .bot-rev-bar{background:rgba(180,150,255,.18)}
 .bot-rev-col.is-on{background:rgba(124,77,255,.10)}
 body.dark .bot-rev-col.is-on{background:rgba(180,150,255,.12)}
 .bot-rev-col.is-on.is-zero .bot-rev-bar{background:#7c4dff}
}

/* ===== Analytics: payments donut (soft semantic colours), trend (style D), bot rows ===== */
.an-donut-wrap{align-items:center}
.an-ring{position:relative;width:184px;height:184px;flex:0 0 184px;margin:auto}
.an-ring svg{width:100%;height:100%;transform:rotate(-90deg);overflow:visible}
.an-track{fill:none;stroke:var(--panel2);stroke-width:14}
.an-seg{fill:none;stroke-width:14;stroke-linecap:round;cursor:pointer;transition:stroke-width .25s cubic-bezier(.2,.8,.2,1),opacity .25s ease}
.an-donut-wrap:not(.is-in) .an-seg{stroke-dasharray:0 600}
.an-donut-wrap.is-in .an-seg{animation:anSegIn .8s var(--seg-delay,0ms) cubic-bezier(.3,.7,.2,1) backwards}
@keyframes anSegIn{from{stroke-dasharray:0 600}}
.an-donut-wrap[data-focus] .an-seg{opacity:.28}
.an-donut-wrap[data-focus] .an-seg.is-focus{opacity:1;stroke-width:21}
.an-center{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;pointer-events:none}
.an-center strong{font-size:38px;font-weight:850;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.an-center span{margin-top:4px;color:var(--muted);font-size:13px;font-weight:700}
.an-center small{margin-top:2px;color:var(--muted);font-size:11.5px;opacity:.85}
.an-center.is-swap{animation:anSwap .28s ease}
@keyframes anSwap{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}
.an-legend{flex:1;min-width:0;display:grid;gap:4px}
.an-row{display:grid;grid-template-columns:10px 1fr auto 28px;align-items:center;gap:10px;padding:9px 6px 9px 8px;border-radius:14px;cursor:pointer;transition:background-color .2s ease,opacity .2s ease;-webkit-tap-highlight-color:transparent}
.an-row:active{background:var(--panel2)}
.an-donut-wrap[data-focus] .an-row:not(.is-focus){opacity:.45}
.an-row.is-focus{background:#f5f1ff}
body.dark .an-row.is-focus{background:rgba(152,110,255,.14)}
.an-dot{width:10px;height:10px;border-radius:50%}
.an-row-main{display:grid;gap:6px;min-width:0}
.an-row-main strong{font-size:14px}
.an-bar{display:block;height:5px;border-radius:3px;background:var(--panel2);overflow:hidden}
.an-bar i{display:block;height:100%;border-radius:3px;transform-origin:left}
.an-donut-wrap:not(.is-in) .an-bar i{transform:scaleX(0)}
.an-donut-wrap.is-in .an-bar i{animation:anBarIn .7s .35s cubic-bezier(.2,.8,.2,1) backwards}
@keyframes anBarIn{from{transform:scaleX(0)}}
.an-row-count{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}
.an-row-go{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;color:#a3a8bf}
a.an-row-go:active{background:var(--panel2)}
@media(prefers-reduced-motion:reduce){.an-donut-wrap .an-seg,.an-donut-wrap .an-bar i,.an-center.is-swap{animation:none!important}.an-donut-wrap:not(.is-in) .an-seg{stroke-dasharray:inherit}}
@media(max-width:730px){
 .an-donut-wrap{flex-direction:column;gap:12px}
 .an-ring{width:200px;height:200px;flex-basis:auto;margin:6px auto 2px}
 .an-legend{width:100%}
 .analytics-succeed-rate{display:none}
}
/* Trend: compact chart drawn at phone width */
.analytics-svg .analytics-gridline.is-base{stroke-dasharray:none}
.analytics-svg.is-compact .analytics-axis-y{font-size:11px;font-weight:600;fill:var(--muted)}
.analytics-svg.is-compact .analytics-axis-x{font-size:11.5px;font-weight:600;fill:var(--muted)}
.analytics-svg.is-compact .analytics-gridline{stroke-dasharray:3 4}
@media(max-width:730px){
 .analytics-trend-card{padding:16px 16px 12px}
 .analytics-chart-wrap{margin-top:6px}
 .analytics-chart-foot{margin-top:6px}
}
/* Bot rows: whole row opens the bot */
a.analytics-bot-row{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease}
a.analytics-bot-row:active{background:var(--panel2)}
.analytics-bot-chev{flex:none;color:#b3b9cf;margin-left:2px}
/* Period pills match Home on phones */
@media(max-width:730px){
 .analytics-periods{border:0;border-radius:99px;padding:3px}
 .analytics-period-btn{border-radius:99px;padding:8px 13px;transition:background-color .2s ease,color .2s ease}
 .analytics-period-btn.selected{background:var(--text);color:var(--panel);box-shadow:none}
 body.dark .analytics-period-btn.selected{background:var(--text);color:var(--panel)}
}
@media(max-width:730px){
 a.analytics-bot-row{grid-template-columns:40px minmax(0,1fr) auto 18px;gap:10px;padding:13px 0}
 a.analytics-bot-row .analytics-bot-revenue strong{font-size:14px}
 a.analytics-bot-row .analytics-bot-info small{font-size:12px}
}
/* Home revenue: aurora curve keeps its proportions (no stretched dot or glow) */
.home-spark.is-aurora{height:auto;aspect-ratio:320/64;margin:8px 0 2px;overflow:visible}
.home-spark-end{animation:hsPulse 2.4s 1.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes hsPulse{0%,100%{filter:drop-shadow(0 0 0 rgba(127,243,255,0))}50%{filter:drop-shadow(0 0 6px rgba(127,243,255,.9))}}
@media(prefers-reduced-motion:reduce){.home-spark-end{animation:none}}
/* Greeting shows the full profile name; long names shrink a little and wrap cleanly */
.aurora-greeting-name{overflow-wrap:anywhere}
.aurora-greeting h1 .aurora-greeting-name.is-long{font-size:.8em;line-height:1.12}

/* Field hints (e.g. name length) */
.field-hint{display:block;margin-top:6px;color:var(--muted);font-size:12px}
.field-hint.is-error{color:#d63a5a;font-weight:600}
input[aria-invalid="true"]{border-color:#f0647d!important;box-shadow:0 0 0 3px rgba(240,100,125,.15)}

/* Bars stay down until their chart is on screen */
@media(max-width:730px){
 .bot-rev-chart:not(.is-in) .bot-rev-col{transform:scaleY(0);animation:none}
 .bot-rev-chart.is-in .bot-rev-col{animation:ppBarGrow .55s var(--d) cubic-bezier(.2,.8,.2,1) both}
}
/* A chart waiting to scroll into view keeps its line hidden so the draw-in is seen */
svg.is-waiting path[fill="none"]{opacity:0}
svg.is-waiting path[fill^="url"]{opacity:0}
svg.is-waiting circle{opacity:0}
@media(prefers-reduced-motion:reduce){.bot-rev-chart:not(.is-in) .bot-rev-col{transform:none}svg.is-waiting path,svg.is-waiting circle{opacity:1}}

/* ===== Member (affiliate) dashboard ===== */
.m-muted{color:var(--muted)}.m-sm{font-size:12.5px;margin:8px 0 0}.m-c{text-align:center;display:flex;align-items:center;justify-content:center;gap:6px}
.m-ico{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:var(--panel2);color:var(--muted)}
.m-ico svg{width:20px;height:20px}
.m-ico.is-good{background:#dcf8ea;color:#08a266}.m-ico.is-warn{background:#fff1d6;color:#c47a05}.m-ico.is-gold{background:#fff1d6;color:#d68b00}.m-ico.is-bad{background:#ffe6eb;color:#d63a5a}
body.dark .m-ico.is-good{background:rgba(18,183,106,.16);color:#5fe0a8}body.dark .m-ico.is-warn,body.dark .m-ico.is-gold{background:rgba(245,158,11,.16);color:#fbc361}body.dark .m-ico.is-bad{background:rgba(239,63,95,.16);color:#ff8ba0}
.m-row{display:flex;align-items:center;gap:12px;padding:11px 14px;color:var(--text);text-decoration:none}
.m-list{padding:0}.m-list .m-row+.m-row{border-top:1px solid var(--line)}
.m-row .bot-avatar{width:40px!important;height:40px!important;font-size:16px}
.m-row-text{flex:1;min-width:0;display:grid;gap:2px}
.m-row-text strong{font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m-row-text small{color:var(--muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m-row>svg:last-child{flex:none;width:18px;height:18px;color:#b3b9cf}
.m-card-row{background:var(--panel);border:1px solid var(--line);border-radius:20px}
.m-card-row:active,.m-list .m-row:active{background:var(--panel2)}
.m-plus{flex:none;color:#08a266;font-size:14.5px;font-variant-numeric:tabular-nums}.m-plus.is-pending{color:#c47a05}
body.dark .m-plus{color:#5fe0a8}
.m-pill{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 12px;border:0;border-radius:99px;background:#f1ebff;color:#5b2fd6;font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.m-pill svg{width:16px;height:16px}.m-pill:active{transform:scale(.95)}
body.dark .m-pill{background:rgba(152,110,255,.18);color:#cdb4ff}
.m-empty{display:flex;align-items:center;gap:10px;padding:16px;border-radius:18px;background:var(--panel);border:1px dashed var(--line);color:var(--muted);font-size:13px}
.m-empty svg{width:20px;height:20px;flex:none}
.m-chip-lime{padding:3px 9px;border-radius:99px;background:#d9ff6b;color:#28400a;font-size:11.5px;font-weight:800;white-space:nowrap}
.m-chip-ok{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:99px;background:#dcf8ea;color:#067a4b;font-size:11.5px;font-weight:800}
.m-chip-ok svg{width:13px;height:13px}
/* balance card */
.m-bal,.m-onb{position:relative;overflow:hidden;margin-top:4px;padding:16px;border-radius:24px;color:#fff;background:var(--grad);box-shadow:0 12px 30px rgba(106,61,240,.25)}
.m-bal .aurora-orbit,.m-onb .aurora-orbit{opacity:.9}
.m-bal-top,.m-onb-top{position:relative;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:700}
.m-bal-amt{position:relative;display:block;margin-top:6px;font-size:36px;font-weight:850;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.m-bal .home-spark.is-aurora{position:relative;margin:4px 0 0}
.m-bal-empty{position:relative;margin:10px 0 4px;font-size:12.5px;opacity:.8}
.m-bal-sub{position:relative;margin:4px 0 0;font-size:12.5px;font-weight:600;opacity:.9}
.m-bal-btns{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;margin-top:12px}
.m-btn-white,.m-btn-glass{display:flex;align-items:center;justify-content:center;gap:7px;height:46px;border-radius:15px;font:inherit;font-weight:800;font-size:14px;text-decoration:none;cursor:pointer;transition:transform .15s ease}
.m-btn-white{background:#fff;color:#5b2fd6;border:0}.m-btn-glass{background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.32)}
.m-btn-white svg,.m-btn-glass svg{width:18px;height:18px}.m-btn-white:active,.m-btn-glass:active{transform:scale(.96)}
/* level ring */
.m-level{display:flex;align-items:center;gap:14px;margin-top:12px;padding:14px;border-radius:20px;background:var(--panel);border:1px solid var(--line)}
.m-ring{position:relative;flex:none;display:grid;place-items:center;width:64px;height:64px;color:#d68b00}
.m-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.m-ring>svg:last-child{position:static;width:22px;height:22px;transform:none}
.m-ring-track{fill:none;stroke:var(--panel2);stroke-width:7}
.m-ring-fill{fill:none;stroke:#7c4dff;stroke-width:7;stroke-linecap:round;stroke-dasharray:0 var(--c);transition:stroke-dasharray 1.1s cubic-bezier(.2,.8,.2,1) .15s}
.m-level.is-in .m-ring-fill{stroke-dasharray:var(--len) var(--c)}
.m-level-text{display:grid;gap:3px;min-width:0}.m-level-text strong{font-size:14.5px}.m-level-text small{color:var(--muted);font-size:12.5px}
.m-badge{justify-self:start;padding:3px 9px;border-radius:99px;background:#f1ebff;color:#5b2fd6;font-size:11.5px;font-weight:800}
body.dark .m-badge{background:rgba(152,110,255,.18);color:#cdb4ff}
.m-nudge{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;border-radius:20px;background:#f6f1ff;border:1px solid #e6dbff}
body.dark .m-nudge{background:rgba(152,110,255,.1);border-color:rgba(152,110,255,.25)}
/* onboarding */
.m-onb-title{position:relative;display:block;margin:6px 0 10px;font-size:26px;font-weight:850;letter-spacing:-.03em}
.m-steps{position:relative;display:grid;gap:8px}
.m-step{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);animation:ppRise .4s calc(var(--i)*90ms + 120ms) cubic-bezier(.2,.8,.2,1) both}
.m-step:not(.is-current):not(.is-done){opacity:.75}
.m-step.is-current{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.42)}
.m-step-n{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.22);font-weight:800}
.m-step.is-current .m-step-n{background:#fff;color:#5b2fd6}
.m-step.is-done .m-step-n{background:#34c38f;color:#fff}.m-step-n svg{width:15px;height:15px}
.m-step-text{flex:1;min-width:0;display:grid;gap:1px}.m-step-text strong{font-size:14px}.m-step-text small{font-size:12px;opacity:.85}
.m-step-btn{flex:none;height:34px;padding:0 14px;border:0;border-radius:12px;background:#fff;color:#5b2fd6;font:inherit;font-weight:800;font-size:13px;cursor:pointer;animation:mPulse 1.6s .9s ease-out 1}
@keyframes mPulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.7)}100%{box-shadow:0 0 0 14px rgba(255,255,255,0)}}
.m-how{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:14px 10px;border-radius:20px;background:var(--panel);border:1px solid var(--line);text-align:center}
.m-how>div{display:grid;justify-items:center;gap:5px;animation:ppPop .45s calc(var(--i)*110ms + 350ms) cubic-bezier(.2,1.3,.4,1) both}
.m-how strong{font-size:13.5px}.m-how small{color:var(--muted);font-size:11.5px;line-height:1.35}
/* affiliate tab */
.m-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.m-stats>div{display:grid;gap:2px;padding:12px 6px;border-radius:18px;background:var(--panel);border:1px solid var(--line);text-align:center}
.m-stats strong{font-size:20px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.m-stats span{color:var(--muted);font-size:12px;font-weight:600}
.m-funnel{margin-top:12px;padding:12px 14px;border-radius:20px;background:var(--panel);border:1px solid var(--line)}
.m-fn{display:grid;grid-template-columns:56px 1fr 32px;align-items:center;gap:10px;margin:6px 0;font-size:13px;font-weight:700}
.m-fn strong{text-align:right;font-variant-numeric:tabular-nums}
.m-fn-bar{height:12px;border-radius:6px;background:var(--panel2);overflow:hidden}
.m-fn-bar i{display:block;height:100%;width:var(--w);border-radius:6px;background:linear-gradient(90deg,#9b6bff,#6f3ce7);transform-origin:left;transform:scaleX(0);transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.m-fn-bar i.is-good{background:linear-gradient(90deg,#5fe0a8,#34c38f);transition-delay:.25s}
.m-funnel.is-in .m-fn-bar i{transform:none}
.m-funnel p{margin:6px 0 0;color:var(--muted);font-size:12.5px}
.m-link{margin-top:12px;padding:4px 0 14px;border-radius:20px;background:var(--panel);border:1px solid var(--line)}
.m-tag{flex:none;padding:3px 9px;border-radius:99px;background:var(--panel2);color:var(--muted);font-size:11.5px;font-weight:700}
.m-linkbox{display:flex;align-items:center;gap:8px;width:calc(100% - 28px);margin:2px 14px 0;padding:10px 12px;border:1px dashed #cdbdf6;border-radius:12px;background:var(--panel2);color:var(--text);font:inherit;font-size:13px;font-weight:600;cursor:pointer;text-align:left}
.m-linkbox span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-linkbox svg{width:18px;height:18px;color:#7c5ce0;flex:none}
.m-share{display:flex;gap:8px;margin:10px 14px 0}
.m-sq{display:grid;place-items:center;flex:none;width:46px;height:46px;border:0;border-radius:15px;cursor:pointer;transition:transform .15s ease}
.m-sq svg{width:22px;height:22px}.m-sq:active{transform:scale(.9)}
.m-sq.is-wa{background:#25d366;color:#fff}.m-sq.is-tg{background:#229ed9;color:#fff}.m-sq.is-copy{background:#f1ebff;color:#6f3ce7}
.m-btn-dark{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:15px;background:var(--text);color:var(--panel);font:inherit;font-weight:800;font-size:14px;cursor:pointer}
.m-btn-dark svg{width:18px;height:18px}
.is-copied svg{animation:ppTick .4s cubic-bezier(.2,1.4,.4,1);color:#12b76a}
.m-day{margin:14px 4px 6px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.m-list{background:var(--panel);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.m-switch-row{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;border-radius:20px;background:var(--panel);border:1px solid var(--line)}
.m-switch{position:relative;flex:none;width:48px;height:28px}
.m-switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;z-index:1}
.m-switch i{position:absolute;inset:0;border-radius:99px;background:#d6d9e6;transition:background-color .2s ease}
.m-switch i::after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:transform .28s cubic-bezier(.3,1.4,.5,1)}
.m-switch input:checked+i{background:#34c38f}.m-switch input:checked+i::after{transform:translateX(20px)}
.m-switch input:focus-visible+i{outline:3px solid #b9a2ff;outline-offset:2px}
/* withdraw */
.m-wbal{padding:16px;border-radius:24px;background:var(--panel);border:1px solid var(--line);box-shadow:0 8px 24px rgba(40,30,90,.05)}
.m-wbal .m-bal-top{color:var(--muted)}.m-wbal .m-bal-amt{color:var(--text)}
.m-stack{display:flex;gap:3px;height:10px;margin-top:10px}
.m-stack i{width:var(--w);border-radius:5px;transform-origin:left;transform:scaleX(0);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.m-stack i:nth-child(2){transition-delay:.15s}.m-stack i:nth-child(3){transition-delay:.3s}
.m-wbal.is-in .m-stack i{transform:none}
.m-stack .is-a,.m-stack-l .is-a{background:#7c4dff}.m-stack .is-r,.m-stack-l .is-r{background:#f7b84b}.m-stack .is-p,.m-stack-l .is-p{background:#34c38f}
.m-stack-l{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:8px;font-size:11.5px;color:var(--muted);font-weight:600}
.m-stack-l span{display:flex;align-items:center;gap:5px}.m-stack-l i{width:8px;height:8px;border-radius:50%}
.m-btn-big{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:52px;margin-top:14px;border:0;border-radius:16px;background:var(--grad);color:#fff;font:inherit;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 8px 20px rgba(106,61,240,.25);transition:transform .15s ease}
.m-btn-big svg{width:20px;height:20px}.m-btn-big:active{transform:scale(.98)}.m-btn-big:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}
.m-req{margin-top:10px;padding:2px 0 12px;border-radius:20px;background:var(--panel);border:1px solid var(--line)}
.m-req .m-row{padding-bottom:6px}
.m-st{flex:none;padding:4px 9px;border-radius:99px;font-size:11.5px;font-weight:800;white-space:nowrap}
.m-st.is-warn{background:#fff1d6;color:#a8620a}.m-st.is-info{background:#ece5ff;color:#5b2fd6}.m-st.is-good{background:#dcf8ea;color:#067a4b}.m-st.is-bad{background:#ffe6eb;color:#c8264b}
.m-track{display:flex;align-items:center;margin:4px 20px 0}
.m-track span{display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:50%;background:var(--panel2);color:#fff}
.m-track span svg{width:12px;height:12px}
.m-track span.is-done{background:#34c38f}.m-track span.is-current{background:var(--panel);border:4px solid #f7b84b}
.m-track i{flex:1;height:3px;background:var(--panel2);position:relative;overflow:hidden}
.m-track i::after{content:"";position:absolute;inset:0;background:#34c38f;transform:scaleX(0);transform-origin:left;transition:transform .7s cubic-bezier(.2,.8,.2,1) .2s}
.m-req.is-in .m-track[style*="--step:1"] i:nth-of-type(1)::after{transform:scaleX(.5)}
.m-req.is-in .m-track[style*="--step:2"] i:nth-of-type(1)::after,.m-req.is-in .m-track[style*="--step:3"] i::after{transform:none}
.m-req.is-in .m-track[style*="--step:2"] i:nth-of-type(2)::after{transform:scaleX(.5)}
.m-track-l{display:flex;justify-content:space-between;margin:6px 14px 0;font-size:11.5px;color:var(--muted);font-weight:600}
.m-note{display:flex;gap:8px;margin:14px 4px 0;color:var(--muted);font-size:12.5px;line-height:1.45}.m-note svg{width:16px;height:16px;flex:none;margin-top:1px}
/* withdraw sheet */
.m-sheet-wrap{position:fixed;inset:0;z-index:460}
.m-scrim{position:absolute;inset:0;background:rgba(8,11,29,.5);opacity:0;transition:opacity .25s ease}
.m-sheet{position:absolute;left:0;right:0;bottom:0;max-height:92dvh;overflow:auto;padding:10px 18px calc(18px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;background:var(--panel);box-shadow:0 -10px 30px rgba(0,0,0,.18);transform:translateY(100%);transition:transform .32s cubic-bezier(.2,.85,.25,1)}
.m-sheet-wrap.is-open .m-scrim{opacity:1}.m-sheet-wrap.is-open .m-sheet{transform:none}
@media(min-width:731px){.m-sheet{left:50%;right:auto;bottom:50%;width:min(440px,92vw);border-radius:24px;transform:translate(-50%,60%);opacity:0;transition:transform .3s cubic-bezier(.2,.85,.25,1),opacity .2s ease}.m-sheet-wrap.is-open .m-sheet{transform:translate(-50%,50%);opacity:1}}
.m-grab{display:block;width:40px;height:5px;margin:0 auto 12px;border-radius:3px;background:var(--line)}
.m-sheet h3{margin:0 0 8px;text-align:center;font-size:18px}
.m-amt{display:flex;align-items:baseline;justify-content:center;gap:6px;padding:4px 0}
.m-amt span{font-size:18px;font-weight:800;color:var(--muted)}
.m-amt input{width:7ch;border:0;background:none;color:var(--text);font:inherit;font-size:40px;font-weight:850;letter-spacing:-.03em;text-align:left;outline:0;font-variant-numeric:tabular-nums}
.m-amt-chips{display:flex;justify-content:center;gap:8px;margin:6px 0 12px}
.m-amt-chips button{padding:7px 14px;border:0;border-radius:99px;background:var(--panel2);color:var(--text);font:inherit;font-weight:800;font-size:13px;cursor:pointer;transition:background-color .2s ease,color .2s ease}
.m-amt-chips button.on{background:var(--text);color:var(--panel)}
.m-seg{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:14px;background:var(--panel2)}
.m-seg button{padding:9px;border:0;border-radius:11px;background:none;color:var(--muted);font:inherit;font-weight:800;font-size:13.5px;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}
.m-seg button.on{background:var(--panel);color:var(--text);box-shadow:0 2px 6px rgba(0,0,0,.08)}
.m-sheet-cancel{display:block;width:100%;margin-top:6px;padding:10px;border:0;background:none;color:var(--muted);font:inherit;font-weight:700;cursor:pointer}
@media(prefers-reduced-motion:reduce){.m-step,.m-how>div,.m-step-btn{animation:none}.m-ring-fill,.m-fn-bar i,.m-stack i,.m-track i::after,.m-sheet,.m-scrim{transition:none}.m-level .m-ring-fill{stroke-dasharray:var(--len) var(--c)}.m-fn-bar i,.m-stack i{transform:none}}
/* Layering: the withdraw sheet sits under the confirm sheet (450) and toasts */
.m-sheet-wrap{z-index:440}
#toast{z-index:480}
/* Long referral links must not widen the share sheet */
.aurora-invite{grid-template-columns:minmax(0,1fr)}
.aurora-invite>*{max-width:100%;min-width:0}
.aurora-invite-link{min-width:0;max-width:100%}
/* Amount grows with what is typed so "RM" stays next to it */
.m-amt input{min-width:3ch;max-width:9ch}

/* ===== Top affiliates (level + commission) ===== */
.lb-card{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:6px 14px;box-shadow:var(--shadow);overflow:hidden}
.lb-list{display:grid}
.lb-row,.lb-me{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}
.lb-list .lb-row:last-child{border-bottom:0}
.lb-who{min-width:0;display:grid;gap:3px}
.lb-name{display:flex;align-items:center;gap:7px;min-width:0}
.lb-name strong{font-size:15px;letter-spacing:.01em;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb-who small{color:var(--muted);font-size:12px}
.lb-amt{font-size:16px;font-weight:850;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.lb-row.rank-1 .lb-amt{font-size:18px}
.lb-level{flex-shrink:0;font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:99px;letter-spacing:.02em}
.lb-level.lv-1{background:#efe8ff;color:#6a3fd6}
.lb-level.lv-2{background:#e3eeff;color:#1f5fd6}
.lb-level.lv-3{background:linear-gradient(135deg,#fff1c2,#ffd66b);color:#7a4a00}
body.dark .lb-level.lv-1{background:#352a5e;color:#c9b4ff}
body.dark .lb-level.lv-2{background:#1f3360;color:#a9c6ff}
body.dark .lb-level.lv-3{background:#5a4520;color:#ffdc8a}
.lb-me{border-top:1px dashed var(--line);border-bottom:0;margin:0 -14px;padding:13px 14px;background:linear-gradient(90deg,rgba(111,60,231,.07),rgba(111,60,231,0));border-radius:0 0 22px 22px}
.lb-list+.lb-me{border-top:1px dashed color-mix(in srgb,var(--blue) 35%,var(--line))}
.lb-me-rank{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--blue);color:#fff;font-size:12.5px;font-weight:850}
.lb-empty{display:grid;justify-items:center;gap:4px;padding:22px 8px;text-align:center}
.lb-empty svg{width:28px;height:28px;color:#f5b82e;margin-bottom:4px}
.lb-empty span{color:var(--muted);font-size:12.5px}
.lb-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 12px}
.lb-head p{margin:0;font-size:12.5px}
.lb-periods{display:flex;gap:2px;padding:3px;border-radius:99px;background:var(--panel2);border:1px solid var(--line)}
.lb-periods a{padding:6px 12px;border-radius:99px;font-size:12.5px;font-weight:800;color:var(--muted);transition:background .2s,color .2s}
.lb-periods a.on{background:var(--text);color:var(--panel)}
.lb-crown{position:relative;overflow:hidden}
.lb-crown::after{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.85) 50%,transparent 60%);transform:translateX(-120%);animation:lbShine 1.1s .45s ease-out 1 both}
@keyframes lbShine{to{transform:translateX(120%)}}
@media (prefers-reduced-motion:reduce){.lb-crown::after{animation:none;display:none}}

.lb-row.is-me{margin:0 -14px;padding-left:14px;padding-right:14px;background:linear-gradient(90deg,rgba(111,60,231,.09),rgba(111,60,231,0))}
.lb-you{flex-shrink:0;font-size:10.5px;font-weight:850;padding:3px 8px;border-radius:99px;background:var(--blue);color:#fff}
.lb-next{white-space:nowrap}
.lb-row.is-me+.lb-row,.lb-list .lb-row:has(+.is-me){border-bottom-color:transparent}

/* ===== Free + Share settings ===== */
.policy-new{display:inline-block;margin-left:7px;font-size:9.5px;font-weight:850;letter-spacing:.03em;padding:2px 6px;border-radius:99px;background:#16a34a;color:#fff;vertical-align:2px}
.share-step{display:flex;align-items:center;gap:10px;margin-bottom:4px}
.share-step-btn{width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:var(--panel2);font-size:20px;font-weight:800;color:var(--blue);display:grid;place-items:center;transition:transform .12s}
.share-step-btn:active{transform:scale(.92)}
.share-step-val{width:64px;height:42px;border:0;background:transparent;text-align:center;font-size:24px;font-weight:850;color:var(--text);-moz-appearance:textfield}
.share-step-val::-webkit-inner-spin-button,.share-step-val::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.share-step em{font-style:normal;color:var(--muted);font-size:12.5px}
.share-hint{margin:2px 0 8px;line-height:1.45}
.share-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.share-chip{position:relative;padding:8px 14px;border-radius:99px;border:1px solid var(--line);background:var(--panel2);font-size:12.5px;font-weight:800;color:var(--muted);cursor:pointer;transition:background .2s,color .2s}
.share-chip input{position:absolute;opacity:0;pointer-events:none}
.share-chip.on{background:var(--text);border-color:var(--text);color:var(--panel)}
.share-chip:has(input:focus-visible){outline:3px solid #96adff}
.share-text{min-height:64px}
.share-bar{letter-spacing:1px}
.share-preview-label{margin:12px 0 4px!important;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.telegram-bubble.is-share u{color:#2f6aa0;text-decoration:none}

/* ===== Welcome + Sign up / Log in (aurora wallpaper) ===== */
.aurora-wall{position:absolute;inset:0;overflow:hidden;background:#0b0d22;z-index:0}
.aurora-wall i{position:absolute;border-radius:50%;filter:blur(46px);opacity:.9;will-change:transform}
.aurora-wall .w1{width:72vmax;height:72vmax;max-width:520px;max-height:520px;left:-22%;top:-12%;background:#6f3ce7;animation:wallA 22s ease-in-out infinite alternate}
.aurora-wall .w2{width:62vmax;height:62vmax;max-width:460px;max-height:460px;right:-30%;top:14%;background:#2f6bff;animation:wallB 26s ease-in-out infinite alternate}
.aurora-wall .w3{width:58vmax;height:58vmax;max-width:430px;max-height:430px;left:-6%;top:44%;background:#e04fbd;opacity:.6;animation:wallC 24s ease-in-out infinite alternate}
.aurora-wall .w4{width:44vmax;height:44vmax;max-width:340px;max-height:340px;right:-12%;bottom:-14%;background:#19c3a5;opacity:.42;animation:wallB 30s ease-in-out infinite alternate-reverse}
.aurora-wall::after{content:"";position:absolute;inset:0;background:radial-gradient(130% 70% at 50% 105%,rgba(11,13,34,.96) 32%,rgba(11,13,34,0) 72%)}
@keyframes wallA{to{transform:translate(18%,10%) scale(1.12)}}
@keyframes wallB{to{transform:translate(-16%,12%) scale(.92)}}
@keyframes wallC{to{transform:translate(14%,-12%) scale(1.08)}}

html.auth-viewport .auth-body.welcome{position:relative;padding:0;align-items:stretch;justify-content:center;color:#fff}
.wl-in{position:relative;z-index:1;width:min(460px,100%);height:100%;display:flex;flex-direction:column;padding:max(22px,env(safe-area-inset-top)) 24px max(22px,env(safe-area-inset-bottom))}
.welcome .brand{color:#fff;padding:6px 0 0}.welcome .brand b{color:#8ff0c6}
.wl-slides{flex:1;min-height:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -24px}
.wl-slides::-webkit-scrollbar{display:none}
.wl-slide{flex:0 0 100%;scroll-snap-align:center;display:flex;flex-direction:column;padding:0 24px;min-height:0}
.wl-float{position:relative;height:min(230px,30svh);margin:clamp(14px,4svh,40px) auto 0;width:min(280px,100%)}
.wl-card{position:absolute;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;padding:11px 14px;box-shadow:0 14px 34px rgba(0,0,0,.28);opacity:0;transform:translateY(16px)}
.wl-card small{display:block;opacity:.78;font-size:11.5px}.wl-card b{display:block;font-size:15px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wl-card.k1{left:0;top:0;width:78%}.wl-card.k2{right:0;top:33%;width:68%}.wl-card.k3{left:6%;top:68%;width:74%}
.wl-slide.is-on .wl-card{animation:wlRise .7s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(.12s + var(--k)*.16s)}
.wl-slide.is-on .wl-card.k1{animation-name:wlRise,wlBob;animation-duration:.7s,6s;animation-delay:.12s,1s;animation-iteration-count:1,infinite;animation-direction:normal,alternate}
@keyframes wlRise{to{opacity:1;transform:none}}
@keyframes wlBob{from{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(-6px)}}
.wl-live{display:inline-block;width:8px;height:8px;border-radius:50%;background:#34e3a2;margin-right:6px;box-shadow:0 0 0 0 rgba(52,227,162,.6);animation:wlPulse 1.8s infinite}
@keyframes wlPulse{70%{box-shadow:0 0 0 8px rgba(52,227,162,0)}100%{box-shadow:0 0 0 0 rgba(52,227,162,0)}}
.wl-spark{display:block;width:100%;height:24px;margin-top:4px}.wl-spark path{fill:none;stroke:#8fd3ff;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:200}
.wl-slide.is-on .wl-spark path{animation:wlDraw 1.4s .7s ease forwards}@keyframes wlDraw{to{stroke-dashoffset:0}}
.wl-slide h1{font-size:clamp(28px,8.4vw,36px);line-height:1.08;letter-spacing:-1px;margin:auto 0 10px;color:#fff;text-align:left}
.wl-slide h1 em{font-style:normal;background:linear-gradient(90deg,#c9b6ff,#8fd3ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.wl-lead{opacity:.82;font-size:14.5px;line-height:1.5;margin:0 0 14px}
.wl-pager{display:flex;gap:6px;margin:4px 0 18px}
.wl-pager button{width:8px;height:8px;border:0;padding:0;border-radius:9px;background:rgba(255,255,255,.35);transition:width .3s,background .3s}
.wl-pager button.on{width:24px;background:#fff}
.wl-go{height:56px;border:0;border-radius:99px;background:#fff;color:#1a1640;font-weight:850;font-size:16.5px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 12px 34px rgba(120,90,255,.5);transition:transform .15s}
.wl-go:active{transform:scale(.97)}.wl-go span{transition:transform .25s}.wl-go:hover span{transform:translateX(4px)}
.wl-ghost{text-align:center;margin:14px 0 0;font-size:13.5px;opacity:.88}.wl-ghost a{color:#fff;font-weight:800;text-decoration:underline;text-underline-offset:3px}

/* Sign up / Log in sheet over the wallpaper */
html.auth-viewport .auth-body.auth2{position:relative;padding:0;flex-direction:column;justify-content:flex-end;align-items:center}
.auth2-top{position:relative;z-index:1;flex:1;min-height:0;width:min(460px,100%);padding:max(20px,env(safe-area-inset-top)) 24px 0}
.auth2 .auth2-top .brand{color:#fff;padding:6px 0}.auth2 .auth2-top .brand b{color:#8ff0c6}
html.auth-viewport .auth2 .account-card.auth2-sheet{position:relative;z-index:1;width:min(460px,100%);max-height:86svh;border:0;border-radius:28px 28px 0 0;padding:10px 22px max(22px,env(safe-area-inset-bottom));box-shadow:0 -14px 40px rgba(0,0,0,.25);animation:sheetUp .45s cubic-bezier(.2,.8,.2,1)}
@keyframes sheetUp{from{transform:translateY(40px);opacity:0}}
.auth2-grab{display:block;width:40px;height:5px;border-radius:9px;background:var(--line);margin:0 auto 12px}
.auth2-tabs{display:flex;padding:4px;border-radius:99px;background:var(--panel2);border:1px solid var(--line);margin-bottom:14px}
.auth2-tabs a{flex:1;text-align:center;padding:9px;border-radius:99px;font-weight:800;font-size:13.5px;color:var(--muted);transition:background .2s,color .2s}
.auth2-tabs a.on{background:var(--text);color:var(--panel)}
html.auth-viewport .auth2 h1{text-align:left;font-size:22px;letter-spacing:-.5px;margin:0 0 3px}
html.auth-viewport .auth2 .sub{text-align:left;margin:0 0 6px;font-size:13px}
.auth2 .google-divider{margin:14px 0 10px}
.auth2-submit{margin-top:16px;min-height:50px;border-radius:15px;font-size:15px}
.auth2-chip{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--panel2);border-radius:14px;padding:10px 12px;margin:12px 0 2px}
.auth2-chip b{display:block;font-size:13.5px}.auth2-chip small{display:block;color:var(--muted);font-size:11.5px}
.auth2-chip button{margin-left:auto;border:0;background:none;color:var(--blue);font-weight:800;font-size:12.5px}
.auth2-av{width:34px;height:34px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900;background:linear-gradient(135deg,#7c4dff,#e04fbd)}
.auth2-foot{text-align:center;margin:16px 0 0}
@media(min-width:731px){
 html.auth-viewport .auth-body.auth2{justify-content:center}
 .auth2-top{flex:none;padding-bottom:14px}
 html.auth-viewport .auth2 .account-card.auth2-sheet{border-radius:26px;max-height:88svh}
 .auth2-grab{display:none}
}
@media (prefers-reduced-motion:reduce){
 .aurora-wall i,.wl-live{animation:none}
 .wl-card,.wl-slide.is-on .wl-card{animation:none;opacity:1;transform:none}
 .wl-spark path{stroke-dashoffset:0;animation:none}
 html.auth-viewport .auth2 .account-card.auth2-sheet{animation:none}
}
@media(min-width:731px){.aurora-wall .w1,.aurora-wall .w2,.aurora-wall .w3{max-width:900px;max-height:900px}.aurora-wall .w4{max-width:620px;max-height:620px}}
/* ===== Forgot password, legal, activity log, share results ===== */
.auth2-forgot{text-align:right;margin:8px 2px 0}
.auth2-legal{text-align:center;margin:12px 4px 0;line-height:1.5}
.auth2-help{margin:16px 0 0;padding:12px 14px;border-radius:14px;background:var(--panel2);border:1px solid var(--line);font-size:12px;line-height:1.55;color:var(--muted)}
.auth2-help p{margin:0}.auth2-help p+p{margin-top:8px}.auth2-help b{color:var(--text)}
.auth2-code{font-size:22px;letter-spacing:8px;text-align:center;font-weight:800}
.linklike{background:none;border:0;padding:0;cursor:pointer}
.legal-page{background:var(--bg)}
.legal-wrap{max-width:720px;margin:0 auto;padding:calc(18px + env(safe-area-inset-top)) 16px 48px}
.legal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.legal-top .brand{padding:0}
.legal-wrap>h1{font-size:28px;letter-spacing:-.8px;margin:8px 0 4px}
.legal{font-size:14px;line-height:1.65}
.legal-intro{font-size:15px;margin:6px 0 18px}
.legal section{padding:12px 0;border-top:1px solid var(--line)}
.legal h2{font-size:15px;margin:0 0 4px}.legal section p{margin:0;color:var(--text);opacity:.9}
.legal-switch{margin-top:14px}
.act-filters,.ss-periods{display:flex;gap:6px;overflow-x:auto;padding:2px 0 12px;scrollbar-width:none}
.act-filters::-webkit-scrollbar,.ss-periods::-webkit-scrollbar{display:none}
.act-pill{flex-shrink:0;border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:99px;padding:7px 13px;font-size:12px;font-weight:750;cursor:pointer}
.act-pill.on{background:var(--grad);border-color:transparent;color:#fff}
.act-card{padding-top:6px}
.act-day{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin:14px 0 4px}
.act-row{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line)}
.act-row:last-child{border-bottom:0}
.act-dot{width:9px;height:9px;border-radius:50%;margin-top:6px;flex-shrink:0;background:#8b95b8}
.act-access{background:#7c5cff}.act-plans{background:#f5a524}.act-followup,.act-reminders{background:#2f80ff}.act-affiliates,.act-withdrawals{background:#13b981}.act-members{background:#ec4899}.act-bot{background:#64748b}.act-payments{background:#ef4444}
.act-text{min-width:0}.act-text strong{display:block;font-size:13px;line-height:1.4}.act-text small{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.ss-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;margin-bottom:12px}
.ss-tile{border:1px solid var(--line);background:var(--panel2);border-radius:14px;padding:12px}
.ss-tile b{display:block;font-size:22px;letter-spacing:-.5px}.ss-tile span{display:block;font-size:12px;font-weight:700;margin-top:2px}.ss-tile small{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.ss-top-h{font-size:13px;margin:6px 0 2px}.ss-rank{font-weight:850;color:var(--purple);width:28px}
.reset-link-box{margin-top:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);display:grid;gap:4px}
.reset-link-row{display:flex;gap:8px;margin-top:6px}.reset-link-row .field{min-width:0;font-size:12px}
/* Bot hub: keep the small line under Total users and Conversion on phones */
@media(max-width:730px){.aurora-main:has(.bot-hub) .grid.four>.card.stat:nth-child(n+3) .hint{display:block;color:var(--muted);font-weight:600;font-size:11px;line-height:1.35;margin-top:4px}}
/* Before support ends */
.expiry-card{margin-top:12px}
.expiry-head{display:flex;gap:14px;align-items:flex-start;justify-content:space-between}
.expiry-head h3{margin:0 0 4px}.expiry-head p{margin:0;line-height:1.5}
.expiry-switch{flex-shrink:0;padding-top:2px}
.expiry-sub{font-size:13px;margin:16px 0 4px}
.expiry-list .row-item{padding:9px 0}
/* Payment gateway switch */
.gw-row{align-items:flex-start}
.gw-body{flex:1;min-width:0;display:grid;gap:4px}
.gw-body>small{font-size:12px;line-height:1.45}
.gw-opts{display:grid;gap:8px;margin-top:8px}
.gw-opt{text-align:left;border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:11px 13px;display:grid;gap:3px;cursor:pointer;color:var(--text)}
.gw-opt.on{border-color:transparent;box-shadow:0 0 0 2px var(--purple) inset;background:var(--panel2)}
.gw-opt-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.gw-opt small{color:var(--muted);font-size:12px}
.gw-row .notice{margin:8px 0 0}
.access-plan-edit{flex-basis:100%;display:grid;gap:4px;padding:12px;border-radius:14px;background:var(--panel2);border:1px solid var(--line)}
.access-plan-edit .access-plan-actions{margin-top:8px}
/* Withdrawal rules */
.wr-card{margin-bottom:12px}
.wr-grid{display:grid;grid-template-columns:auto minmax(0,220px);gap:10px 14px;align-items:center}
.wr-grid .field-label{margin:0}
.wr-input{display:flex;align-items:center;gap:8px}.wr-input span{font-weight:700;color:var(--muted);font-size:13px}.wr-input .field{min-width:0}
.wr-note,.wr-grid .footerbar{grid-column:1/-1;margin:0}
@media(max-width:520px){.wr-grid{grid-template-columns:1fr}.wr-grid .field-label{margin-top:6px}}
.m-hold{display:flex;gap:8px;align-items:center;margin-top:10px;padding:10px 12px;border-radius:12px;background:rgba(255,170,40,.12);color:inherit;font-size:13px}
.m-hold svg{width:16px;height:16px;flex-shrink:0;opacity:.8}
.m-rules{margin:10px 0 0;font-size:12px;opacity:.7;text-align:center}