:root{
  --bg:#eef2fc;
  --bg-deep:#e4eaf9;
  --bg-1:#ffffff;
  --surface:rgba(255,255,255,.72);
  --surface-strong:rgba(255,255,255,.95);
  --border:rgba(25,38,84,.10);
  --border-2:rgba(25,38,84,.16);
  --border-accent:rgba(64,86,246,.28);
  --t1:#071033;
  --t2:#33436f;
  --t3:#63719d;
  --t4:#9aa6cc;
  --p:#4056f6;
  --p2:#4f6dff;
  --p3:#6b8cff;
  --p-soft:#e6eaff;
  --grad:linear-gradient(135deg,#2f42d9 0%,#4056f6 56%,#6b8cff 100%);
  --grad-text:linear-gradient(120deg,#071033 0%,#253b91 42%,#4056f6 72%,#6b8cff 100%);
  --ok:#16b87f;
  --warn:#f5a623;
  --bad:#f5455c;
  --seller:#d17a22;
  --ink:#0a0f23;
  --ink-2:#111832;
  --r:14px;
  --r-lg:20px;
  --r-xl:26px;
  --shadow-sm:0 1px 2px rgba(18,28,62,.06);
  --shadow:0 18px 50px -20px rgba(42,52,104,.30),0 2px 6px rgba(18,28,62,.05);
  --shadow-lg:0 36px 90px -30px rgba(42,52,104,.42),0 12px 32px rgba(64,86,246,.10);
  --bg-old:var(--bg);
  --surface-old:var(--bg-1);
  --surface-2:rgba(64,86,246,.07);
  --surface-3:rgba(25,38,84,.08);
  --text:var(--t1);
  --muted:var(--t3);
  --faint:var(--t4);
  --line:var(--border);
  --brand:var(--p);
  --brand-2:var(--ok);
  --danger:var(--bad);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
html,body{
  min-height:100%;
  color:var(--t1);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;
  font-size:15px;
  line-height:1.45;
  -webkit-font-smoothing:antialiased;
  letter-spacing:-.01em;
}
body{
  overflow-x:hidden;
  background:
    radial-gradient(1200px 700px at 88% -8%,rgba(107,140,255,.20),transparent 60%),
    radial-gradient(900px 600px at -6% 12%,rgba(64,86,246,.14),transparent 58%),
    linear-gradient(180deg,var(--bg) 0%,var(--bg-deep) 100%);
  background-attachment:fixed;
}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
a:focus-visible,.btn:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid rgba(64,86,246,.24);
  outline-offset:2px;
}
h1,h2,h3,p{margin:0}
h1{font-size:27px;line-height:1.1;letter-spacing:-.03em;font-weight:800}
h1 .u{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
h2{font-size:16px;line-height:1.2;font-weight:750;letter-spacing:-.02em}
h3{font-size:14px;line-height:1.25;font-weight:750}
.mono{font-family:"JetBrains Mono","SFMono-Regular","Cascadia Code",ui-monospace,monospace;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
pre.mono{max-width:100%;overflow:auto;white-space:pre-wrap;word-break:break-word;margin:0}
.app-root{min-height:100vh}
.boot-screen,.loading-state{min-height:100vh;display:grid;place-content:center;gap:14px;color:var(--t3);font-weight:650}
.loading-state{min-height:220px}
.boot-mark{width:34px;height:34px;border:3px solid var(--border-2);border-top-color:var(--p);border-radius:50%;animation:spin .8s linear infinite;margin:auto}
@keyframes spin{to{transform:rotate(360deg)}}

/* App shell */
.shell{min-height:100vh;display:grid;grid-template-columns:264px minmax(0,1fr)}
.sidebar{
  position:sticky;
  top:0;
  height:100vh;
  padding:24px 18px;
  display:flex;
  flex-direction:column;
  gap:8px;
  border-right:1px solid var(--border);
  background:linear-gradient(180deg,rgba(255,255,255,.66),rgba(255,255,255,.40));
  backdrop-filter:blur(18px);
  overflow:auto;
}
.brand{display:flex;align-items:center;gap:11px;padding:6px 8px 18px}
.brand-mark{
  width:38px;
  height:38px;
  border-radius:11px;
  background:var(--grad);
  color:#fff;
  display:grid;
  place-items:center;
  box-shadow:0 8px 22px -6px rgba(64,86,246,.60);
  font-weight:850;
  flex:none;
}
.brand-mark svg{width:21px;height:21px;color:#fff}
.brand-title{display:block;font-size:16px;font-weight:800;letter-spacing:-.02em;color:var(--t1);line-height:1.05}
.brand-title .brand-accent{color:var(--p)}
.brand-sub{display:block;font-size:11px;color:var(--t3);font-weight:600;margin-top:1px}
.nav{display:flex;flex-direction:column;gap:3px}
.nav-link{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:42px;
  padding:10px 12px;
  border-radius:12px;
  color:var(--t2);
  font-size:14px;
  font-weight:550;
  overflow:hidden;
  transition:background .16s,color .16s,box-shadow .16s;
}
.nav-link .nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-badge{
  margin-left:auto;
  padding:2px 7px;
  border-radius:20px;
  background:rgba(245,166,35,.15);
  color:#c88a00;
  font-size:10px;
  font-weight:700;
  line-height:1.2;
}
.nav-badge.bad{background:rgba(245,69,92,.12);color:var(--bad)}
.nav-badge.info{background:rgba(33,150,243,.12);color:#2196f3}
.nav-link.active .nav-badge{background:rgba(255,255,255,.22);color:#fff}
.nav-link:hover{background:rgba(64,86,246,.07);color:var(--t1)}
.nav-link.active{background:var(--grad);color:#fff;box-shadow:0 10px 24px -10px rgba(64,86,246,.70)}
.nav-icon{width:18px;height:18px;color:currentColor;display:grid;place-items:center;flex:0 0 18px}
.nav-svg{display:block;width:18px;height:18px;opacity:.70;flex:none}
.nav-link.active .nav-svg{opacity:1}
.nav-sep{height:1px;background:var(--border);margin:8px 0}
.sidebar-cards{display:grid;gap:9px;margin-top:auto;padding-top:14px}
.side-card{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:62px;
  border:1px solid var(--border-2);
  background:rgba(255,255,255,.70);
  border-radius:15px;
  padding:12px 14px;
  text-align:left;
  color:var(--t1);
  font:inherit;
  appearance:none;
  transition:transform .18s,box-shadow .18s,border-color .18s;
}
.side-card.gift-card{background:linear-gradient(135deg,#fff8ed,#fff3d8);border-color:rgba(245,166,35,.30)}
.side-card.tg-card{background:linear-gradient(135deg,#edf5ff,#daeeff);border-color:rgba(42,163,255,.28)}
.side-card.support-card{background:linear-gradient(135deg,#f5f7fc,#e9edf7);border-color:rgba(97,112,148,.22)}
.side-card-ico{
  width:36px;
  height:36px;
  border-radius:10px;
  flex:none;
  display:grid;
  place-items:center;
  color:#fff;
  background:linear-gradient(135deg,#ffb938,#f5820a);
  box-shadow:0 6px 16px -4px rgba(245,130,10,.40);
}
.side-card-ico .nav-svg{width:17px;height:17px;opacity:1}
.side-card.tg-card .side-card-ico{background:linear-gradient(135deg,#4fbaff,#0090e8);box-shadow:0 6px 16px -4px rgba(0,144,232,.40)}
.side-card.support-card .side-card-ico{background:linear-gradient(135deg,#8b99be,#617094);box-shadow:0 6px 16px -4px rgba(97,112,148,.32)}
.side-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px -8px rgba(0,0,0,.13)}
.side-card strong{display:block;font-size:12.5px;line-height:1.2}
.side-card span{display:block;color:var(--t3);font-size:12px;margin-top:2px}
.side-card.gift-card strong,.side-card.gift-card span span{color:#8c5900}
.side-card.tg-card strong,.side-card.tg-card span span{color:#0b6dac}
.sidebar-footer{display:grid;gap:10px;margin-top:auto;padding-top:14px}
.role-card{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:13px;background:rgba(25,38,84,.04);border:1px solid var(--border)}
.role-avatar{width:34px;height:34px;border-radius:10px;background:var(--grad);color:#fff;font-weight:800;display:grid;place-items:center;flex:none}
.role-meta{min-width:0}.role-name{font-size:12px;font-weight:700;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-label{font-size:11px;color:var(--t3);font-weight:600;margin-top:1px}
.role-logout{display:flex;align-items:center;gap:9px;padding:9px 12px;border:0;border-radius:11px;background:transparent;color:var(--t3);font:inherit;font-size:13px;font-weight:650;text-align:left;transition:background .15s,color .15s}
.role-logout .nav-svg{width:17px;height:17px}.role-logout:hover{background:rgba(245,69,92,.08);color:var(--bad)}
.workspace{min-width:0;display:flex;flex-direction:column}
.status-workspace>.statusbar{display:none}
.statusbar{
  position:sticky;
  top:0;
  z-index:30;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 30px;
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--border);
}
.sys{display:flex;align-items:center;gap:10px;min-width:0}
.dot{width:7px;height:7px;border-radius:50%;background:var(--ok);display:inline-block;flex:none;animation:sysPulse 2.2s ease-out infinite}
.dot.warn{background:var(--warn);animation:none}
.dot.down{background:var(--bad);animation:none}
@keyframes sysPulse{0%{box-shadow:0 0 0 0 rgba(26,185,125,.5)}70%{box-shadow:0 0 0 7px rgba(26,185,125,0)}100%{box-shadow:0 0 0 0 rgba(26,185,125,0)}}
.sys-title{
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:12.5px;
  font-weight:700;
  color:#0e9660;
  background:rgba(26,185,125,.10);
  border:1px solid rgba(26,185,125,.22);
  border-radius:24px;
  padding:5px 12px 5px 9px;
}
.sys-title.warn{color:#a06000;background:rgba(245,166,35,.10);border-color:rgba(245,166,35,.24)}
.sys-title.down{color:var(--bad);background:rgba(245,69,92,.10);border-color:rgba(245,69,92,.22)}
.sys-meta{color:var(--t4);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-actions{display:flex;align-items:center;gap:8px;min-width:0}
.sys-uptime{font-size:11.5px;font-weight:800;color:#0e9660;background:rgba(26,185,125,.08);border:1px solid rgba(26,185,125,.15);border-radius:20px;padding:3px 10px;white-space:nowrap}
.sys-update{font-size:11px;color:var(--t4);white-space:nowrap}
.admin-token-input{
  min-height:36px;
  width:190px;
  border:1.5px solid var(--border-2);
  border-radius:10px;
  background:#fff;
  color:var(--t1);
  padding:8px 11px;
  outline:none;
}
.admin-token-input:focus{border-color:var(--p);box-shadow:0 0 0 3px rgba(64,86,246,.12)}
.content{padding:26px 30px 56px;max-width:1320px;margin:0 auto;width:100%}
.page-head{display:flex;align-items:flex-start;gap:18px;margin-bottom:18px;flex-wrap:wrap}
.page-head .top-actions{margin-left:auto}
.sub{margin-top:5px;color:var(--t3);max-width:760px}

/* Building blocks */
.grid{display:grid;gap:16px}.grid>*{min-width:0}
.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card,.panel{
  min-width:0;
  background:var(--surface-strong);
  border:1px solid var(--border);
  border-radius:var(--r-lg);
  box-shadow:var(--shadow);
  backdrop-filter:blur(10px);
}
.card{padding:20px 22px;position:relative;overflow:hidden}
.panel{padding:22px 24px;margin-top:20px}
.metric-label{color:var(--t3);font-size:12.5px;font-weight:650;display:flex;align-items:center;gap:6px}
.metric-value{font-size:34px;font-weight:750;letter-spacing:-.03em;line-height:1;margin-top:10px;color:var(--t1)}
.metric-note{font-size:12px;color:var(--t3);margin-top:9px}
.accent{color:var(--p)}.ok{color:var(--ok)}.warn{color:var(--warn)}.danger{color:var(--bad)}.seller{color:var(--seller)}
.btn{
  border:1px solid var(--border-2);
  background:#fff;
  color:var(--t1);
  border-radius:11px;
  min-height:38px;
  padding:9px 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:750;
  font-size:13.5px;
  transition:transform .12s,box-shadow .18s,border-color .18s,background .18s,color .18s;
  white-space:nowrap;
}
.btn:hover{border-color:var(--border-accent);color:var(--p);transform:translateY(-1px)}
.btn-svg{width:16px;height:16px;flex:none}
.btn.invite-btn{
  min-width:160px;
  border-color:rgba(245,166,35,.45);
  background:rgba(255,248,237,.72);
  color:#9b5f00;
}
.btn.invite-btn:hover{
  border-color:rgba(245,166,35,.70);
  background:#fff8ed;
  color:#8c5900;
  box-shadow:0 12px 24px -16px rgba(245,166,35,.70);
}
.btn.primary{background:var(--ink);border-color:var(--ink);color:#fff}
.btn.brand{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 12px 28px -10px rgba(64,86,246,.65)}
.btn.brand:hover{color:#fff;box-shadow:0 18px 36px -12px rgba(64,86,246,.75)}
.btn.seller{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 12px 28px -12px rgba(64,86,246,.55)}
.btn.danger{background:#fff;border-color:rgba(245,69,92,.30);color:var(--bad)}
.btn:disabled{opacity:.56;cursor:not-allowed;transform:none;box-shadow:none}
.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0}
.field{display:grid;gap:6px}
.field label{font-size:12px;color:var(--t3);font-weight:750;letter-spacing:.02em}
.field input,.field select,.field textarea{
  width:100%;
  border:1.5px solid var(--border-2);
  border-radius:11px;
  background:#fff;
  color:var(--t1);
  padding:10px 13px;
  outline:none;
}
.field textarea{min-height:96px;resize:vertical;line-height:1.5}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--p);box-shadow:0 0 0 3px rgba(64,86,246,.12)}
.field input:disabled{background:#f7f9ff;color:var(--t3);cursor:not-allowed}
.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px;align-items:end}
.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:14px;background:#fff}
table{width:100%;border-collapse:collapse;min-width:720px}
th,td{text-align:left;border-bottom:1px solid var(--border);padding:13px 14px;vertical-align:middle}
th{font-size:11px;color:var(--t3);background:rgba(64,86,246,.035);font-weight:800;text-transform:uppercase;letter-spacing:.04em}
td{font-size:13px;color:var(--t2)}
tr:last-child td{border-bottom:0}
.badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:1px solid var(--border-2);
  border-radius:20px;
  padding:3px 8px;
  font-size:11px;
  font-weight:800;
  color:var(--t3);
  background:#fff;
}
.badge.ok{border-color:rgba(22,184,127,.24);background:rgba(22,184,127,.10);color:#0e9660}
.badge.warn{border-color:rgba(245,166,35,.32);background:rgba(245,166,35,.10);color:#a06000}
.badge.danger{border-color:rgba(245,69,92,.30);background:rgba(245,69,92,.08);color:var(--bad)}
.badge.brand{border-color:rgba(64,86,246,.20);background:rgba(64,86,246,.10);color:var(--p)}
.chart{display:flex;align-items:end;gap:4px;height:188px;border-bottom:1px solid var(--border);padding:12px 4px 0;overflow:hidden}
.bar{flex:1 1 0;min-width:0;background:linear-gradient(180deg,#9db4ff,#5570ff);border-radius:5px 5px 0 0;position:relative}
.bar.ok{background:linear-gradient(180deg,#5fe3b0,#16b87f)}.bar.warn{background:linear-gradient(180deg,#ffce6b,#f5a623)}.bar.seller{background:linear-gradient(180deg,#ffbe55,#e0921a)}
.bar.h-0{height:4%}.bar.h-5{height:5%}.bar.h-10{height:10%}.bar.h-15{height:15%}.bar.h-20{height:20%}.bar.h-25{height:25%}.bar.h-30{height:30%}.bar.h-35{height:35%}.bar.h-40{height:40%}.bar.h-45{height:45%}.bar.h-50{height:50%}.bar.h-55{height:55%}.bar.h-60{height:60%}.bar.h-65{height:65%}.bar.h-70{height:70%}.bar.h-75{height:75%}.bar.h-80{height:80%}.bar.h-85{height:85%}.bar.h-90{height:90%}.bar.h-95{height:95%}.bar.h-100{height:100%}
.list{display:grid;gap:10px}
.row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid var(--border);
  border-radius:12px;
  background:#fff;
  padding:12px 14px;
}
.row-main{min-width:0}.row-title{font-weight:750;color:var(--t1)}.row-sub{color:var(--t3);font-size:12.5px;margin-top:2px}.row-actions{display:flex;gap:8px;flex-wrap:wrap}
.key-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.key-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);padding:22px;box-shadow:var(--shadow);display:grid;gap:16px;min-width:0}
.key-card.muted{opacity:.62;background:rgba(255,255,255,.72)}
.key-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.key-top h2{font-size:16px;line-height:1.2;margin-bottom:6px;overflow-wrap:anywhere}.key-top p{font-size:12.5px;color:var(--t3)}
.key-box{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);padding:12px 13px;font-size:14px;color:var(--t1);min-width:0}.key-box span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.icon-btn{border:0;background:transparent;color:var(--t3);font:inherit;font-size:17px;line-height:1;cursor:pointer;border-radius:7px;padding:4px;flex:none}.icon-btn:hover{background:#fff;color:var(--p)}
.key-limit{display:grid;gap:8px}.key-limit>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--t3);font-weight:750}.key-limit b{font-family:"JetBrains Mono";color:var(--t2);font-size:12px}
.key-bar{height:8px;background:var(--bg-deep);border-radius:8px;overflow:hidden}.key-bar i{display:block;height:100%;background:var(--grad);border-radius:8px;width:0}
.key-bar .w-0{width:0}.key-bar .w-5{width:5%}.key-bar .w-10{width:10%}.key-bar .w-15{width:15%}.key-bar .w-20{width:20%}.key-bar .w-25{width:25%}.key-bar .w-30{width:30%}.key-bar .w-35{width:35%}.key-bar .w-40{width:40%}.key-bar .w-45{width:45%}.key-bar .w-50{width:50%}.key-bar .w-55{width:55%}.key-bar .w-60{width:60%}.key-bar .w-65{width:65%}.key-bar .w-70{width:70%}.key-bar .w-75{width:75%}.key-bar .w-80{width:80%}.key-bar .w-85{width:85%}.key-bar .w-90{width:90%}.key-bar .w-95{width:95%}.key-bar .w-100{width:100%}
.key-actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:14px}
.key-actions .btn{min-height:33px;padding:7px 11px;font-size:13px}
.user-filterbar{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:12px;align-items:center;margin:4px 0 18px}
.filter-search{min-width:0}.filter-search input{width:100%;height:38px;border-radius:12px;background:#fff}.filter-search input:focus{outline:none;border-color:var(--p);box-shadow:0 0 0 3px rgba(64,86,246,.12)}
.seg-tabs{display:flex;gap:8px;align-items:center;justify-content:flex-end}.seg-tabs button{border:1px solid transparent;background:transparent;color:var(--t3);font:inherit;font-size:13px;font-weight:800;padding:9px 13px;border-radius:11px;cursor:pointer}.seg-tabs button.on{background:#fff;border-color:var(--border);color:var(--p);box-shadow:var(--shadow-sm)}
.filter-note{grid-column:2;color:var(--t3);font-size:12.5px;text-align:right}
.finance-due{margin:4px 0 20px}.section-line{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.section-line p{font-size:13px;color:var(--t3);font-weight:650}.due-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.due-card{border:1px solid var(--border-2);background:rgba(255,255,255,.38);border-radius:13px;padding:16px}.due-card span{display:block;color:var(--t3);font-size:13px;font-weight:800}.due-card b{display:block;margin-top:6px;font-family:"JetBrains Mono";font-size:22px;color:var(--p)}.due-card small{display:block;margin-top:4px;color:var(--t3);font-size:11.5px}
.admin-analytics-filterbar{
  display:flex;
  align-items:flex-end;
  gap:14px;
  flex-wrap:wrap;
  margin:4px 0 18px;
  padding:14px 16px;
  background:var(--surface-strong);
  border:1px solid var(--border);
  border-radius:var(--r-lg);
  box-shadow:var(--shadow);
}
.admin-filter-group{display:grid;gap:6px;min-width:170px}
.admin-filter-group>span{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.05em;color:var(--t3)}
.admin-filter-group select{
  min-width:150px;
  min-height:39px;
  border:1.5px solid var(--border);
  border-radius:10px;
  background:var(--bg);
  color:var(--t1);
  padding:9px 12px;
  font:inherit;
  font-size:13px;
  font-weight:750;
  outline:none;
}
.admin-filter-group select:focus{border-color:var(--p);box-shadow:0 0 0 3px rgba(64,86,246,.13)}
.admin-filter-options{
  display:flex;
  align-items:center;
  gap:4px;
  min-height:40px;
  padding:4px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--bg);
}
.admin-filter-options button{
  min-height:30px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:var(--t3);
  padding:6px 10px;
  font:inherit;
  font-size:12px;
  font-weight:850;
  white-space:nowrap;
}
.admin-filter-options button.on{background:#fff;color:var(--p);box-shadow:var(--shadow-sm)}
.admin-export{
  margin-left:auto;
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1.5px solid var(--border-accent);
  border-radius:11px;
  background:rgba(64,86,246,.07);
  color:var(--p);
  padding:9px 15px;
  font:inherit;
  font-size:13px;
  font-weight:850;
  white-space:nowrap;
}
.admin-export .nav-svg{width:15px;height:15px;opacity:1}
.admin-export:hover{background:var(--p);border-color:var(--p);color:#fff}
.admin-export.compact{margin-left:0;min-height:36px;padding:8px 13px}
.admin-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.admin-kpi-card{
  min-width:0;
  min-height:132px;
  padding:14px 16px;
  text-align:left;
  border:1.5px solid var(--border);
  border-radius:var(--r-lg);
  background:var(--surface-strong);
  color:var(--t1);
  box-shadow:var(--shadow);
  transition:border-color .15s,box-shadow .15s,transform .15s;
}
.admin-kpi-card:hover{border-color:var(--border-accent);transform:translateY(-1px)}
.admin-kpi-card.selected{border-color:var(--p);box-shadow:0 0 0 3px rgba(64,86,246,.12),var(--shadow)}
.admin-kpi-card>span{display:block;color:var(--t3);font-size:12px;font-weight:750}
.admin-kpi-card>b{display:block;margin-top:5px;font-family:"JetBrains Mono";font-size:22px;line-height:1.1;letter-spacing:-.03em;color:var(--t1);overflow-wrap:anywhere}
.admin-kpi-card>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}
.admin-kpi-card small{font-size:11.5px;font-weight:850;white-space:nowrap}
.admin-kpi-card small.up{color:#0e8d61}.admin-kpi-card small.down{color:var(--bad)}.admin-kpi-card small.flat{color:var(--t4)}
.admin-kpi-card em{display:block;margin-top:8px;color:var(--t4);font-style:normal;font-size:11.5px;font-weight:700}
.admin-sparkline{width:120px;height:34px;flex:none}
.admin-sparkline polyline{fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.admin-sparkline.brand polyline{stroke:var(--p)}.admin-sparkline.ok polyline{stroke:var(--ok)}.admin-sparkline.violet polyline{stroke:#8a5cff}.admin-sparkline.danger polyline{stroke:var(--bad)}
.admin-chart-card{margin:0 0 18px}
.admin-chart-card .section-line{margin-bottom:8px}
.admin-chart-wrap{min-height:250px;overflow:hidden}
.admin-main-chart{display:block;width:100%;height:auto}
.admin-chart-gridline{stroke:rgba(25,38,84,.08);stroke-width:1}
.admin-chart-y{fill:var(--t4);font-family:"JetBrains Mono";font-size:11px}
.admin-chart-line{fill:none;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.admin-chart-dot{stroke:#fff;stroke-width:2}
.admin-main-chart.brand .admin-chart-line{stroke:var(--p);fill:none}.admin-main-chart.brand .admin-chart-dot{stroke:var(--p);fill:var(--p)}.admin-main-chart.brand .admin-chart-area{fill:rgba(64,86,246,.13)}
.admin-main-chart.ok .admin-chart-line{stroke:var(--ok);fill:none}.admin-main-chart.ok .admin-chart-dot{stroke:var(--ok);fill:var(--ok)}.admin-main-chart.ok .admin-chart-area{fill:rgba(22,184,127,.13)}
.admin-main-chart.violet .admin-chart-line{stroke:#8a5cff;fill:none}.admin-main-chart.violet .admin-chart-dot{stroke:#8a5cff;fill:#8a5cff}.admin-main-chart.violet .admin-chart-area{fill:rgba(138,92,255,.12)}
.admin-main-chart.danger .admin-chart-line{stroke:var(--bad);fill:none}.admin-main-chart.danger .admin-chart-dot{stroke:var(--bad);fill:var(--bad)}.admin-main-chart.danger .admin-chart-area{fill:rgba(245,69,92,.10)}
.admin-analytics-grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.admin-bars,.admin-funnel{display:grid;gap:12px}
.admin-channel-row{display:grid;gap:6px}
.admin-channel-row>div{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}
.admin-channel-row>div span{font-weight:750;color:var(--t1)}
.admin-channel-row>div b{font-family:"JetBrains Mono";font-size:12.5px;color:var(--t2)}
.admin-mini-bar{display:block;height:8px;border-radius:20px;background:rgba(25,38,84,.08);overflow:hidden}
.admin-mini-bar i{display:block;height:100%;border-radius:20px;background:var(--grad)}
.admin-funnel-row{
  position:relative;
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  overflow:hidden;
  border-radius:11px;
  background:rgba(64,86,246,.075);
  padding:11px 14px;
}
.admin-funnel-fill{position:absolute;left:0;top:0;bottom:0;border-radius:11px;background:linear-gradient(90deg,rgba(64,86,246,.20),rgba(107,140,255,.10))}
.admin-funnel-row b,.admin-funnel-row strong{position:relative;z-index:1}
.admin-funnel-row b{font-size:13px;color:var(--t1)}.admin-funnel-row strong{font-family:"JetBrains Mono";font-size:13px;color:var(--t1)}.admin-funnel-row em{margin-left:8px;color:var(--p);font-style:normal;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:11.5px;font-weight:850}
.admin-users-card{margin-top:0}
.admin-users-card .section-line h2 span{font-size:12px;color:var(--t3);font-weight:750}
.admin-users-card .table-wrap{border:0;border-radius:0;background:transparent}
.admin-users-card table{min-width:920px}
.admin-empty-cell{text-align:center;color:var(--t3);padding:22px}
.admin-mini-bar .w-0,.admin-funnel-fill.w-0{width:0}.admin-mini-bar .w-5,.admin-funnel-fill.w-5{width:5%}.admin-mini-bar .w-10,.admin-funnel-fill.w-10{width:10%}.admin-mini-bar .w-15,.admin-funnel-fill.w-15{width:15%}.admin-mini-bar .w-20,.admin-funnel-fill.w-20{width:20%}.admin-mini-bar .w-25,.admin-funnel-fill.w-25{width:25%}.admin-mini-bar .w-30,.admin-funnel-fill.w-30{width:30%}.admin-mini-bar .w-35,.admin-funnel-fill.w-35{width:35%}.admin-mini-bar .w-40,.admin-funnel-fill.w-40{width:40%}.admin-mini-bar .w-45,.admin-funnel-fill.w-45{width:45%}.admin-mini-bar .w-50,.admin-funnel-fill.w-50{width:50%}.admin-mini-bar .w-55,.admin-funnel-fill.w-55{width:55%}.admin-mini-bar .w-60,.admin-funnel-fill.w-60{width:60%}.admin-mini-bar .w-65,.admin-funnel-fill.w-65{width:65%}.admin-mini-bar .w-70,.admin-funnel-fill.w-70{width:70%}.admin-mini-bar .w-75,.admin-funnel-fill.w-75{width:75%}.admin-mini-bar .w-80,.admin-funnel-fill.w-80{width:80%}.admin-mini-bar .w-85,.admin-funnel-fill.w-85{width:85%}.admin-mini-bar .w-90,.admin-funnel-fill.w-90{width:90%}.admin-mini-bar .w-95,.admin-funnel-fill.w-95{width:95%}.admin-mini-bar .w-100,.admin-funnel-fill.w-100{width:100%}
.seller-overview-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);gap:34px;margin-top:6px}.seller-steps h2,.seller-activations h2{font-size:16px;margin-bottom:14px}.step-row{display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;margin-bottom:15px}.step-row>span{width:28px;height:28px;border-radius:10px;background:rgba(209,122,34,.16);color:var(--seller);display:grid;place-items:center;font-weight:900}.step-row strong{display:block;color:var(--t1);font-weight:850;margin-bottom:4px}.step-row p{color:var(--t2);font-size:14.5px;line-height:1.45}.seller-steps .btn{margin-top:10px}.seller-activations .table-wrap{background:transparent;border:0;box-shadow:none}.table-wrap.compact table{min-width:420px}.table-wrap.compact th,.table-wrap.compact td{padding:12px 10px}
.split{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,1fr);gap:16px;align-items:stretch}
.hero{
  background:var(--surface-strong);
  border:1px solid var(--border);
  border-radius:var(--r-lg);
  box-shadow:var(--shadow);
  padding:30px;
  margin-bottom:20px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,.5fr);
  gap:18px;
  align-items:center;
  position:relative;
  overflow:hidden;
}
.hero::after{content:"";position:absolute;right:-40px;top:-40px;width:220px;height:220px;background:radial-gradient(circle,rgba(64,86,246,.14),transparent 65%);pointer-events:none}
.hero-card{background:#fff;border:1px solid var(--border);border-radius:15px;padding:18px;position:relative;z-index:1}
.empty{padding:34px;border:1px dashed var(--border-2);border-radius:13px;background:#fff;text-align:center;color:var(--t3);font-weight:550}
.empty-state{
  min-width:0;
  padding:34px;
  border:1px dashed var(--border-2);
  border-radius:var(--r-lg);
  background:rgba(255,255,255,.78);
  text-align:center;
  color:var(--t3);
  display:grid;
  gap:12px;
  place-items:center;
}
.empty-state h2{font-size:18px;color:var(--t2)}
.empty-state p{max-width:520px;font-size:13px;line-height:1.5}
.empty-state .toolbar{justify-content:center;margin:4px 0 0}
.key-empty{min-height:160px}
.notice,.secret-panel{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  border:1px solid var(--border-accent);
  border-radius:16px;
  background:linear-gradient(100deg,rgba(64,86,246,.08),rgba(107,140,255,.04));
  padding:14px 18px;
  margin:0 0 20px;
  position:relative;
  overflow:hidden;
}
.notice::before,.secret-panel::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--grad)}
.notice.warn{border-color:rgba(245,166,35,.40);background:linear-gradient(135deg,#fff8ed,#fff)}
.notice.warn::before{background:linear-gradient(180deg,#ffbe55,#f5a623)}
.notice.danger{border-color:rgba(245,69,92,.28);background:linear-gradient(135deg,#fff5f6,#fff)}
.notice.danger::before{background:var(--bad)}
.notice.ok,.secret-panel{border-color:rgba(22,184,127,.26);background:linear-gradient(135deg,#effcf7,#fff)}
.notice.ok::before,.secret-panel::before{background:var(--ok)}
.notice-main{min-width:0;position:relative;z-index:1}.notice-title{font-weight:800}.notice-body{font-size:13px;color:var(--t2);margin-top:3px}.notice-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;position:relative;z-index:1}
.one-time-secret{margin:10px 0 0;max-width:100%;overflow:auto;background:#fff;border:1px solid var(--border);border-radius:10px;padding:10px;white-space:nowrap}
.toast{position:fixed;right:18px;bottom:18px;z-index:50;background:var(--ink);color:#fff;border-radius:12px;padding:12px 14px;box-shadow:var(--shadow-lg);max-width:min(420px,calc(100vw - 36px));font-weight:650}
.hidden{display:none!important}
.mobile-menu{display:none}

/* Loyalty prototype layout */
.loyalty-hero{
  min-height:138px;
  display:flex;
  align-items:center;
  gap:24px;
  padding:26px 32px;
  border-radius:18px;
  color:#fff;
  background:linear-gradient(135deg,#4056f6 0%,#5f7bff 62%,#7290ff 100%);
  box-shadow:var(--shadow);
  position:relative;
  overflow:hidden;
  margin-bottom:24px;
}
.loyalty-hero::after{content:"";position:absolute;right:-54px;top:-64px;width:248px;height:248px;border-radius:50%;background:rgba(255,255,255,.10);box-shadow:-40px 82px 0 -20px rgba(255,255,255,.08)}
.loyalty-hero-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.16);flex:none}
.loyalty-hero-icon .nav-svg{width:28px;height:28px;opacity:1}
.loyalty-hero span{font-size:13px;font-weight:750;color:rgba(255,255,255,.84)}
.loyalty-hero b{display:block;font-size:38px;line-height:1;margin-top:5px;letter-spacing:-.04em;color:#fff}
.loyalty-hero p{margin-top:8px;font-size:13px;font-weight:750;color:rgba(255,255,255,.82)}
.loyalty-hero-count{margin-left:auto;text-align:right;position:relative;z-index:1;min-width:150px}
.loyalty-hero-count b{font-size:25px}
.loyalty-card{
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  min-height:106px;
  padding:22px 26px;
  border:1px solid var(--border);
  border-radius:18px;
  background:var(--surface-strong);
  box-shadow:var(--shadow);
  margin-bottom:14px;
}
.loyalty-card-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;color:#fff;flex:none}
.loyalty-card-icon .nav-svg{width:22px;height:22px;opacity:1}
.loyalty-card-icon.start{background:linear-gradient(135deg,#7b5fd6,#6651bd)}
.loyalty-card-icon.invite{background:linear-gradient(135deg,#45e6a7,#20d58a)}
.loyalty-card-icon.tg{background:linear-gradient(135deg,#2bc2ff,#08a7e7)}
.loyalty-card h2{font-size:16px}
.loyalty-card p{margin-top:4px;color:var(--t3);font-size:13px}
.loyalty-tag{display:inline-flex;align-items:center;margin-top:8px;padding:3px 9px;border-radius:999px;color:var(--p);background:var(--p-soft);font-size:11px;font-weight:850}
.loyalty-card-side{text-align:right;min-width:156px}
.loyalty-card-side .badge{margin-left:auto;margin-bottom:7px}
.loyalty-card-side b{display:block;font-size:20px;letter-spacing:-.03em;color:var(--t1)}
.loyalty-card-side small{display:block;color:var(--t3);font-size:12px}
.loyalty-card.expanded{align-items:start}
.loyalty-friends{grid-column:1/-1;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#fff;max-height:196px;overflow-y:auto}
.loyalty-friend-row{min-height:48px;display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:9px 14px;border-bottom:1px solid var(--border)}
.loyalty-friend-row:last-child{border-bottom:0}
.loyalty-avatar{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;color:#fff;font-size:13px;font-weight:850}
.loyalty-avatar.avatar-1{background:#4056f6}.loyalty-avatar.avatar-2{background:#16b87f}.loyalty-avatar.avatar-3{background:#f5a623}
.loyalty-friend-row strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.loyalty-friend-row b{font-size:13px;color:var(--t2);text-align:right}.loyalty-friend-row small{color:var(--t4);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:10px}
.loyalty-invite,.loyalty-tg{grid-column:2/3;justify-self:start}

/* Client fidelity helpers */
.tgbonus{
  display:flex;
  align-items:center;
  gap:14px;
  padding:13px 18px;
  margin-bottom:20px;
  border-radius:16px;
  border:1px solid var(--border-accent);
  background:linear-gradient(100deg,rgba(64,86,246,.08),rgba(107,140,255,.04));
  position:relative;
  overflow:hidden;
}
.tgbonus::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--grad)}
.tgbonus .em{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#7fc7ff,#2aa3ff);display:grid;place-items:center;color:#fff;font-weight:900;flex:none}
.tgbonus p{font-size:13.5px;color:var(--t2)}.tgbonus p b{color:var(--t1)}
.tgbonus .gate{font-size:10px;font-weight:800;color:var(--t4);border:1px solid var(--border);padding:2px 7px;border-radius:20px;margin-left:6px}
.tgbonus .btn{margin-left:auto}
.stats{display:grid;grid-template-columns:repeat(3,1fr) 1.25fr;gap:16px;margin-bottom:20px}
.stats.stats-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.stat{padding:20px 22px;position:relative;overflow:hidden}
.stat .lbl{font-size:12.5px;color:var(--t3);font-weight:650;display:flex;align-items:center;gap:6px}
.stat .big{font-size:34px;font-weight:750;margin-top:10px;line-height:1;letter-spacing:-.03em}
.stat .meta{font-size:12px;color:var(--t3);margin-top:9px;display:flex;align-items:center;gap:6px}
.stat .btn-top{display:flex;align-items:center;justify-content:center;margin-top:14px;width:100%;padding:11px;border:none;border-radius:12px;background:var(--grad);color:#fff;font-weight:750;font-size:13px;text-align:center;box-shadow:0 10px 22px -12px rgba(64,86,246,.70)}
.stat.actions{display:flex;flex-direction:column;gap:10px;justify-content:center}
.stat.seller-highlight{
  background:var(--grad);
  border-color:transparent;
  color:#fff;
  box-shadow:0 18px 42px -18px rgba(64,86,246,.72);
}
.stat.seller-highlight .metric-label,
.stat.seller-highlight .metric-note{color:rgba(255,255,255,.78)}
.stat.seller-highlight .metric-value{color:#fff}
.seller-highlight-value{color:#fff}
.stat.actions .act.key{min-height:136px}
.stat.actions .action-note{text-align:center}
.act-row{display:flex;gap:10px}
.act{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border-radius:12px;border:1px solid var(--border);background:var(--bg-1);font-weight:650;font-size:12.5px;color:var(--t2)}
.act.key{background:var(--grad);color:#fff;border:none;box-shadow:0 10px 22px -12px rgba(64,86,246,.70)}
.first-request{min-height:430px;display:flex;flex-direction:column}
.kick{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--p);background:rgba(64,86,246,.09);padding:6px 12px;border-radius:20px;width:max-content}
.first-request h2{font-size:25px;font-weight:800;letter-spacing:-.03em;margin-top:16px;line-height:1.18;max-width:460px}
.first-request p{font-size:13.5px;color:var(--t3);margin-top:10px;max-width:460px;line-height:1.5}
.state-pill{margin:auto auto 0;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:13px;background:var(--ink-2);color:#aab4e0;font-size:12px;font-weight:800;box-shadow:0 16px 40px -18px rgba(10,15,35,.65)}
.state-pill span{padding:6px 13px;border-radius:9px}
.state-pill .on{background:var(--grad);color:#fff}
.setup-step{margin-top:16px}
.setup-page{max-width:880px}
.setup-step-title{display:flex;align-items:center;gap:10px;margin-bottom:14px;text-transform:uppercase;color:var(--t3);letter-spacing:.04em}
.setup-step-title span{width:21px;height:21px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:850;letter-spacing:0}
.setup-step-title h2{font-size:12px;color:var(--t3);font-weight:850;letter-spacing:.04em}
.setup-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.setup-tool{
  min-height:90px;
  border:1.5px solid var(--border);
  border-radius:10px;
  background:#fff;
  color:var(--t1);
  display:grid;
  place-items:center;
  gap:4px;
  padding:12px;
  position:relative;
  transition:border-color .15s,background .15s,box-shadow .15s,color .15s;
}
.setup-tool.on{border-color:var(--p);background:rgba(64,86,246,.045);box-shadow:inset 0 0 0 1px rgba(64,86,246,.12)}
.setup-tool.on::after{content:"✓";position:absolute;right:10px;top:8px;color:var(--p);font-weight:900;font-size:12px}
.setup-tool-icon{font-size:24px;line-height:1;color:var(--p);font-weight:800}
.setup-tool strong{font-size:13px;line-height:1.15}
.setup-tool small{font-size:11px;color:var(--t3);line-height:1.2;text-align:center}
.setup-os-row{display:flex;gap:8px;flex-wrap:wrap}
.setup-os{
  min-height:36px;
  border:1px solid var(--border);
  border-radius:10px;
  background:#fff;
  color:var(--t2);
  padding:8px 14px;
  font:inherit;
  font-size:13px;
  font-weight:800;
}
.setup-os.on{border-color:var(--p);background:rgba(64,86,246,.07);color:var(--p)}
.setup-terminal{border-radius:15px;background:#0b1018;color:#dce6ff;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.setup-terminal-top{height:34px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:0 14px;background:#151b24;color:#7b8496;font-size:11px;font-family:"JetBrains Mono","SFMono-Regular",monospace}
.setup-lights{display:flex;gap:7px}.setup-lights span{width:11px;height:11px;border-radius:50%;background:#ff5f57}.setup-lights span:nth-child(2){background:#ffbd2e}.setup-lights span:nth-child(3){background:#28c840}
.setup-copy{justify-self:end;border:0;background:transparent;color:#8ea2d8;font:inherit;font-size:11px;font-weight:800}
.setup-terminal pre{min-height:150px;display:grid;place-items:center;text-align:center;white-space:pre-wrap;word-break:break-word;padding:30px;color:#aeb8cc}
.setup-submit{width:100%;margin-top:12px}
.setup-hidden{display:none}
.setup-result{display:flex;align-items:center;gap:10px;margin-top:12px;border:1px solid rgba(22,184,127,.22);background:rgba(22,184,127,.08);border-radius:12px;padding:10px 12px;color:#0e8d61}
.setup-result span{font-size:12px;color:var(--t3)}
.setup-history h2{margin-bottom:14px}
.setup-history-card{border:1px solid var(--border);border-radius:15px;background:rgba(255,255,255,.70);padding:16px;margin-top:12px}
.setup-history-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.setup-history-icon{width:34px;height:34px;border-radius:10px;background:rgba(64,86,246,.08);display:grid;place-items:center;color:var(--p);font-weight:900}
.setup-history-head div{min-width:0;flex:1}.setup-history-head strong{display:block;color:var(--t1)}.setup-history-head span{display:block;color:var(--t3);font-size:12px}
.setup-script-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.setup-script-grid>div{min-width:0}.setup-script-grid h3{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--t3);margin-bottom:7px}
.setup-script-grid pre{min-height:96px;max-height:210px;overflow:auto;border:1px solid var(--border);border-radius:10px;background:#f7f9ff;color:var(--t2);padding:11px;font-size:11.5px;white-space:pre-wrap;word-break:break-word}
.setup-script-grid .rollback pre{background:#fff8ed;border-color:rgba(245,166,35,.28)}
.pay-card{padding:22px 22px 24px;min-width:0}
.pay-methods{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:18px}
.method-card{border:1.5px solid var(--border);border-radius:13px;padding:11px 6px 9px;text-align:center;background:var(--bg-1);position:relative;min-height:88px;color:inherit;font:inherit;cursor:pointer;min-width:0}
.method-card.on{border-color:var(--p);background:linear-gradient(180deg,rgba(64,86,246,.07),rgba(64,86,246,.02));box-shadow:0 10px 24px -14px rgba(64,86,246,.60)}
.method-card.disabled{opacity:.64}
.method-card .mi{width:34px;height:34px;border-radius:10px;margin:0 auto 7px;display:grid;place-items:center;font-weight:800;color:#fff;font-size:13px;background:var(--grad)}
.method-card:nth-child(3) .mi{background:linear-gradient(135deg,#f5455c,#e03243)}
.method-card:nth-child(4) .mi{background:linear-gradient(135deg,#4fbaff,#2aa3ff)}
.method-card:nth-child(5) .mi{background:linear-gradient(135deg,#31c987,#16b87f)}
.method-card .mn{font-size:11px;font-weight:800;color:var(--t1);line-height:1.1;overflow-wrap:anywhere}
.method-card .md{font-size:9.5px;color:var(--t3);margin-top:2px;line-height:1.15;overflow-wrap:anywhere}
.method-card .bonus{position:absolute;top:-7px;right:3px;font-size:9px;font-weight:800;color:#fff;background:linear-gradient(135deg,#16b87f,#0e9b68);padding:2px 6px;border-radius:20px;box-shadow:0 4px 10px -3px rgba(22,184,127,.70)}
.pay-methods.compact{gap:7px}
.pay-methods.compact .method-card{min-height:88px;padding:11px 5px 8px}
.pay-methods.compact .method-card .mi{width:33px;height:33px}
.pay-methods.compact .method-card .mn{font-size:10.5px}
.pay-methods.compact .method-card .md{font-size:9px}
.pay-amount{margin-top:18px}
.pay-amount .albl{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--t3)}
.pay-amount .inp{display:flex;align-items:baseline;gap:6px;border-bottom:2px solid var(--border-2);padding:8px 0 10px;margin-top:8px}
.pay-amount input{border:none;background:transparent;font-family:"JetBrains Mono";font-size:32px;font-weight:750;color:var(--t1);width:100%;outline:none;letter-spacing:-.03em}
.pay-amount .cur{font-size:22px;color:var(--t3);font-weight:650}
.slider{margin-top:16px;appearance:none;width:100%;height:7px;border-radius:20px;background:rgba(25,38,84,.10);outline:none;cursor:pointer}
.slider::-webkit-slider-thumb{appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:none;box-shadow:0 3px 10px rgba(64,86,246,.50),inset 0 0 0 6px var(--p)}
.chips{display:flex;gap:7px;margin-top:14px}
.chips button{flex:1;min-width:0;padding:8px;border-radius:10px;border:1px solid var(--border);background:#fff;font-family:"JetBrains Mono";font-size:12px;font-weight:650;color:var(--t2);display:grid;gap:2px;place-items:center}
.chips button small{font:inherit;font-size:10px;color:var(--ok)}
.dtiers{margin-top:15px;padding:13px 14px;border-radius:13px;background:rgba(64,86,246,.04);border:1px solid rgba(64,86,246,.10)}
.dtiers .dl{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
.dtiers .dlb{font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--t3)}
.dtiers .dpct{font-size:14px;font-weight:800;font-family:"JetBrains Mono";color:var(--ok)}
.dtrack{height:6px;border-radius:20px;background:rgba(25,38,84,.10);position:relative;overflow:hidden}
.dfill{position:absolute;left:0;top:0;height:100%;border-radius:20px;background:linear-gradient(90deg,var(--p),var(--ok));width:12%}
.dmils{display:flex;justify-content:space-between;margin-top:7px}
.dmils span{font-size:9px;font-weight:700;color:var(--t4)}
.dnext{margin-top:8px;font-size:11.5px;color:var(--t2);line-height:1.5}.dnext b{color:var(--p)}
.total{margin-top:18px;padding:16px 17px;border-radius:15px;background:linear-gradient(160deg,#0c1228,#0a0f23);color:#fff;position:relative;overflow:hidden}
.total::after{content:"";position:absolute;right:-30px;top:-30px;width:140px;height:140px;background:radial-gradient(circle,rgba(107,140,255,.30),transparent 65%)}
.total .tl{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#8b96c8;font-weight:800}
.total .tr{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;margin-top:11px;color:#b9c2ea;position:relative;z-index:1}
.total .tr b{color:#fff;font-family:"JetBrains Mono";font-weight:650}.total .tr.win b{color:#39d99b}
.total .get{display:flex;align-items:flex-end;justify-content:space-between;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.10);position:relative;z-index:1}
.total .get .gl2{font-size:12px;color:#8b96c8}.total .get .gv{font-family:"JetBrains Mono";font-size:27px;font-weight:750;background:linear-gradient(120deg,#fff,#9db4ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.paybtn{margin-top:14px;width:100%;padding:14px;border:none;border-radius:13px;background:var(--grad);color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 14px 30px -12px rgba(64,86,246,.70)}
.paybtn:disabled{filter:grayscale(.3);opacity:.58;box-shadow:none}
.topup-balance{margin-bottom:20px;background:var(--grad);color:#fff;border-color:transparent;box-shadow:var(--shadow-lg)}
.topup-balance .metric-label,.topup-balance .metric-note{color:rgba(255,255,255,.68)}
.topup-balance .metric-value{color:#fff;font-size:42px}
.topup-ledger{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.20)}
.topup-ledger .metric-label{color:rgba(255,255,255,.60)}
.topup-ledger .row-title{font-family:"JetBrains Mono";font-weight:800}
.topup-promo{border-color:rgba(245,166,35,.34);background:linear-gradient(135deg,#fff8ed,#fff)}
.topup-promo::before{background:linear-gradient(180deg,#ffbe55,#f5a623)}
.topup-promo .em{background:linear-gradient(135deg,#ffbe55,#f5a623)}
.topup-promo .state-pill{margin:0 0 0 auto;box-shadow:none;text-transform:uppercase}
.topup-page{width:100%;display:grid;gap:18px}
.topup-balance-card{position:relative;overflow:hidden;border-radius:22px;background:var(--grad);color:#fff;padding:30px;box-shadow:var(--shadow-lg)}
.topup-balance-card::after{content:"";position:absolute;right:-60px;top:-70px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 65%)}
.topup-balance-card>*{position:relative}
.topup-balance-card>span,.topup-balance-card p{color:rgba(255,255,255,.70)}
.topup-balance-card>span{font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.topup-balance-card>b{display:block;margin:8px 0 4px;font-family:"JetBrains Mono";font-size:44px;font-weight:850;letter-spacing:-.04em}
.topup-balance-card p{font-size:13.5px}
.topup-balance-card .topup-ledger{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.18)}
.topup-balance-card .topup-ledger div{min-width:0}
.topup-balance-card .topup-ledger span{display:block;color:rgba(255,255,255,.60);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
.topup-balance-card .topup-ledger strong{display:block;margin-top:5px;font-family:"JetBrains Mono";font-size:16px}
.promo-banner{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:16px;border:1px solid rgba(245,166,35,.28);border-radius:18px;background:linear-gradient(135deg,#fff8ed,#fff);padding:18px 20px;box-shadow:var(--shadow-sm)}
.promo-ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#ffbe55,#f5a623);color:#fff;box-shadow:0 12px 22px -12px rgba(245,166,35,.8)}
.promo-ic .nav-svg{width:23px;height:23px}
.promo-banner span{display:block;color:#c2700a;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.promo-banner b{display:block;margin-top:2px;color:var(--t1);font-size:16px}
.promo-banner p{color:var(--t3);font-size:13px;margin-top:3px}
.promo-timer{text-align:right}
.promo-timer b{font-size:18px;color:var(--t1)}
.promo-timer span{font-size:10px;color:var(--t4)}
.topup-widget-shell{display:grid}
.topup-widget-shell .pay-card{width:100%;box-shadow:0 22px 56px -34px rgba(25,38,84,.45)}
.hist-card{width:100%}
.hist-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.hist-head h2{font-size:18px}
.hist-head span{font-size:12px;color:var(--t4);font-weight:650}
.settings-page{width:min(920px,100%);margin:0 auto;display:grid;gap:18px}
.settings-section{overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);display:grid}
.settings-section .sec-head{display:flex;align-items:flex-start;gap:14px;max-width:none;margin:0;padding:22px 24px 0;text-align:left}
.settings-section .sec-head h2{font-size:18px;line-height:1.2;letter-spacing:-.02em}
.settings-section .sec-head p{margin-top:3px;color:var(--t3);font-size:13px;line-height:1.4}
.sec-hic{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex:none}
.sec-hic .nav-svg{width:21px;height:21px}
.sec-hic.profile{background:rgba(64,86,246,.10);color:var(--p)}
.sec-hic.security,.sec-hic.danger{background:rgba(245,69,92,.09);color:var(--bad)}
.sec-hic.notify{background:rgba(245,166,35,.11);color:#c2700a}
.sec-hic.sessions{background:rgba(22,184,127,.10);color:var(--ok)}
.settings-section .sec-body{padding:18px 24px 20px}
.profile-top{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--border)}
.avatar{position:relative;width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:var(--grad);color:#fff;font-size:24px;font-weight:850;box-shadow:0 12px 28px -16px rgba(64,86,246,.80)}
.avatar span{position:absolute;right:-4px;bottom:-4px;width:20px;height:20px;border-radius:50%;background:var(--ok);display:grid;place-items:center;border:3px solid #fff}
.avatar svg{width:11px;height:11px}
.profile-top strong{display:block;color:var(--t1);font-size:17px}
.profile-top span,.profile-top small{display:block;color:var(--t3);font-size:13px;margin-top:3px}
.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.field-row.single{grid-template-columns:minmax(0,1fr)}
.hint{display:block;margin-top:6px;color:var(--t4);font-size:11.5px;font-weight:600}
.settings-section .sec-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;border-top:1px solid var(--border);background:rgba(25,38,84,.025)}
.settings-section .sec-footer .btn svg{width:15px;height:15px}
.save-status{display:inline-flex;align-items:center;gap:7px;color:var(--ok);font-size:12px;font-weight:800}
.save-status svg{width:14px;height:14px}
.notify-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.notify-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 10px;align-items:start;border:1px solid var(--border);border-radius:14px;background:var(--bg-1);padding:14px}
.notify-card input{margin-top:2px}
.notify-card span{font-weight:850;color:var(--t1)}
.notify-card small{grid-column:2;color:var(--t3);font-size:12px;line-height:1.4}
.danger-zone{border-color:rgba(245,69,92,.22)}
.news-filter{display:inline-flex;gap:4px;background:rgba(25,38,84,.05);border-radius:12px;padding:4px;margin-bottom:20px}
.news-filter button{border:0;background:transparent;padding:8px 16px;border-radius:9px;color:var(--t3);font:inherit;font-size:13px;font-weight:750;cursor:pointer}
.news-filter button.on{background:#fff;color:var(--p);box-shadow:0 2px 8px -2px rgba(25,38,84,.18)}
.news-feed{display:grid;gap:14px}
.news-card{display:flex;gap:16px;background:#fff;border:1px solid var(--border);border-radius:18px;padding:20px 22px;box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s,border-color .18s}
.news-card:hover{transform:translateY(-2px);box-shadow:0 16px 40px -20px rgba(25,38,84,.32);border-color:var(--border-accent)}
.nc-ic{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;flex:none;color:#fff}
.nc-ic .nav-svg{width:22px;height:22px}
.t-promo-ic{background:linear-gradient(135deg,#ffb938,#f5820a)}
.t-update-ic{background:linear-gradient(135deg,#4f6dff,#3a4ad6)}
.t-article-ic{background:linear-gradient(135deg,#8a5cff,#16b87f)}
.nc-body{min-width:0;flex:1}
.nc-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.nc-tag{font-size:11px;font-weight:850;padding:3px 10px;border-radius:20px}
.t-promo{background:rgba(245,130,10,.12);color:#c2700a}
.t-update{background:rgba(64,86,246,.12);color:var(--p)}
.t-article{background:rgba(22,184,127,.12);color:#0e8d61}
.nc-date{font-size:12px;color:var(--t4);font-weight:600}
.nc-title{font-size:16px;line-height:1.3;letter-spacing:-.02em;color:var(--t1)}
.nc-text{margin-top:6px;color:var(--t3);font-size:13.5px;line-height:1.55}
.nc-link{display:inline-flex;align-items:center;gap:5px;margin-top:13px;color:var(--p);font-size:13px;font-weight:800}
.nc-link .nav-svg{width:14px;height:14px;transition:transform .15s}
.nc-link:hover .nav-svg{transform:translateX(3px)}

/* Admin monitor fidelity */
.adm-badge{display:inline-block;margin-left:8px;font-size:10px;font-weight:800;letter-spacing:.05em;color:#fff;background:linear-gradient(135deg,#f5455c,#c0303a);padding:2px 8px;border-radius:20px;vertical-align:middle}
.admin-status-card{margin:4px 0 18px}
.admin-status-card .section-line{margin-bottom:12px}
.admin-status-card .section-line h2{font-size:16px}
.admin-status-form{display:grid;gap:14px}
.admin-status-choice{display:flex;gap:9px}
.status-choice{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:12px;border-radius:13px;border:1.5px solid var(--border);background:var(--bg-1);color:var(--t3);font:inherit;font-size:13.5px;font-weight:750;transition:border-color .15s,background .15s,color .15s}
.status-choice span{width:9px;height:9px;border-radius:50%;flex:none}.status-choice.operational span{background:var(--ok)}.status-choice.degraded span{background:var(--warn)}.status-choice.down span{background:var(--bad)}
.status-choice.on.operational{border-color:var(--ok);background:rgba(22,184,127,.08);color:#0e8d61}.status-choice.on.degraded{border-color:var(--warn);background:rgba(245,166,35,.10);color:#a06000}.status-choice.on.down{border-color:var(--bad);background:rgba(245,69,92,.08);color:var(--bad)}
.admin-status-publish{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:10px;align-items:end}
.admin-status-publish textarea{min-height:46px;resize:vertical;border:1.5px solid var(--border);border-radius:11px;background:#fafbff;color:var(--t1);padding:11px 13px;outline:none;font:inherit;line-height:1.4}
.admin-status-publish textarea:focus{border-color:var(--p);box-shadow:0 0 0 3px rgba(64,86,246,.13)}
.admin-monitor-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.admin-monitor-card{margin-bottom:18px}
.inline-link{font-size:12.5px;font-weight:750;color:var(--p)}
.admin-monitor-table{border:0;border-radius:0;background:transparent}
.admin-monitor-table table{min-width:920px}.admin-monitor-table th{background:transparent}.admin-monitor-table td{background:transparent}
.account-row-warn td{background:rgba(245,166,35,.055)}.account-row-down td{background:rgba(245,69,92,.055)}
.health-bar{display:inline-block;width:54px;height:7px;border-radius:20px;background:rgba(25,38,84,.08);overflow:hidden;vertical-align:middle;margin-right:7px}
.health-bar i{display:block;height:100%;border-radius:20px;background:var(--ok)}.health-bar.warn i{background:var(--warn)}.health-bar.down i{background:var(--bad)}
.health-bar .w-0{width:0}.health-bar .w-5{width:5%}.health-bar .w-10{width:10%}.health-bar .w-15{width:15%}.health-bar .w-20{width:20%}.health-bar .w-25{width:25%}.health-bar .w-30{width:30%}.health-bar .w-35{width:35%}.health-bar .w-40{width:40%}.health-bar .w-45{width:45%}.health-bar .w-50{width:50%}.health-bar .w-55{width:55%}.health-bar .w-60{width:60%}.health-bar .w-65{width:65%}.health-bar .w-70{width:70%}.health-bar .w-75{width:75%}.health-bar .w-80{width:80%}.health-bar .w-85{width:85%}.health-bar .w-90{width:90%}.health-bar .w-95{width:95%}.health-bar .w-100{width:100%}
.roi-ok{color:#0e8d61;font-weight:750}.roi-pending{color:var(--t3);font-weight:750}
.link-button.danger{color:var(--bad)}
.rank-list{display:grid}.rank-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--border)}.rank-row:first-child{border-top:0}
.rank-n{width:24px;height:24px;border-radius:8px;background:rgba(64,86,246,.10);color:var(--p);font-weight:800;font-size:12px;display:grid;place-items:center;flex:none}.rank-n.top{background:var(--grad);color:#fff}
.rank-info{flex:1;min-width:0}.rank-name{font-size:13.5px;font-weight:750}.rank-sub{font-size:12px;color:var(--t3);margin-top:1px}.rank-metric{text-align:right;font-size:12px;color:var(--t3)}.rank-metric b{display:block;font-family:"JetBrains Mono";font-size:15px;color:var(--t1)}
/* Seller code prototype parity */
.seller-code-form{margin:4px 0 18px}
.seller-code-form .section-line{margin-bottom:12px}
.seller-code-form .code-generation-form{grid-template-columns:1fr 1fr 1fr}
.seller-code-form .code-generation-form .field:nth-of-type(4){display:none}
.seller-code-form .code-generation-form .btn{width:max-content;min-width:150px}
.seller-code-list{margin-top:22px}
.seller-code-list .section-line h2 span{font-size:12px;color:var(--t3);font-weight:750}
.seller-code-tools{display:flex;align-items:center;gap:10px;margin-left:auto}
.seller-code-tools select{
  min-height:36px;
  min-width:132px;
  border:1px solid var(--border);
  border-radius:11px;
  background:#fff;
  color:var(--t1);
  padding:8px 12px;
  font-weight:750;
  outline:none;
}
.seller-code-list .table-wrap{border:0;border-radius:0;background:transparent}
.seller-code-list th{background:transparent}

/* Landing */
.landing{min-height:100vh;background:
  radial-gradient(1300px 760px at 88% -10%,rgba(107,140,255,.20),transparent 60%),
  radial-gradient(1000px 640px at -8% 8%,rgba(64,86,246,.13),transparent 58%),
  linear-gradient(180deg,var(--bg) 0%,var(--bg-deep) 34%,#fff 34%,#fff 100%);
  overflow-x:hidden;
}
.landing:has(.landing-index){
  background:
    radial-gradient(1300px 760px at 88% -10%,rgba(107,140,255,.20),transparent 60%),
    radial-gradient(1000px 640px at -8% 8%,rgba(64,86,246,.13),transparent 58%),
    linear-gradient(180deg,var(--bg) 0%,var(--bg-deep) 100%);
}
.landing .content{max-width:1180px;padding:0 28px}
.promo{background:linear-gradient(90deg,rgba(64,86,246,.10),rgba(107,140,255,.06));border-bottom:1px solid var(--border);margin:0 calc(50% - 50vw);max-width:100vw;overflow:hidden}
.promo-in{max-width:1180px;margin:0 auto;padding:9px 28px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;color:var(--t2);font-weight:600}
.promo-in b{color:var(--p)}
.promo-tag{font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:var(--p);color:#fff;padding:3px 8px;border-radius:6px}
.landing-nav{position:sticky;top:0;z-index:50;margin:0 calc(50% - 50vw);padding:13px max(28px,calc((100vw - 1180px)/2 + 28px));height:auto;background:rgba(238,242,252,.78);justify-content:flex-start}
.landing-nav .brand{padding:0}.landing-nav .brand-mark{width:36px;height:36px}
.landing-nav .top-actions{margin-left:auto}
.landing-links{display:flex;align-items:center;gap:24px;margin-left:18px}
.landing-links a{font-size:14px;color:var(--t2);font-weight:650}
.landing-links a:hover{color:var(--p)}
.landing-lang{font-size:13px;font-weight:800;color:var(--t3);padding:0 4px}
.landing-hero{padding:64px 0 40px;display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}
.landing-hero>*{min-width:0}
.landing h1{font-size:54px;line-height:1.04;font-weight:850;letter-spacing:-.035em;max-width:720px}
.landing-hero-final h1{width:min(525px,100%);max-width:100%}
.landing h1 .g{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.landing .sub{font-size:18px;line-height:1.55;color:var(--t2);margin-top:22px;max-width:560px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;color:var(--p);background:var(--p-soft);padding:6px 13px;border-radius:30px;margin-bottom:22px}
.eyebrow .dot{animation:none;box-shadow:0 0 0 3px rgba(22,184,127,.2)}
.hero-bullets{margin-top:26px;display:flex;flex-direction:column;gap:12px}
.hero-bullets li{display:flex;align-items:center;gap:11px;font-size:15px;color:var(--t2);font-weight:550;list-style:none}
.ck{width:22px;height:22px;border-radius:7px;background:rgba(22,184,127,.13);display:inline-grid;place-items:center;flex:none;color:var(--ok);font-weight:900}
.hero-cta{margin-top:34px}
.hero-trust{margin-top:24px;display:flex;align-items:center;gap:18px;font-size:13px;color:var(--t3)}
.hero-trust .av{display:flex}.hero-trust .av i{width:28px;height:28px;border-radius:50%;border:2px solid #fff;margin-left:-8px;background:var(--grad)}.hero-trust .av i:first-child{margin-left:0}.hero-trust .av i:nth-child(2){background:linear-gradient(135deg,#16b87f,#4fd6a8)}.hero-trust .av i:nth-child(3){background:linear-gradient(135deg,#f5a623,#ffce6b)}.hero-trust .av i:nth-child(4){background:linear-gradient(135deg,#6b8cff,#a9bcff)}
.landing-card{background:#fff;border:1px solid var(--border);border-radius:22px;padding:26px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}
.landing-card::before{content:"";position:absolute;inset:0 0 auto 0;height:120px;background:radial-gradient(420px 180px at 80% -40%,rgba(107,140,255,.22),transparent 70%);pointer-events:none}
.landing-card>*{position:relative}
.calc-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.calc-h .t{font-size:15px;font-weight:800}.calc-h .pill{font-size:11px;font-weight:800;color:var(--p);background:var(--p-soft);padding:4px 10px;border-radius:20px}
.calc-row{margin-bottom:16px}.calc-row .lbl{display:flex;justify-content:space-between;font-size:12.5px;color:var(--t3);font-weight:650;margin-bottom:8px}.calc-row .lbl b{color:var(--t1);font-weight:800}
.calc input[type=range]{appearance:none;width:100%;height:6px;border-radius:6px;background:linear-gradient(90deg,var(--p) 40%,var(--bg-deep) 40%);outline:none}.calc input[type=range]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--p);box-shadow:0 3px 8px rgba(64,86,246,.4)}
.seg{display:flex;background:var(--bg);border-radius:11px;padding:4px;gap:4px}.seg button{flex:1;border:none;background:none;font:inherit;font-size:13px;font-weight:700;color:var(--t3);padding:8px;border-radius:8px;transition:.15s}.seg button.on{background:#fff;color:var(--p);box-shadow:var(--shadow-sm)}
.calc-out{margin-top:20px;padding:18px;border-radius:15px;background:linear-gradient(135deg,#0a1342,#16215e);color:#fff;position:relative;overflow:hidden}.calc-out::after{content:"";position:absolute;right:-30px;top:-30px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(107,140,255,.4),transparent 70%)}.calc-out .row{display:flex;justify-content:space-between;align-items:baseline;position:relative;border:0;background:transparent;padding:0;color:#fff}.calc-out .row+.row{margin-top:10px}.calc-out .k{font-size:12.5px;color:#aab6e8}.calc-out .v{font-size:15px;font-weight:750}.calc-out .big{font-size:30px;font-weight:850;letter-spacing:-.03em;font-family:"JetBrains Mono"}.calc-out .save{color:#5fe3b0;font-weight:800}
.landing-card .grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.landing-card .grid.cols-4 .card:last-child{grid-column:1/-1}
.landing-card .metric-value,.landing-card .metric-note{overflow-wrap:anywhere}
.landing-result{margin-top:14px}
.tools-strip{padding:30px 0 14px;text-align:center}
.tools-strip p{font-size:12.5px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--t4);margin-bottom:20px}
.tools-row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.tool-chip{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:11px 18px;font-weight:650;font-size:14px;color:var(--t2);box-shadow:var(--shadow-sm)}
.tool-chip .ic{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;font-size:11px;font-weight:800;color:#fff}
.tool-chip .ic.bg-p,.bg-p{background:var(--grad)}.tool-chip .ic.bg-ok,.bg-ok{background:linear-gradient(135deg,#0f9d6b,#2bd197)}.tool-chip .ic.bg-w,.bg-w{background:linear-gradient(135deg,#e0921a,#ffbe55)}.tool-chip .ic.bg-info,.bg-info{background:linear-gradient(135deg,#1f7fd6,#5fb0f5)}.tool-chip .ic.bg-vio,.bg-vio{background:linear-gradient(135deg,#6b4ed8,#9d7bf0)}
.landing-section{padding:72px 0}
.sec-head{text-align:center;max-width:720px;margin:0 auto 48px}
.sec-tag{display:inline-block;font-size:12.5px;font-weight:800;color:var(--p);letter-spacing:.05em;text-transform:uppercase;margin-bottom:14px}
.sec-head h2{font-size:42px;font-weight:900;letter-spacing:-.035em;line-height:1.06}
.sec-head p{font-size:17px;color:var(--t2);margin-top:16px;font-weight:500}
.quotes{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.quote{background:rgba(255,255,255,.85);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;box-shadow:var(--shadow-sm)}.quote p{font-size:15.5px;color:var(--t1);font-weight:700;line-height:1.45;margin-bottom:18px}
.wt{max-width:960px;margin:0 auto;border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow);background:#fff}.wt-row{display:grid;grid-template-columns:1fr 1.25fr}.wt-row+.wt-row{border-top:1px solid var(--border)}.wt .c{padding:20px 26px;display:flex;gap:13px;align-items:flex-start}.wt .c.pain{color:var(--t2);font-size:15.5px;font-weight:650;font-style:italic;background:rgba(245,69,92,.025)}.wt .c.us{border-left:1px solid var(--border);font-size:15px;color:var(--t1);font-weight:600;background:linear-gradient(135deg,rgba(64,86,246,.04),transparent)}.wt .mk{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;flex:none}.wt .c.pain .mk{background:rgba(245,69,92,.12);color:var(--bad)}.wt .c.us .mk{background:rgba(22,184,127,.14);color:var(--ok)}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;max-width:1000px;margin:0 auto}.frow+.frow{margin-top:60px}.frow.rev .ft{order:2}.ft .ftag{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--p);margin-bottom:14px}.ft h3{font-size:30px;font-weight:850;letter-spacing:-.03em;line-height:1.1}.ft p{font-size:16.5px;color:var(--t2);margin-top:14px;line-height:1.6}.ft .chips2{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.ft .chip{font-size:12.5px;font-weight:750;color:var(--t2);background:rgba(255,255,255,.8);border:1px solid var(--border);padding:7px 13px;border-radius:20px}.fvis{background:rgba(255,255,255,.7);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:26px;min-height:230px}
.lim{margin-bottom:18px}.lim .lh{display:flex;justify-content:space-between;font-size:13px;font-weight:750;margin-bottom:8px}.lim .lh b{color:var(--p);font-family:"JetBrains Mono"}.lim .bar{height:10px;border-radius:6px;background:var(--bg-deep);overflow:hidden}.lim .bar i{display:block;height:100%;border-radius:6px;background:var(--grad);width:62%}.lim.warn .bar i{background:linear-gradient(90deg,var(--warn),#ffce6b);width:82%}
.pay-wrap{display:grid;grid-template-columns:.95fr .9fr;gap:36px;align-items:start;max-width:1000px;margin:0 auto}.price-facts{padding-top:6px}.pf-models{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.pf-m{display:flex;align-items:center;gap:13px;background:rgba(255,255,255,.8);border:1px solid var(--border);border-radius:13px;padding:15px 18px;box-shadow:var(--shadow-sm)}.pf-m .md{width:10px;height:10px;border-radius:4px;flex:none;background:var(--grad)}.pf-m .nm{font-weight:800;font-size:15px}.pf-m .nm small{display:block;font-family:"JetBrains Mono";font-size:11.5px;color:var(--t4);font-weight:500}.pf-m .cl{font-size:10px;font-weight:800;padding:3px 9px;border-radius:6px;text-transform:uppercase}.pf-m .cl.prem{background:var(--p-soft);color:var(--p)}.pf-m .cl.fast{background:rgba(22,184,127,.12);color:var(--ok)}.pf-m .pr{margin-left:auto;font-family:"JetBrains Mono";font-weight:800;font-size:15px}.pf-m .pr small{font-weight:500;color:var(--t4);font-size:12px}.pf-list{display:flex;flex-direction:column;gap:13px}.pf-list div{display:flex;gap:11px;font-size:14.5px;color:var(--t2);font-weight:550;align-items:center}.pf-list b{color:var(--t1);font-weight:800}
.faq{max-width:780px;margin:0 auto;display:grid;gap:10px}.faq details{padding:0}.faq summary{list-style:none;cursor:pointer;padding:18px 22px;font-weight:800}.faq summary::-webkit-details-marker{display:none}.faq details p{padding:0 22px 18px}
.cta-final{max-width:1000px;margin:20px auto 70px;padding:46px;border-radius:22px;background:linear-gradient(135deg,#0a1342,#4056f6);color:#fff;text-align:center;box-shadow:var(--shadow-lg)}.cta-final h2{font-size:30px;font-weight:850}.cta-final p{color:#dfe6ff;margin-top:10px}.cta-final .toolbar{justify-content:center}.cta-final .btn:not(.brand){background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.22);color:#fff}
.landing-footer{border-top:1px solid var(--border);margin-top:34px;padding:34px 0 46px;display:grid;grid-template-columns:1.4fr repeat(3,minmax(120px,.65fr));gap:28px;color:var(--t3);font-size:13px}
.landing-footer .brand{padding:0;margin-bottom:10px}.landing-footer .brand-mark{width:28px;height:28px;border-radius:8px}.landing-footer .brand-title{font-size:13px}.landing-footer .brand-sub{font-size:10px}
.lf-brand p{max-width:260px;line-height:1.55}.lf-col{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.lf-col h5{color:var(--t1);font-size:12px;margin-bottom:4px;text-transform:uppercase;letter-spacing:.06em}.landing-footer a:hover,.link-button:hover{color:var(--p)}
.link-button{border:0;background:transparent;color:var(--t3);padding:0;font:inherit;cursor:pointer;text-align:left}

.content.landing-index{max-width:1040px;min-height:100vh;display:block;padding:64px 24px;margin:0 auto}
.landing-index-head{text-align:center;margin:0 0 48px}
.landing-index-logo{width:54px;height:54px;border-radius:16px;background:var(--grad);display:inline-grid;place-items:center;box-shadow:0 14px 30px -10px rgba(64,86,246,.60);margin-bottom:20px;color:#fff}
.landing-index-logo svg{width:30px;height:30px;color:#fff}
.landing-index-head h1{font-size:36px;line-height:1.05;font-weight:900;letter-spacing:-.03em}
.landing-index-head p{margin-top:10px;color:var(--t3);font-size:16px}
.variant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.variant-card{display:flex;flex-direction:column;min-height:0;background:#fff;border:1px solid var(--border);border-radius:22px;padding:0;box-shadow:0 18px 50px -20px rgba(42,52,104,.28);overflow:hidden;transition:transform .18s,box-shadow .25s}
.variant-card:hover{transform:translateY(-4px);box-shadow:0 40px 80px -30px rgba(42,52,104,.40)}
.variant-preview{height:150px;position:relative;overflow:hidden;border-bottom:1px solid var(--border)}
.variant-card.v1 .variant-preview{background:linear-gradient(180deg,#fff,#f4f7ff)}
.variant-card.v2 .variant-preview{background:linear-gradient(180deg,#fff,#eef2fc)}
.variant-card.v3 .variant-preview{background:radial-gradient(400px 200px at 50% 0,rgba(107,140,255,.25),transparent),linear-gradient(180deg,#fff,#eef2fc)}
.variant-mini{position:absolute;inset:0;padding:18px}
.variant-line{height:8px;border-radius:4px;background:rgba(25,38,84,.10);margin-bottom:7px}
.variant-line.hero-line{width:60%;height:14px;background:var(--grad)}
.variant-card.v2 .variant-line.hero-line{width:50%;margin:0 auto 10px}
.variant-card.v3 .variant-line.hero-line{width:75%;height:18px;margin:6px auto 10px}
.variant-line.main-line{width:85%}
.variant-card.v2 .variant-line.main-line{width:70%;margin:0 auto 7px}
.variant-card.v3 .variant-line.main-line{width:55%;margin:0 auto 14px}
.variant-line.short-line{width:40%}
.variant-card.v2 .variant-line.short-line,.variant-card.v3 .variant-line.short-line{display:none}
.variant-line.block-line{width:90%;height:46px;margin-top:14px;background:#0b1024}
.variant-card.v2 .variant-line.block-line{width:80%;height:40px;margin:14px auto 0}
.variant-tile-row{display:flex;gap:6px;justify-content:center}
.variant-line.tile-line{width:22%;height:34px;margin:0}
.variant-body{padding:22px;flex:1;display:flex;flex-direction:column}
.variant-tag{display:inline-block;align-self:flex-start;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--p);background:#e6eaff;padding:4px 10px;border-radius:20px;margin-bottom:10px}
.variant-card h2{font-size:19px;line-height:1.16;font-weight:850;letter-spacing:-.02em;margin:0}
.variant-card p{font-size:13.5px;color:var(--t3);margin-top:8px;line-height:1.5;flex:1}
.variant-feats{font-size:12.5px;color:var(--t3);margin-top:14px;line-height:1.7}
.variant-card b{display:block;text-align:center;margin-top:18px;background:var(--grad);color:#fff;font-weight:800;font-size:14px;padding:12px;border-radius:12px;box-shadow:0 12px 26px -10px rgba(64,86,246,.60)}
.landing-index-foot{text-align:center;margin-top:40px;font-size:13px;color:var(--t4)}

.landing-alt .landing-nav{background:rgba(238,242,252,.88)}
.landing-alt.v2 .landing-nav{justify-content:flex-start;gap:26px;padding:10px max(28px,calc((100vw - 1100px)/2 + 28px))}
.landing-alt.v2 .top-actions{margin-left:auto}
.landing-alt.v2 .landing-links{gap:22px;margin-left:8px}
.landing-alt.v2 .landing-links a{font-family:"JetBrains Mono";font-size:13px;font-weight:650}
.landing-alt.v2 .landing-alt-hero h1{font-size:60px;line-height:1.02;max-width:880px}
.landing-alt.v2 .landing-alt-hero .sub{font-size:19px;line-height:1.55;margin-top:24px;max-width:600px}
.landing-alt.v2 .landing-alt-hero .hero-cta{margin-top:34px}
.landing .content.landing-alt.v3{max-width:1140px}
.landing-alt.v3 .landing-nav{padding:14px max(28px,calc((100vw - 1140px)/2 + 28px))}
.landing-alt.v3 .landing-links{gap:24px;margin-left:10px}
.landing-alt.v3 .landing-alt-hero.loss{padding:64px 0 56px}
.landing-alt.v3 .landing-alt-hero.center{max-width:none}
.landing-alt-hero{padding:76px 0 48px}
.landing-alt-hero.center{text-align:center;max-width:960px;margin:0 auto}
.landing-alt-hero.center .eyebrow{margin-left:auto;margin-right:auto}
.landing-alt-hero.center h1{margin:0 auto;max-width:850px}
.landing-alt-hero.center .sub{margin-left:auto;margin-right:auto;max-width:640px}
.landing-alt-hero .hero-cta{justify-content:center}
.landing-alt-hero.loss h1{font-size:58px}
.landing-alt.v3 .landing-alt-hero.loss h1{font-size:80px;line-height:.98;font-weight:900;letter-spacing:-.05em;max-width:980px}
.landing-alt.v3 .landing-alt-hero.loss .sub{font-size:21px;line-height:1.5;max-width:620px;margin-top:28px}
.landing-alt.v3 .landing-alt-hero.loss .hero-cta{margin-top:38px}
.landing-alt.v3 .micro-note{margin-top:18px;font-size:14px}
.landing-alt.v3 .landing-proof-stats{max-width:1140px;margin-top:56px;border-radius:24px}
.landing-alt.v3 .landing-proof-stats div{padding:30px 24px}
.landing-alt.v3 .landing-proof-stats b{font-size:40px}
.landing-alt.v3 .landing-proof-stats span{font-size:13.5px;margin-top:6px}
.landing-alt-hero.loss .underline{position:relative;display:inline-block}
.landing-alt-hero.loss .underline::after{content:"";position:absolute;left:0;right:0;bottom:5px;height:9px;background:rgba(245,166,35,.36);z-index:-1;border-radius:6px}
.micro-note{margin-top:12px;color:var(--t3);font-size:12.5px;font-weight:700}
.landing-v2-ann{display:inline-flex;align-items:center;gap:11px;margin:0 auto 28px;background:#fff;border:1px solid var(--border);border-radius:30px;padding:6px 16px 6px 8px;box-shadow:var(--shadow-sm);font-size:13px;font-weight:700;color:var(--t2)}
.landing-v2-ann span{display:inline-flex;align-items:center;justify-content:center;min-width:31px;height:24px;border-radius:20px;background:var(--grad);color:#fff;font-family:"JetBrains Mono";font-size:11px;font-weight:850}
.landing-v2-meta{display:flex;gap:26px;justify-content:center;margin-top:30px;flex-wrap:wrap;color:var(--t3);font-size:13px;font-weight:600}
.landing-v2-meta b{color:var(--t1);font-weight:850}
.landing-proof-stats{margin:34px auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:960px;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow)}
.landing-proof-stats div{padding:22px;border-right:1px solid var(--border);min-width:0}
.landing-proof-stats div:last-child{border-right:0}
.landing-proof-stats b{display:block;font-family:"JetBrains Mono";font-size:26px;line-height:1;color:var(--p);letter-spacing:-.04em}
.landing-proof-stats span{display:block;margin-top:8px;color:var(--t3);font-size:12px;font-weight:750}
.endpoint-card{margin:42px auto 0;max-width:760px;background:#0a1024;color:#cfd8ff;border:1px solid rgba(120,140,220,.20);border-radius:16px;box-shadow:var(--shadow-lg);padding:14px}
.endpoint-card div{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:14px;align-items:center;padding:11px 12px;border-radius:10px}
.endpoint-card div+div{border-top:1px solid rgba(255,255,255,.07)}
.endpoint-card span{display:inline-flex;align-items:center;justify-content:center;width:max-content;font-size:11px;font-weight:850;color:#3ddc97;background:rgba(61,220,151,.14);padding:3px 9px;border-radius:6px}
.endpoint-card span.alt{color:#ffd479;background:rgba(255,212,121,.14)}
.endpoint-card code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dfe6ff}
.endpoint-card .btn{min-height:28px;padding:4px 9px;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#dfe6ff}
.landing-section.compact{padding:56px 0}
.flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1040px;margin:0 auto;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}
.flow-step{padding:24px;border-right:1px solid var(--border)}
.flow-step:last-child{border-right:0}
.flow-step span{display:block;color:var(--p);font-family:"JetBrains Mono";font-weight:850;font-size:13px;margin-bottom:18px}
.flow-step h3{font-size:16px;margin-bottom:8px}
.flow-step p{color:var(--t3);font-size:13.5px;line-height:1.55;font-weight:550}
.billing-callout{max-width:1040px;margin:0 auto;padding:34px;border-radius:22px;background:radial-gradient(360px 220px at 92% 8%,rgba(64,86,246,.34),transparent 66%),linear-gradient(135deg,#0a1024,#111b49);color:#fff;box-shadow:var(--shadow-lg);display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center}
.billing-callout .sec-tag{color:#7f94ff}.billing-callout h2{font-size:34px;line-height:1.1;letter-spacing:-.035em;max-width:650px}.billing-callout p{margin-top:14px;color:#d7dfff;line-height:1.65;font-size:15.5px;max-width:650px}
.billing-proof{display:grid;gap:12px}.billing-proof div{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.06);border-radius:14px;padding:14px}.billing-proof b{display:block;font-family:"JetBrains Mono";color:#5fe3b0;font-size:13px}.billing-proof span{display:block;color:#c4cffd;font-size:12.5px;line-height:1.45;margin-top:5px}
.cap-grid{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cap-card{background:rgba(255,255,255,.86);border:1px solid var(--border);border-radius:18px;padding:22px;box-shadow:var(--shadow-sm)}
.cap-card>div{display:flex;align-items:center;gap:9px;color:var(--p);font-family:"JetBrains Mono";font-size:11px;font-weight:850;margin-bottom:16px;text-transform:lowercase}.cap-card .md{width:10px;height:10px;border-radius:4px;background:var(--grad)}.cap-card h3{font-size:17px;letter-spacing:-.015em}.cap-card p{color:var(--t3);font-size:13.5px;line-height:1.6;margin-top:8px;font-weight:550}
.scream-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.code-panel{background:#0a1024;color:#cfd8ff;border:1px solid rgba(120,140,220,.18);border-radius:18px;padding:24px;box-shadow:var(--shadow);line-height:1.85}
.code-tabs-panel{min-width:0}
.code-tabs{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}
.code-tabs button{border:1px solid var(--border);border-radius:11px;background:#fff;color:var(--t2);font-weight:800;font-size:12px;padding:9px 12px}
.code-tabs button.on{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 10px 22px -14px rgba(64,86,246,.70)}
.code-tabs-panel .code-panel{white-space:pre-wrap;overflow:auto;max-height:360px}

/* Prototype modals */
.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:22px;background:rgba(7,16,51,.42);backdrop-filter:blur(14px)}
.modal-card{position:relative;width:min(560px,100%);max-height:min(720px,calc(100vh - 44px));overflow:auto;border:1px solid rgba(255,255,255,.55);border-radius:22px;background:var(--surface-strong);box-shadow:var(--shadow-lg);padding:24px}
.modal-close{position:absolute;right:14px;top:14px;z-index:1;width:34px;height:34px;background:#fff}
.modal-hero{min-height:112px;border-radius:18px;margin-bottom:18px;padding:18px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;color:#fff;overflow:hidden;background:linear-gradient(135deg,#4056f6,#6b8cff)}
.modal-hero span{font-family:"JetBrains Mono";font-size:30px;font-weight:850;line-height:1}
.modal-hero b{max-width:270px;text-align:right;font-size:13px}
.modal-hero.gift{background:linear-gradient(135deg,#ffb938,#f5820a)}
.modal-hero.tg{background:linear-gradient(135deg,#4fbaff,#0090e8)}
.modal-hero.support{background:linear-gradient(135deg,#617094,#0a1024)}
.ref-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;margin:18px 0}
.ref-copy input,.modal-form input,.modal-form textarea{width:100%;border:1.5px solid var(--border-2);border-radius:12px;background:#fff;color:var(--t1);padding:11px 13px;outline:none}
.modal-form{display:grid;gap:13px;margin-top:18px}
.modal-form label{display:grid;gap:7px;font-size:12px;font-weight:800;color:var(--t3)}
.modal-form textarea{resize:vertical;line-height:1.5}
.modal-list{display:grid;gap:9px;margin-top:12px}
.steps{display:grid;gap:8px;margin:18px 0}
.step{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:12px;background:#fff;padding:10px 12px;color:var(--t3);font-weight:700}
.step b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(25,38,84,.08);color:var(--t2);font-size:12px}
.step.done{border-color:rgba(22,184,127,.28);background:rgba(22,184,127,.06);color:var(--t1)}
.step.done b{background:var(--ok);color:#fff}
.modal-headline{display:flex;align-items:flex-start;gap:14px;padding-right:34px;margin-bottom:18px}
.modal-headline h2{font-size:20px;line-height:1.15;letter-spacing:-.025em}
.modal-headline .sub{margin-top:5px;font-size:13.5px;line-height:1.45}
.modal-hic{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;flex:none;color:#fff;box-shadow:0 10px 22px -12px rgba(25,38,84,.5)}
.modal-hic .nav-svg{width:22px;height:22px}
.modal-hic.gift{background:linear-gradient(135deg,#43e97b,#38c9d7)}
.modal-hic.tg{background:linear-gradient(135deg,#2196f3,#21cbf3)}
.modal-hic.key{background:var(--grad)}
.how-pills{display:grid;gap:9px;margin:14px 0 18px}
.how-pill{display:flex;gap:10px;border:1px solid var(--border);border-radius:13px;background:#fff;padding:11px 12px}
.how-pill span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--p-soft);color:var(--p);font-size:12px;font-weight:850;flex:none}
.how-pill p{color:var(--t2);font-size:13px;line-height:1.45;font-weight:650}
.ref-label,.friends-label{margin-top:14px;color:var(--t3);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.friend-list{display:grid;gap:7px;margin-top:9px}
.friend-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto auto;align-items:center;gap:10px;border:1px solid var(--border);border-radius:12px;background:#fff;padding:9px 11px}
.friend-av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:850;background:var(--grad)}
.friend-av.avatar-2{background:linear-gradient(135deg,#16b87f,#3fd99a)}
.friend-av.avatar-3{background:linear-gradient(135deg,#f5455c,#ff7a8a)}
.friend-av.avatar-4{background:linear-gradient(135deg,#8a5cff,#b18cff)}
.friend-av.avatar-5{background:linear-gradient(135deg,#f5a623,#ffce6b)}
.friend-av.avatar-6{background:linear-gradient(135deg,#38f9d7,#16b87f);color:#0f1c3f}
.friend-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--t1);font-size:13px}
.friend-status{border-radius:20px;padding:3px 8px;font-size:11px;font-weight:850}
.friend-status.paid{background:rgba(22,184,127,.10);color:#0e8d61}
.friend-status.wait{background:rgba(245,166,35,.10);color:#a06000}
.friend-earned{font-family:"JetBrains Mono";font-size:12px;color:var(--t2);text-align:right}
.friend-earned small{display:block;color:var(--t4);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:9px}
.modal-total{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;border-radius:13px;background:linear-gradient(135deg,rgba(22,184,127,.11),rgba(64,86,246,.06));border:1px solid rgba(22,184,127,.22);padding:13px 14px}
.modal-total span{color:var(--t3);font-size:12px;font-weight:800}
.modal-total b{font-family:"JetBrains Mono";font-size:14px;color:#0e8d61;text-align:right}
.tg-done-banner{display:none;text-align:center;border-radius:18px;background:linear-gradient(135deg,#16b87f,#3fd99a);color:#fff;padding:22px;margin:6px 0 16px}
.tg-done-banner.show{display:block}
.tg-done-banner span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;margin:0 auto 10px;background:rgba(255,255,255,.18)}
.tg-done-banner svg{width:24px;height:24px}
.tg-done-banner b,.tg-done-banner strong,.tg-done-banner small{display:block}
.tg-done-banner strong{font-family:"JetBrains Mono";font-size:28px;margin-top:4px}
.tg-done-banner small{color:rgba(255,255,255,.78);font-size:12px;margin-top:2px}
.tg-steps{display:grid;gap:10px;margin:14px 0}
.tg-step{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--border);border-radius:14px;background:#fff;padding:12px}
.tg-step-num{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--p-soft);color:var(--p);font-weight:850}
.tg-step.done{border-color:rgba(33,150,243,.22);background:rgba(33,150,243,.045)}
.tg-step.done .tg-step-num{background:#2196f3;color:#fff}
.tg-step b{display:block;color:var(--t1);font-size:13.5px}
.tg-step small{display:block;margin-top:2px;color:var(--t3);font-size:12px}
.modal-wide{width:100%;justify-content:center}
.modal-form select{width:100%;border:1.5px solid var(--border-2);border-radius:12px;background:#fff;color:var(--t1);padding:11px 13px;outline:none;font:inherit}
.modal-form input:focus,.modal-form textarea:focus,.modal-form select:focus{border-color:var(--p);box-shadow:0 0 0 3px rgba(64,86,246,.12)}
.key-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.key-modal-note{display:grid;gap:4px;border:1px solid rgba(64,86,246,.14);background:rgba(64,86,246,.055);border-radius:13px;padding:12px 13px}
.key-modal-note b{color:var(--t1);font-size:13px}
.key-modal-note span{color:var(--t3);font-size:12.5px;line-height:1.45}
.modal-actions{justify-content:flex-end;margin-top:3px}
.limit-chips{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.lchip{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:20px;background:var(--bg);color:var(--t3);padding:4px 9px;font-size:11px;font-weight:850}
.lchip.norm{background:rgba(64,86,246,.08);border-color:rgba(64,86,246,.18);color:var(--p)}

@keyframes mIn{from{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:none}}
.modal-backdrop[data-modal="key"]{display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(7,16,51,.45);backdrop-filter:blur(6px)}
.modal-backdrop[data-modal="key"] .modal-card{
  width:100%;
  max-width:480px;
  max-height:90vh;
  overflow:hidden;
  border:0;
  border-radius:24px;
  background:#fff;
  box-shadow:0 40px 100px -20px rgba(7,16,51,.40),0 0 0 1px rgba(25,38,84,.08);
  padding:0;
  font-family:"Inter",sans-serif;
  font-size:16px;
  line-height:normal;
  animation:mIn .22s cubic-bezier(.2,.8,.2,1);
}
.modal-backdrop[data-modal="key"] .modal-close{
  right:24px;
  top:22px;
  width:32px;
  height:32px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--bg-1);
  color:var(--t3);
  font-size:21px;
  line-height:1;
  display:grid;
  place-items:center;
  padding:0;
  box-shadow:none;
  transition:.15s;
}
.modal-backdrop[data-modal="key"] .modal-close:hover{background:rgba(245,69,92,.08);border-color:rgba(245,69,92,.30);color:var(--bad)}
.modal-backdrop[data-modal="key"] .modal-close svg{width:15px;height:15px;color:currentColor}
.key-proto-head{display:flex;align-items:center;justify-content:space-between;height:54px;padding:22px 64px 0 24px}
.key-proto-head h2{font-size:18px;font-weight:800;letter-spacing:-.03em;line-height:1.2}
.key-proto-form{display:flex;flex-direction:column;gap:18px;padding:20px 24px 24px}
.key-proto-form .field-group{display:flex;flex-direction:column;gap:6px}
.key-proto-form .field-label{display:flex;align-items:center;gap:6px;color:var(--t2);font-size:12px;font-weight:700;letter-spacing:.01em}
.key-proto-form .field-label .req{color:var(--bad);font-size:14px;line-height:1}
.key-proto-form .field-label .opt{border-radius:20px;background:rgba(25,38,84,.06);color:var(--t4);padding:2px 7px;font-size:11px;font-weight:600}
.key-proto-form .field-input{
  width:100%;
  border:1.5px solid var(--border-2);
  border-radius:11px;
  background:var(--bg-1);
  color:var(--t1);
  padding:11px 14px;
  outline:none;
  font-size:14px;
  font-family:"Inter",sans-serif;
  transition:border-color .16s,box-shadow .16s;
}
.key-proto-form .field-input:focus{border-color:var(--p);box-shadow:0 0 0 3px rgba(64,86,246,.12)}
.key-proto-form .field-input::placeholder{color:var(--t4)}
.key-proto-form .limits-section>.field-label{margin-bottom:2px}
.key-proto-form select.field-input{
  cursor:pointer;
  appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%239aa6cc' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 14px center;
  padding-right:34px;
}
.key-proto-form .limits-section{display:flex;flex-direction:column;gap:10px}
.key-proto-form .limits-grid{display:flex;flex-direction:column;gap:8px}
.key-limit-row{
  display:flex;
  flex-direction:column;
  gap:0;
  border:1.5px solid var(--border);
  border-radius:11px;
  background:var(--bg-1);
  padding:11px 13px;
  transition:border-color .15s,background .15s;
}
.key-limit-row.enabled{border-color:var(--border-accent);background:rgba(64,86,246,.03)}
.key-limit-top{display:flex;align-items:center;gap:10px}
.key-limit-toggle{display:flex;align-items:center;gap:8px;min-width:0;flex:1;cursor:pointer}
.key-limit-toggle b{display:block;color:var(--t1);font-size:13px;font-weight:650;line-height:normal}
.key-limit-toggle small{display:block;margin-top:0;color:var(--t3);font-size:11.5px;line-height:normal}
.key-limit-icon{
  width:28px;
  height:28px;
  border-radius:8px;
  display:grid;
  place-items:center;
  flex:none;
  background:rgba(25,38,84,.06);
  color:var(--t4);
  transition:background .15s,color .15s;
}
.key-limit-row.enabled .key-limit-icon{background:rgba(64,86,246,.12);color:var(--p)}
.key-limit-icon svg{width:14px;height:14px}
.key-limit-switch{position:relative;width:36px;height:20px;flex:none}
.key-limit-switch input{position:absolute;width:0;height:0;opacity:0}
.key-limit-switch span{position:absolute;inset:0;border-radius:20px;background:rgba(25,38,84,.12);cursor:pointer;transition:background .2s}
.key-limit-switch span::after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.20);transition:left .2s}
.key-limit-switch input:checked+span{background:var(--p)}
.key-limit-switch input:checked+span::after{left:18px}
.key-limit-amount{display:flex;align-items:center;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}
.key-limit-amount[hidden]{display:none!important}
.key-limit-input{display:flex;align-items:center;gap:6px;flex:1;border:1.5px solid var(--border-2);border-radius:9px;background:#fff;padding:7px 11px;transition:border-color .16s}
.key-limit-input:focus-within{border-color:var(--p)}
.key-limit-input input{width:100%;border:0;background:transparent;color:var(--t1);outline:none;font-family:"JetBrains Mono",monospace;font-size:14px;font-weight:600}
.key-limit-input i{flex:none;color:var(--t3);font-style:normal;font-size:13px;font-weight:600}
.key-limit-hint{color:var(--t4);font-size:11px;white-space:nowrap}
.key-proto-footer{display:flex;gap:10px}
.key-proto-footer .btn-cancel,.key-proto-footer .btn-submit{font-family:inherit;cursor:pointer}
.key-proto-footer .btn-cancel{
  flex:1;
  border:1.5px solid var(--border-2);
  border-radius:12px;
  background:transparent;
  color:var(--t2);
  padding:12px;
  font-size:14px;
  font-weight:650;
  transition:border-color .15s,color .15s;
}
.key-proto-footer .btn-cancel:hover{border-color:var(--border-accent);color:var(--p)}
.key-proto-footer .btn-submit{
  flex:2;
  border:0;
  border-radius:12px;
  background:var(--grad);
  color:#fff;
  padding:12px;
  font-size:14px;
  font-weight:700;
  box-shadow:0 10px 24px -12px rgba(64,86,246,.70);
  transition:transform .18s;
}
.key-proto-footer .btn-submit:hover{transform:translateY(-1px)}
.key-proto-footer .btn-submit:disabled{opacity:.58;box-shadow:none;transform:none;cursor:not-allowed}
.key-reveal-copy{display:flex;flex-direction:column;gap:18px;padding:20px 24px 18px}
.key-reveal-copy p{color:var(--t2);font-size:13.5px;line-height:1.5}.key-reveal-copy p b{color:var(--t1)}
.key-reveal{border-radius:16px;background:var(--con-bg);padding:18px 20px}
.key-reveal .kr-warn{display:flex;align-items:center;gap:8px;margin-bottom:14px;color:#f5a623;font-size:12.5px;font-weight:650}
.key-reveal .kr-warn svg{width:15px;height:15px;flex:none}
.key-reveal .kr-key{border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.05);color:#eaeefc;padding:12px 14px;font-size:13px;font-weight:500;line-height:1.6;word-break:break-all}
.key-reveal .kr-copy{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:12px;border:0;border-radius:10px;background:rgba(255,255,255,.10);color:#eaeefc;padding:11px;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;transition:background .15s}
.key-reveal .kr-copy:hover{background:rgba(255,255,255,.18)}
.key-reveal .kr-copy svg{width:14px;height:14px}
.modal-backdrop[data-modal="key"]>.modal-card>.key-proto-footer{padding:0 24px 24px}

/* Status variants */
.status-v2,.status-v3{display:grid;gap:18px}
.status-workspace>.content:has(.status-proto){
  max-width:none;
  margin:0;
  padding:0 30px 56px;
}
.status-proto{
  display:grid;
  gap:0;
  margin:0 -30px;
}
.status-proto-topbar{
  position:sticky;
  top:0;
  z-index:20;
  height:52px;
  min-height:52px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:0 30px;
  background:rgba(255,255,255,.88);
  border-bottom:2px solid rgba(22,184,127,.30);
  backdrop-filter:blur(16px);
  transition:border-color .3s,background .3s;
}
.status-proto-topbar.warn{background:rgba(255,248,235,.90);border-bottom-color:rgba(245,166,35,.40)}
.status-proto-topbar.bad{background:rgba(255,242,244,.90);border-bottom-color:rgba(245,69,92,.40)}
.status-proto-topbar.info{background:rgba(240,247,255,.92);border-bottom-color:rgba(33,150,243,.30)}
.status-proto-topbar strong{font-size:13px;color:var(--t1)}
.status-proto-topbar-right{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:18px;
}
.status-proto-stat{
  display:grid;
  justify-items:end;
  gap:1px;
}
.status-proto-topbar b{
  color:var(--t2);
  font-family:"JetBrains Mono";
  font-size:13px;
  font-style:normal;
  font-weight:850;
}
.status-proto-topbar b.ok{color:var(--ok)}
.status-proto-topbar b.warn{color:var(--warn)}
.status-proto-topbar b.bad{color:var(--bad)}
.status-proto-topbar em{
  color:var(--t4);
  font-size:10px;
  font-style:normal;
  font-weight:850;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.status-proto-divider{width:1px;height:24px;background:var(--border)}
.status-proto-dot{
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--ok);
  box-shadow:0 0 0 3px rgba(22,184,127,.18);
  flex:none;
}
.status-proto-dot.warn{background:var(--warn);box-shadow:0 0 0 3px rgba(245,166,35,.18)}
.status-proto-dot.bad{background:var(--bad);box-shadow:0 0 0 3px rgba(245,69,92,.18)}
.status-proto-dot.info{background:#2196f3;box-shadow:0 0 0 3px rgba(33,150,243,.16)}
.status-proto-refresh{
  grid-auto-flow:column!important;
  align-items:center;
  gap:5px!important;
  padding-left:18px!important;
  color:var(--t3);
  font-size:11.5px;
  font-weight:700;
}
.status-proto-refresh .nav-svg{width:12px;height:12px}
.status-dev-message{
  display:flex;
  gap:14px;
  align-items:center;
  padding:12px 30px;
  border-bottom:1px solid rgba(245,166,35,.20);
  background:rgba(245,166,35,.08);
  font-size:13px;
  line-height:normal;
  color:#8a6200;
}
.status-dev-message.bad{background:rgba(245,69,92,.08);border-bottom-color:rgba(245,69,92,.20);color:#b8003a}
.status-dev-message.info,.status-dev-message.ok{background:rgba(33,150,243,.07);border-bottom-color:rgba(33,150,243,.18);color:#0d5fa3}
.status-dev-icon{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:rgba(245,166,35,.15);
  font-weight:900;
}
.status-dev-message.bad .status-dev-icon{background:rgba(245,69,92,.12)}
.status-dev-message.info .status-dev-icon,.status-dev-message.ok .status-dev-icon{background:rgba(33,150,243,.12)}
.status-dev-icon .nav-svg,.status-dev-icon svg{width:16px;height:16px;opacity:1}
.alert-body{flex:1;min-width:0}
.alert-title{font-weight:750;line-height:normal;margin-bottom:2px}
.alert-sub{font-size:12px;line-height:normal;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.alert-pill{
  flex:none;
  padding:3px 10px;
  border-radius:20px;
  background:rgba(245,166,35,.16);
  font-size:10.5px;
  font-weight:750;
  line-height:normal;
  white-space:nowrap;
}
.status-dev-message.bad .alert-pill{background:rgba(245,69,92,.14)}
.status-dev-message.info .alert-pill,.status-dev-message.ok .alert-pill{background:rgba(33,150,243,.14)}
.status-proto-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-bottom:1px solid var(--border);
  background:rgba(255,255,255,.50);
}
.status-proto-metrics>div{
  padding:17px 30px;
  border-right:1px solid var(--border);
}
.status-proto-metrics>div:last-child{border-right:0}
.status-proto-metrics b{
  display:block;
  color:var(--t1);
  font-family:"JetBrains Mono";
  font-size:26px;
  line-height:1;
  letter-spacing:-.04em;
}
.status-proto-metrics b.ok{color:var(--ok)}
.status-proto-metrics b.warn{color:var(--warn)}
.status-proto-metrics b.bad{color:var(--bad)}
.status-proto-metrics span{
  display:block;
  margin-top:6px;
  color:var(--t3);
  font-size:10.5px;
  font-weight:650;
  letter-spacing:.05em;
  line-height:normal;
  text-transform:uppercase;
}
.status-proto-metrics small{
  display:block;
  margin-top:3px;
  color:var(--t4);
  font-size:11px;
  line-height:normal;
}
.status-proto-content{
  display:grid;
  gap:28px;
  width:100%;
  max-width:1320px;
  margin:0 auto;
  padding:26px 30px 84px;
}
.status-proto-group{display:grid;gap:10px}
.status-proto-label{
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--t4);
  font-size:10px;
  font-weight:850;
  letter-spacing:.10em;
  line-height:normal;
  text-transform:uppercase;
}
.status-proto-label::after{content:"";height:1px;flex:1;background:var(--border)}
.status-proto-list{
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:18px;
  background:#fff;
  box-shadow:var(--shadow-sm);
}
.status-proto-head,.status-proto-row{
  display:grid;
  grid-template-columns:22px minmax(0,1fr) 108px 80px 100px;
  align-items:center;
  gap:0;
}
.status-proto-head{
  padding:8px 20px;
  color:var(--t4);
  font-size:10px;
  font-weight:850;
  letter-spacing:.06em;
  line-height:normal;
  text-transform:uppercase;
}
.status-proto-head span:nth-child(3){text-align:left;padding-left:2px}
.status-proto-head span:nth-child(4),.status-proto-head span:nth-child(5){text-align:right}
.status-proto-row{
  position:relative;
  padding:12.5px 20px;
  border-top:1px solid rgba(25,38,84,.05);
  line-height:normal;
  transition:.14s;
}
.status-proto-row:hover{background:rgba(64,86,246,.02)}
.status-proto-row::before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  bottom:10px;
  width:3px;
  border-radius:0 3px 3px 0;
  background:var(--ok);
}
.status-proto-row.warn::before{background:var(--warn)}
.status-proto-row.bad::before{background:var(--bad)}
.status-proto-row .status-proto-dot{width:8px;height:8px;box-shadow:none}
.status-proto-info{min-width:0}
.status-proto-info strong{display:block;color:var(--t1);font-size:13.5px;line-height:1.2}
.status-proto-info small{display:block;margin-top:1px;color:var(--t3);font-family:"JetBrains Mono";font-size:11px;line-height:normal}
.status-proto-bars{
  display:flex;
  align-items:flex-end;
  gap:2px;
  height:24px;
}
.status-proto-bars i{
  display:block;
  width:5px;
  border-radius:2px;
  background:var(--ok);
}
.status-proto-bars i.warn{background:var(--warn)}
.status-proto-bars i.bad{background:var(--bad)}
.status-proto-bars i.none{background:rgba(25,38,84,.08)}
.status-proto-bars i.h0{height:8px}.status-proto-bars i.h1{height:10px}.status-proto-bars i.h2{height:12px}.status-proto-bars i.h3{height:14px}.status-proto-bars i.h4{height:12px}.status-proto-bars i.h5{height:10px}.status-proto-bars i.h6{height:10px}.status-proto-bars i.h7{height:12px}.status-proto-bars i.h8{height:14px}.status-proto-bars i.h9{height:16px}.status-proto-bars i.h10{height:14px}.status-proto-bars i.h11{height:12px}.status-proto-bars i.h12{height:10px}.status-proto-bars i.h13{height:12px}
.status-proto-latency{
  color:var(--t2);
  font-family:"JetBrains Mono";
  font-size:12px;
  text-align:right;
}
.status-proto-latency.warn{color:var(--warn)}
.status-proto-latency.bad{color:var(--bad)}
.status-proto-pill{
  justify-self:end;
  padding:3px 11px;
  border-radius:20px;
  background:rgba(22,184,127,.10);
  color:var(--ok);
  font-size:10.5px;
  font-weight:850;
  white-space:nowrap;
}
.status-proto-pill.warn{background:rgba(245,166,35,.10);color:#c88a00}
.status-proto-pill.bad{background:rgba(245,69,92,.10);color:var(--bad)}
.status-proto-incidents{
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:18px;
  background:#fff;
  box-shadow:var(--shadow-sm);
}
.status-proto-incident{
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  gap:14px;
  padding:13.5px 20px;
  border-top:1px solid rgba(25,38,84,.05);
  line-height:normal;
}
.status-proto-incident:first-child{border-top:0}
.status-proto-incident-mark{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  padding-top:3px;
}
.status-proto-incident-mark span{
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--ok);
  flex:none;
}
.status-proto-incident-mark span.warn{background:var(--warn)}
.status-proto-incident-mark span.bad{background:var(--bad)}
.status-proto-incident-mark span.info{background:#2196f3}
.status-proto-incident-mark i{
  width:1px;
  min-height:16px;
  flex:1;
  background:rgba(25,38,84,.07);
}
.status-proto-incident strong{display:block;color:var(--t1);font-size:13px;line-height:normal}
.status-proto-incident p{margin-top:3px;color:var(--t3);font-size:12px;line-height:1.5}
.status-proto-incident div div{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin-top:6px;
}
.status-proto-incident div div span{
  padding:2px 9px;
  border-radius:20px;
  background:rgba(22,184,127,.10);
  color:var(--ok);
  font-size:10px;
  font-weight:850;
  line-height:normal;
}
.status-proto-incident div div span.active{background:rgba(245,166,35,.12);color:#c88a00}
.status-proto-incident div div span.maintenance{background:rgba(33,150,243,.10);color:#0d5fa3}
.status-proto-incident small{color:var(--t4);font-size:10.5px;line-height:normal}
.status-proto-incident div div b{
  padding:2px 8px;
  border-radius:20px;
  background:rgba(25,38,84,.05);
  color:var(--t3);
  font-family:"JetBrains Mono";
  font-size:10.5px;
  line-height:normal;
}
.state-switcher{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:100;
  display:flex;
  flex-direction:column;
  gap:8px;
  width:164px;
  min-height:195px;
  padding:12px 14px;
  border:1px solid var(--border);
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 32px -8px rgba(15,28,63,.20);
}
.state-switcher-label{
  margin-bottom:2px;
  color:var(--t4);
  font-size:9px;
  font-weight:750;
  line-height:normal;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.state-btn{
  display:flex;
  align-items:center;
  gap:8px;
  padding:7px 12px;
  border:1px solid var(--border);
  border-radius:10px;
  background:transparent;
  color:var(--t2);
  font:inherit;
  font-size:12px;
  font-weight:650;
  line-height:1.2;
  text-align:left;
  cursor:pointer;
  transition:.15s;
}
.state-btn:hover{background:var(--bg)}
.state-btn.active{border-color:transparent;color:#fff;font-weight:750}
.state-btn.active.ok{background:var(--ok)}
.state-btn.active.warn{background:var(--warn)}
.state-btn.active.bad{background:var(--bad)}
.state-btn.active.info{background:#2196f3}
.state-btn-dot{width:7px;height:7px;border-radius:50%;flex:none}
.state-btn-dot.ok{background:var(--ok)}
.state-btn-dot.warn{background:var(--warn)}
.state-btn-dot.bad{background:var(--bad)}
.state-btn-dot.info{background:#2196f3}
.state-btn.active .state-btn-dot{background:rgba(255,255,255,.7)}
.status-v2-top{height:44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);margin:-6px 0 0;color:var(--t3);font-size:12.5px}
.status-v2-title{display:flex;align-items:center;gap:8px;color:var(--t1)}
.status-v2-title span:last-child{color:var(--t3);font-weight:650}
.status-refresh{color:var(--t4);font-family:"JetBrains Mono";font-size:12px}
.status-v2-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid var(--border);border-radius:0 0 18px 18px;overflow:hidden;box-shadow:var(--shadow-sm)}
.status-v2-metrics div{padding:22px;border-right:1px solid var(--border)}
.status-v2-metrics div:last-child{border-right:0}
.status-v2-metrics b{display:block;font-size:27px;line-height:1;color:var(--p);letter-spacing:-.04em}
.status-v2-metrics span{display:block;margin-top:8px;font-weight:800;color:var(--t2)}
.status-v2-metrics small{display:block;margin-top:4px;color:var(--t4);font-size:12px}
.status-group{display:grid;gap:9px}
.status-group-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--t4);font-weight:850}
.status-row-head,.status-row{display:grid;grid-template-columns:26px minmax(160px,1.2fr) minmax(170px,.8fr) 90px 110px;gap:12px;align-items:center}
.status-row-head{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--t4);font-weight:850;padding:0 16px}
.status-list{display:grid;gap:8px}
.status-row{min-height:58px;background:#fff;border:1px solid var(--border);border-left-width:3px;border-radius:13px;padding:11px 14px;box-shadow:var(--shadow-sm)}
.status-row.ok{border-left-color:var(--ok)}.status-row.warn{border-left-color:var(--warn)}.status-row.bad{border-left-color:var(--bad)}
.status-row strong{display:block;font-size:13.5px}.status-row small{display:block;color:var(--t4);font-size:11.5px;margin-top:2px}
.status-indicator{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--warn);box-shadow:0 0 0 4px rgba(245,166,35,.12)}
.status-indicator.ok{background:var(--ok);box-shadow:0 0 0 4px rgba(22,184,127,.13)}
.status-indicator.bad{background:var(--bad);box-shadow:0 0 0 4px rgba(245,69,92,.13)}
.status-bars{display:flex;align-items:end;gap:3px;height:22px}
.status-bars.wide{height:28px;margin-top:12px}
.status-bars i{display:block;width:5px;height:12px;border-radius:2px;background:var(--ok)}
.status-bars i:nth-child(2n){height:15px}.status-bars i:nth-child(3n){height:9px}.status-bars i:nth-child(5n){height:18px}
.status-bars i.warn{background:var(--warn)}.status-bars i.bad{background:var(--bad)}
.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:24px;border-radius:7px;padding:3px 8px;font-size:11px;font-weight:850}
.status-pill.ok{background:rgba(22,184,127,.12);color:var(--ok)}
.status-pill.warn{background:rgba(245,166,35,.14);color:#9a6200}
.status-pill.bad{background:rgba(245,69,92,.12);color:var(--bad)}
.incident-list,.incident-timeline{display:grid;gap:8px}
.incident-row{display:grid;grid-template-columns:18px minmax(0,1fr);gap:12px;background:#fff;border:1px solid var(--border);border-radius:13px;padding:14px;box-shadow:var(--shadow-sm)}
.incident-dot{width:9px;height:9px;border-radius:50%;background:var(--warn);margin-top:5px}.incident-dot.ok{background:var(--ok)}.incident-dot.bad{background:var(--bad)}
.incident-row strong{font-size:13.5px}.incident-row p{color:var(--t3);font-size:12.5px;margin-top:4px}.incident-row small{display:block;color:var(--t4);font-size:11.5px;margin-top:8px}
.status-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;background:linear-gradient(135deg,#0d2258,#273a94);color:#fff;border-radius:0 0 18px 18px;padding:32px 34px;box-shadow:var(--shadow-lg);margin:-6px -2px 4px}
.status-hero.warn{background:linear-gradient(135deg,#38240a,#4056f6)}
.status-hero.bad{background:linear-gradient(135deg,#3a0a17,#273a94)}
.status-ring{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 14px rgba(22,184,127,.08)}
.status-ring span{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:rgba(22,184,127,.12);color:#53e2a8;font-size:28px;border:1px solid rgba(83,226,168,.24)}
.status-ring.warn{box-shadow:0 0 0 14px rgba(245,166,35,.10)}.status-ring.warn span{background:rgba(245,166,35,.13);color:#ffd479;border-color:rgba(255,212,121,.22)}
.status-ring.bad{box-shadow:0 0 0 14px rgba(245,69,92,.10)}.status-ring.bad span{background:rgba(245,69,92,.13);color:#ff8fa0;border-color:rgba(255,143,160,.22)}
.status-hero .hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:5px 11px;font-size:12px;font-weight:800;color:#dfe6ff}
.status-hero h1{font-size:28px;color:#fff;margin-top:10px}.status-hero p{color:#cfd8ff;margin-top:5px;font-size:13px}
.status-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:22px}
.status-hero-stats b{display:block;color:#5fe3b0;font-family:"JetBrains Mono";font-size:23px}.status-hero.warn .status-hero-stats b{color:#ffd479}
.status-hero-stats span{display:block;color:#c9d4ff;font-size:11.5px;font-weight:750;margin-top:5px}
.status-v3-section{display:grid;gap:10px}
.gateway-card,.model-status-card,.external-card{background:#fff;border:1px solid var(--border);border-top:3px solid var(--ok);border-radius:14px;box-shadow:var(--shadow-sm)}
.gateway-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto auto;gap:18px;align-items:center;padding:20px}
.gateway-card.warn,.model-status-card.warn,.external-card.warn{border-top-color:var(--warn)}
.gateway-card.bad,.model-status-card.bad,.external-card.bad{border-top-color:var(--bad)}
.gateway-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(22,184,127,.12);color:var(--ok);font-size:20px}
.gateway-card strong,.model-status-card strong,.external-card strong{display:block;font-size:14.5px}.gateway-card small,.model-status-card small,.external-card small{display:block;color:var(--t4);font-size:11.5px;margin-top:2px}
.gateway-metrics b{display:block;font-family:"JetBrains Mono";color:var(--p);font-size:18px}.gateway-metrics span{color:var(--t4);font-size:11px;font-weight:750}
.model-status-grid,.external-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.model-status-card,.external-card{padding:18px;display:grid;gap:12px}
.model-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.model-head>span:first-child{font-size:11px;color:var(--t4);text-transform:uppercase;letter-spacing:.06em;font-weight:850}
.model-numbers{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.model-numbers b{display:block;color:var(--p);font-family:"JetBrains Mono";font-size:19px}.model-numbers small{font-size:11px;color:var(--t4)}

.status-workspace>.content:has(.status-v3){
  max-width:none;
  margin:0;
  padding:0 32px 56px;
}
.status-workspace>.content:has(.status-v3) .status-v3{gap:28px}
.status-workspace>.content:has(.status-v3) .status-hero{
  position:relative;
  overflow:hidden;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:48px;
  margin:0 -32px;
  padding:40px 48px;
  border-radius:0;
  box-shadow:none;
  background:linear-gradient(150deg,#0c1a42 0%,#1a2d6e 50%,#0f2252 100%);
}
.status-workspace>.content:has(.status-v3) .status-hero.warn{background:linear-gradient(150deg,#3a2812 0%,#29316e 54%,#4056f6 100%)}
.status-workspace>.content:has(.status-v3) .status-hero.bad{background:linear-gradient(150deg,#3a0a17 0%,#1a2d6e 52%,#0f2252 100%)}
.status-workspace>.content:has(.status-v3) .status-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse 60% 80% at 20% 50%,rgba(64,86,246,.35),transparent),
    radial-gradient(ellipse 40% 60% at 80% 20%,rgba(26,185,125,.20),transparent);
  pointer-events:none;
}
.status-workspace>.content:has(.status-v3) .status-hero>*{position:relative;z-index:1}
.status-workspace>.content:has(.status-v3) .status-ring{
  width:88px;
  height:88px;
  background:rgba(26,185,125,.06);
  border-color:rgba(255,255,255,.08);
  box-shadow:0 0 0 16px rgba(26,185,125,.12);
}
.status-workspace>.content:has(.status-v3) .status-ring span{
  width:60px;
  height:60px;
  font-size:30px;
}
.status-workspace>.content:has(.status-v3) .status-ring.warn{
  background:rgba(245,166,35,.06);
  box-shadow:0 0 0 16px rgba(245,166,35,.12);
}
.status-workspace>.content:has(.status-v3) .status-ring.bad{
  background:rgba(245,69,92,.06);
  box-shadow:0 0 0 16px rgba(245,69,92,.12);
}
.status-workspace>.content:has(.status-v3) .status-hero .hero-badge{
  margin-bottom:14px;
  padding:5px 14px 5px 10px;
  border-radius:24px;
}
.status-workspace>.content:has(.status-v3) .status-hero h1{
  margin-top:0;
  margin-bottom:8px;
  font-size:28px;
  line-height:1.15;
  font-weight:800;
}
.status-workspace>.content:has(.status-v3) .status-hero p{
  margin:0;
  color:rgba(255,255,255,.52);
  font-size:14px;
}
.status-workspace>.content:has(.status-v3) .status-hero-stats{
  display:flex;
  gap:0;
  align-items:center;
}
.status-workspace>.content:has(.status-v3) .status-hero-stats>div{
  min-width:150px;
  padding:0 28px;
  border-left:1px solid rgba(255,255,255,.10);
  text-align:right;
}
.status-workspace>.content:has(.status-v3) .status-hero-stats>div:first-child{border-left:0}
.status-workspace>.content:has(.status-v3) .status-hero-stats b{
  font-size:30px;
  line-height:1;
  letter-spacing:-.04em;
  color:#fff;
}
.status-workspace>.content:has(.status-v3) .status-hero-stats>div:first-child b{color:var(--ok)}
.status-workspace>.content:has(.status-v3) .status-hero.warn .status-hero-stats b{color:#ffd479}
.status-workspace>.content:has(.status-v3) .status-hero-stats span{
  margin-top:5px;
  color:rgba(255,255,255,.42);
  font-size:11px;
  text-transform:none;
  letter-spacing:.02em;
}
.status-v3 .status-group-label{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:2px;
  font-size:10px;
  font-weight:750;
  letter-spacing:.10em;
}
.status-v3 .status-group-label::after{
  content:"";
  flex:1;
  height:1px;
  background:var(--border);
}
.status-v3 .gateway-card,
.status-v3 .model-status-card,
.status-v3 .external-card{
  color:var(--t1);
  border-radius:18px;
  box-shadow:0 1px 8px -2px rgba(15,28,63,.08),0 0 0 1px rgba(25,38,84,.06);
}
.status-v3 .gateway-card{
  grid-template-columns:48px minmax(0,1fr) auto auto auto;
  gap:28px;
  padding:24px 28px;
  border-radius:20px;
}
.status-v3 .gateway-icon{
  width:48px;
  height:48px;
  border-radius:14px;
}
.status-v3 .gateway-icon .nav-svg,
.status-v3 .external-icon .nav-svg{width:22px;height:22px;opacity:1}
.status-v3 .gateway-card strong{font-size:16px}
.status-v3 .gateway-card small,
.status-v3 .model-status-card small{
  color:var(--t3);
  font-family:"JetBrains Mono","SFMono-Regular",ui-monospace,monospace;
}
.status-v3 .gateway-metrics{
  min-width:86px;
  padding-left:24px;
  border-left:1px solid var(--border);
  text-align:right;
}
.status-v3 .gateway-metrics b{font-size:22px;color:var(--t1)}
.status-v3 .gateway-metrics:first-of-type b{color:var(--ok)}
.status-v3 .gateway-card .status-pill{
  min-height:38px;
  align-self:center;
  border-radius:10px;
  padding:7px 13px;
}
.status-v3 .model-status-grid,
.status-v3 .external-status-grid{gap:12px}
.status-v3 .model-status-card,
.status-v3 .external-card{
  padding:20px 22px;
  gap:14px;
}
.status-v3 .model-head>span:first-child{
  padding:3px 9px;
  border:1px solid var(--border);
  border-radius:20px;
}
.status-v3 .model-head .status-pill{
  gap:5px;
  min-height:0;
  padding:0;
  border-radius:0;
  background:transparent;
}
.status-v3 .model-head .status-pill::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:currentColor;
}
.status-v3 .model-status-card strong{font-size:17px}
.status-v3 .model-numbers{
  margin-top:0;
  padding-top:14px;
  border-top:1px solid rgba(25,38,84,.06);
}
.status-v3 .external-head{
  display:flex;
  align-items:center;
  gap:12px;
}
.status-v3 .external-icon{
  width:38px;
  height:38px;
  border-radius:11px;
  background:rgba(22,184,127,.07);
  border:1px solid rgba(22,184,127,.20);
  color:var(--ok);
  display:grid;
  place-items:center;
  flex:none;
}
.status-v3 .external-card.warn .external-icon{background:rgba(245,166,35,.08);border-color:rgba(245,166,35,.22);color:var(--warn)}
.status-v3 .external-card.bad .external-icon{background:rgba(245,69,92,.08);border-color:rgba(245,69,92,.22);color:var(--bad)}

/* Standalone landing auth / redeem */
.landing-auth-page,.redeem-page{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:30px 20px;
  background:
    radial-gradient(1100px 700px at 85% -10%,rgba(107,140,255,.20),transparent 60%),
    radial-gradient(900px 600px at -8% 8%,rgba(64,86,246,.13),transparent 58%),
    linear-gradient(180deg,var(--bg),var(--bg-deep));
}
.auth-brand{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  margin-bottom:22px;
  color:var(--t1);
  font-size:18px;
  font-weight:850;
}
.auth-brand span:first-child{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:var(--grad);
  color:#fff;
  box-shadow:0 8px 22px -8px rgba(64,86,246,.70);
}
.auth-brand svg{width:21px;height:21px}
.auth-brand b{color:var(--p)}
.auth-card,.redeem-card{
  width:100%;
  background:#fff;
  border:1px solid var(--border);
  border-radius:22px;
  box-shadow:0 40px 90px -30px rgba(42,52,104,.40);
}
.auth-card{max-width:480px;padding:34px 34px 30px}
.redeem-card{max-width:460px;padding:34px}
.auth-card h1,.redeem-card h1{font-size:26px;font-weight:850;line-height:1.15;letter-spacing:-.03em}
.auth-card .sub,.redeem-card .sub{font-size:15px;color:var(--t2);margin-top:8px;line-height:1.5}
.credited{
  display:none;
  align-items:center;
  gap:11px;
  padding:13px 15px;
  border-radius:13px;
  background:linear-gradient(135deg,rgba(22,184,127,.12),rgba(22,184,127,.05));
  border:1px solid rgba(22,184,127,.30);
  margin-bottom:22px;
}
.credited.show{display:flex}
.credited div:first-child{
  width:30px;
  height:30px;
  border-radius:9px;
  background:linear-gradient(135deg,#16b87f,#3fd99a);
  color:#fff;
  display:grid;
  place-items:center;
  flex:none;
}
.credited svg{width:16px;height:16px}
.credited p{font-size:13.5px;color:#0c7a52;font-weight:650;line-height:1.35}
.credited b{font-weight:850}
.referral-note{margin-top:14px;margin-bottom:0}
.landing-auth-seg{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5px;
  width:100%;
  background:#fff;
  border:1px solid var(--border-2);
  border-radius:13px;
  padding:5px;
  margin:22px 0 4px;
}
.landing-auth-seg button{
  border:0;
  background:transparent;
  color:var(--t2);
  border-radius:9px;
  padding:9px 22px;
  font-size:14.5px;
  font-weight:800;
}
.landing-auth-seg button.active{background:var(--grad);color:#fff;box-shadow:0 8px 18px -8px rgba(64,86,246,.60)}
.turnstile-field{display:grid;gap:8px;min-height:74px;align-items:start}
.turnstile-field[hidden]{display:none}
.turnstile-msg{margin:0;color:var(--muted);font-size:12px;line-height:1.4}
.auth-box{display:none}
.auth-box.active{display:block}
.auth-box label,.redeem-card label{
  display:block;
  margin:20px 0 8px;
  color:var(--t3);
  font-size:11.5px;
  font-weight:850;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.auth-inp,.code-in{
  width:100%;
  border:1.6px solid var(--border-2);
  border-radius:13px;
  background:#eef1ff;
  color:var(--t1);
  outline:none;
  transition:border-color .15s,box-shadow .15s,background .15s;
}
.auth-inp{padding:14px 16px;font-size:15px;font-weight:550}
.auth-inp::placeholder,.code-in::placeholder{color:var(--t4)}
.auth-inp:focus,.code-in:focus{border-color:var(--p);box-shadow:0 0 0 4px rgba(64,86,246,.13);background:#fff}
.auth-submit{
  width:100%;
  min-height:52px;
  margin-top:24px;
  border:0;
  border-radius:13px;
  background:var(--grad);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:15px;
  font-weight:800;
  box-shadow:0 14px 30px -12px rgba(64,86,246,.65);
}
.auth-switch{text-align:center;font-size:13.5px;color:var(--t3);margin-top:16px}
.auth-switch button{border:0;background:transparent;color:var(--p);font-weight:800}
.social-line{display:flex;align-items:center;gap:14px;margin:26px 0 16px;color:var(--t4);font-size:12.5px;font-weight:650}
.social-line::before,.social-line::after{content:"";flex:1;height:1px;background:var(--border)}
.auth-social{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.auth-social button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:50px;
  border:1.5px solid var(--border-2);
  border-radius:13px;
  background:#fff;
  color:var(--t2);
  font-size:14.5px;
  font-weight:800;
}
.gmail-mark,.telegram-mark{width:20px;height:20px;display:grid;place-items:center;font-weight:900}
.gmail-mark{color:#4285f4}.telegram-mark{border-radius:50%;background:#28a8e9;color:#fff;font-size:12px}
.redeem-kick{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-bottom:16px;
  padding:6px 12px;
  border-radius:30px;
  background:var(--p-soft);
  color:var(--p);
  font-size:12px;
  font-weight:800;
}
.redeem-kick svg{width:14px;height:14px}
.code-in{
  padding:16px;
  font-size:18px;
  font-weight:800;
  letter-spacing:.06em;
  text-align:center;
  text-transform:uppercase;
}
.code-in.bad{border-color:var(--bad);box-shadow:0 0 0 4px rgba(245,69,92,.12)}
.redeem-error{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:10px;
  color:var(--bad);
  font-size:13px;
  font-weight:700;
}
.redeem-error svg{width:15px;height:15px;flex:none}
.redeem-hint,.redeem-safe-note{font-size:12.5px;color:var(--t3);margin-top:16px;line-height:1.5;text-align:center}
.redeem-safe-note{margin-top:8px}
.redeem-hint b{color:var(--t2)}
.redeem-alt{text-align:center;font-size:13.5px;color:var(--t3);margin-top:22px;padding-top:20px;border-top:1px solid var(--border)}
.redeem-alt a{color:var(--p);font-weight:800}
.redeem-ov{
  position:fixed;
  inset:0;
  z-index:100;
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(7,16,51,.55);
  backdrop-filter:blur(7px);
}
.redeem-ov.open{display:flex}
.redeem-modal{
  width:100%;
  max-width:440px;
  background:#fff;
  border-radius:24px;
  box-shadow:0 50px 110px -25px rgba(7,16,51,.50);
  overflow:hidden;
  text-align:center;
}
.redeem-modal-top{padding:36px 32px 8px}
.redeem-check{
  width:74px;
  height:74px;
  display:grid;
  place-items:center;
  margin:0 auto 20px;
  border-radius:50%;
  background:linear-gradient(135deg,#16b87f,#3fd99a);
  color:#fff;
  box-shadow:0 16px 36px -12px rgba(22,184,127,.60);
}
.redeem-check svg{width:38px;height:38px}
.redeem-modal h2{font-size:24px;font-weight:850;letter-spacing:-.03em}
.redeem-modal p{font-size:14.5px;color:var(--t2);margin-top:8px}
.redeem-amount{
  margin:22px 28px 6px;
  padding:22px;
  border-radius:18px;
  background:var(--grad);
  color:#fff;
  position:relative;
  overflow:hidden;
}
.redeem-amount::after{content:"";position:absolute;right:-40px;top:-40px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 65%)}
.amount-label,.amount-token,.amount-value{position:relative}
.amount-label{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.70)}
.amount-value{font-family:"JetBrains Mono";font-size:42px;font-weight:850;letter-spacing:-.04em;margin-top:4px}
.amount-token{font-size:13px;color:rgba(255,255,255,.75);margin-top:2px}
.redeem-code{font-size:12.5px;color:var(--t3);margin-top:14px}
.redeem-code b{color:var(--t2)}
.redeem-modal-foot{padding:18px 28px 30px}
.redeem-modal-btn{
  width:100%;
  min-height:52px;
  border:0;
  border-radius:13px;
  background:var(--grad);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:15px;
  font-weight:800;
  box-shadow:0 14px 30px -12px rgba(64,86,246,.65);
}

/* New-screens site pages */
.site-page{
  min-height:100vh;
  background:
    radial-gradient(1300px 760px at 88% -10%,rgba(107,140,255,.20),transparent 60%),
    radial-gradient(1000px 640px at -8% 8%,rgba(64,86,246,.13),transparent 58%),
    linear-gradient(180deg,var(--bg) 0%,var(--bg-deep) 100%);
  background-attachment:fixed;
}
.switch-page{background:
  radial-gradient(1300px 760px at 88% -10%,rgba(245,69,92,.10),transparent 60%),
  radial-gradient(1000px 640px at -8% 8%,rgba(64,86,246,.13),transparent 58%),
  linear-gradient(180deg,var(--bg) 0%,var(--bg-deep) 100%)}
.site-shell{max-width:1180px;margin:0 auto;padding:0 28px}
.site-promo{background:linear-gradient(90deg,rgba(64,86,246,.10),rgba(107,140,255,.06));border-bottom:1px solid var(--border)}
.site-promo.danger{background:linear-gradient(90deg,rgba(245,69,92,.10),rgba(64,86,246,.06))}
.site-promo-in{max-width:1180px;margin:0 auto;padding:9px 28px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;color:var(--t2);font-weight:550}
.site-promo-in span{font-size:10.5px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;background:var(--p);color:#fff;padding:3px 8px;border-radius:6px}
.site-promo.danger .site-promo-in span{background:var(--bad)}
.site-promo-in b{color:var(--p)}
.site-nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(16px);background:rgba(238,242,252,.80);border-bottom:1px solid var(--border)}
.site-nav-in{max-width:1180px;margin:0 auto;padding:13px 28px;display:flex;align-items:center;gap:24px}
.site-brand{display:flex;align-items:center;gap:11px;font-weight:850;font-size:17px;color:var(--t1);letter-spacing:-.02em}
.site-brand.small{font-size:15px}
.site-logo{width:36px;height:36px;border-radius:11px;background:var(--grad);display:grid;place-items:center;color:#fff;box-shadow:0 8px 22px -8px rgba(64,86,246,.70);flex:none}
.site-brand.small .site-logo{width:30px;height:30px}
.site-logo svg{width:20px;height:20px}
.site-brand span:last-child{color:var(--p)}
.site-brand span.site-brand-word{display:inline-flex;gap:0;color:var(--t1)}
.site-brand .site-brand-word span{color:var(--p)}
.site-links{display:flex;gap:24px;margin-left:14px}
.site-links a{font-size:14px;color:var(--t2);font-weight:600}
.site-actions{margin-left:auto;display:flex;align-items:center;gap:12px}
.site-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;padding:11px 18px;font-size:14px;font-weight:800;white-space:nowrap}
.site-btn.primary{background:var(--grad);color:#fff;box-shadow:0 12px 28px -10px rgba(64,86,246,.65)}
.site-btn.ghost{background:#fff;color:var(--t2);border:1px solid var(--border-2)}
.site-btn.large{padding:15px 28px;border-radius:13px;font-size:15px}
.site-hero{padding:60px 28px 30px}
.site-hero.two-col{display:grid;grid-template-columns:1.06fr .94fr;gap:48px;align-items:center}
.site-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;padding:6px 13px;border-radius:30px;background:var(--p-soft);color:var(--p);font-size:12.5px;font-weight:800}
.site-eyebrow.danger{background:rgba(245,69,92,.10);color:var(--bad)}
.site-eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px rgba(22,184,127,.20)}
.site-eyebrow.danger span{background:var(--bad);box-shadow:none}
.site-hero h1{font-size:52px;line-height:1.05;font-weight:850;letter-spacing:-.035em;max-width:720px}
.about-page .site-hero h1{font-size:54px}
.site-hero h1 span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.site-hero p{font-size:18px;line-height:1.55;color:var(--t2);margin-top:20px;max-width:540px}
.site-bullets{margin-top:24px;display:flex;flex-direction:column;gap:11px}
.site-bullets li{display:flex;align-items:center;gap:11px;list-style:none;font-size:15px;color:var(--t2);font-weight:550}
.site-bullets i{width:22px;height:22px;border-radius:7px;background:rgba(22,184,127,.13);color:var(--ok);display:grid;place-items:center;flex:none}
.site-bullets svg{width:13px;height:13px}
.site-cta{margin-top:30px;display:flex;gap:13px;align-items:center;flex-wrap:wrap}
.compare-card,.balance-card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:22px;
  box-shadow:var(--shadow-lg);
  overflow:hidden;
}
.compare-head,.compare-row{display:grid;grid-template-columns:1.3fr 1fr 1fr}
.compare-head>div{padding:15px 16px;font-size:12.5px;font-weight:850;text-transform:uppercase;letter-spacing:.03em}
.compare-head>div:nth-child(2){background:rgba(25,38,84,.03);color:var(--t3);text-align:center}
.compare-head>div:nth-child(3){background:var(--grad);color:#fff;text-align:center}
.compare-row{border-top:1px solid var(--border);font-size:13.5px}
.compare-row>div{padding:13px 16px;display:flex;align-items:center;justify-content:center;font-weight:800}
.compare-row>div:first-child{justify-content:flex-start;color:var(--t2);font-weight:650}
.compare-row>div:nth-child(2){background:rgba(245,69,92,.04);color:var(--bad)}
.compare-row>div:nth-child(3){background:rgba(22,184,127,.06);color:var(--ok)}
.balance-card{padding:30px;color:#fff;background:var(--grad);position:relative}
.balance-card::after{content:"";position:absolute;right:-50px;top:-50px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 65%)}
.balance-card>*{position:relative}
.balance-card>span{font-size:12px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.65)}
.balance-card>b{display:block;font-family:"JetBrains Mono";font-size:46px;font-weight:850;letter-spacing:-.04em;margin:8px 0 4px}
.balance-card>p{color:rgba(255,255,255,.72);font-size:13.5px;margin:0}
.balance-card>div{display:flex;gap:8px;margin-top:20px}
.balance-card i{flex:1;padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.20);font-style:normal;font-size:12.5px;text-align:center;font-weight:800}
.balance-card dl{display:flex;gap:20px;margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.18)}
.balance-card dt{font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:rgba(255,255,255,.55);font-weight:850}
.balance-card dd{font-family:"JetBrains Mono";font-size:15px;font-weight:850;margin-top:3px}
.tools-strip{text-align:center;padding:26px 28px 6px}
.tools-strip p{font-size:12.5px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;color:var(--t4);margin-bottom:18px}
.tools-strip div{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.tools-strip span{background:#fff;border:1px solid var(--border);border-radius:12px;padding:10px 16px;color:var(--t2);font-size:14px;font-weight:750;box-shadow:var(--shadow-sm)}
.tools-strip b{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:8px;border-radius:5px;background:var(--grad);color:#fff;font-size:10px;font-weight:900;vertical-align:middle}
.site-section{padding:64px 0}
.site-section-head{text-align:center;max-width:740px;margin:0 auto 44px}
.site-section-head.left{text-align:left;margin:0 0 28px}
.site-section-head span{display:inline-block;margin-bottom:12px;color:var(--p);font-size:12.5px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}
.danger-text{color:var(--bad)!important}
.site-section-head h2{font-size:40px;font-weight:900;letter-spacing:-.035em;line-height:1.08}
.site-section-head p{font-size:17px;color:var(--t2);margin-top:14px;font-weight:550}
.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pain-card{background:rgba(255,255,255,.90);border:1px solid var(--border);border-left:3px solid var(--bad);border-radius:14px;padding:22px;box-shadow:var(--shadow-sm)}
.pain-card p{font-size:15px;font-weight:700;color:var(--t1);line-height:1.45}
.pain-card div{margin-top:12px;color:var(--t4);font-size:12.5px;font-weight:700}
.pain-card span{background:rgba(245,69,92,.10);color:var(--bad);font-weight:850;padding:2px 9px;border-radius:20px;margin-right:7px}
.fix-grid,.adv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.adv-grid{grid-template-columns:repeat(3,1fr)}
.fix-card,.adv-grid article,.step-grid article,.trust-grid article,.who-grid article,.qa-list article{
  background:#fff;
  border:1px solid var(--border);
  border-radius:22px;
  box-shadow:var(--shadow-sm);
}
.fix-card{display:flex;gap:16px;padding:26px}
.fix-icon,.adv-grid article>div{width:46px;height:46px;border-radius:13px;background:var(--grad);color:#fff;display:grid;place-items:center;flex:none;box-shadow:0 10px 22px -10px rgba(64,86,246,.60)}
.fix-icon svg,.adv-grid svg{width:23px;height:23px}
.fix-card h3,.adv-grid h3,.step-grid h3,.who-grid h3,.qa-list h3,.trust-grid h3{font-size:17px;font-weight:850;letter-spacing:-.02em}
.fix-card b{display:block;margin:7px 0 4px;color:var(--bad);font-size:12.5px;text-transform:uppercase;letter-spacing:.03em}
.fix-card p,.adv-grid p,.step-grid p,.who-grid p,.qa-list p,.trust-grid p{font-size:14px;color:var(--t2);line-height:1.5;margin-top:8px}
.highlight-panel{padding:48px;border-radius:22px;background:linear-gradient(135deg,#0a1342,#16215e);color:#fff;text-align:center;position:relative;overflow:hidden}
.highlight-panel h2{font-size:36px;font-weight:900;letter-spacing:-.03em}
.highlight-panel p{max-width:620px;margin:16px auto 0;color:#aab6e8;font-size:17px;line-height:1.6}
.highlight-panel div{display:inline-flex;align-items:center;justify-content:center;gap:14px;margin-top:28px;flex-wrap:wrap}
.highlight-panel span{padding:12px 18px;border-radius:12px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);font-weight:800}
.highlight-panel b{color:#6b8cff;font-size:20px}
.migrate-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.migrate-steps{display:grid;gap:18px;list-style:none}
.migrate-steps li{display:flex;gap:14px}
.migrate-steps span,.step-grid b{width:30px;height:30px;border-radius:9px;background:var(--p-soft);color:var(--p);font-weight:850;display:grid;place-items:center;flex:none}
.terminal-card{background:#0d1117;color:#e6edf3;border-radius:22px;box-shadow:var(--shadow-lg);padding:26px;line-height:1.9;white-space:pre-wrap}
.terminal-card.has-bar{padding:0;overflow:hidden;white-space:normal}
.terminal-bar{display:flex;align-items:center;gap:7px;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.08)}
.terminal-bar i{width:11px;height:11px;border-radius:50%;display:block}
.terminal-bar .red{background:#ff5f57}.terminal-bar .yellow{background:#ffbd2e}.terminal-bar .green{background:#28c840}
.terminal-body{padding:18px;line-height:1.9;white-space:normal}
.terminal-card .cm{color:#5c6e8a}.terminal-card .pr{color:#3fb950}.terminal-card .fl{color:#79c0ff}.terminal-card .st{color:#a5d6ff}
.trust-grid,.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.trust-grid article,.step-grid article,.qa-list article{padding:26px}
.trust-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;margin-bottom:14px;color:#fff}
.trust-icon svg{width:21px;height:21px}
.trust-icon.ok{background:linear-gradient(135deg,#16b87f,#4fd6a8)}
.trust-icon.danger{background:linear-gradient(135deg,#f5455c,#ff7a8a)}
.trust-icon.primary{background:var(--grad)}
.adv-grid article{padding:26px}
.who-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.who-grid article{display:flex;gap:18px;padding:30px}
.who-grid b{font-size:34px;line-height:1}
.qa-list{display:grid;gap:12px;max-width:760px;margin:0 auto}
.site-final-cta{text-align:center;padding:72px 28px}
.site-final-cta h2{font-size:44px;font-weight:900;letter-spacing:-.035em;line-height:1.05}
.site-final-cta p{font-size:18px;color:var(--t2);margin:16px auto 30px;max-width:540px}
.site-footer{border-top:1px solid var(--border);padding:36px 0;color:var(--t3);font-size:13px}
.site-footer-in{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.site-footer-links{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.site-footer-links a{color:var(--t3);font-weight:750}
.site-footer-links a:hover{color:var(--p)}

/* Landing main assembled from new-screens/landing/main */
.main-landing .site-promo-in{justify-content:center}
.main-hero{padding-top:64px;padding-bottom:34px}
.main-hero h1{font-size:54px;line-height:1.04;max-width:610px}
.main-hero p{max-width:520px;margin-top:22px}
.main-hero .site-bullets{margin-top:26px;gap:12px}
.main-hero .site-cta{margin-top:34px}
.main-hero-side{display:grid;gap:16px}
.main-save{
  display:inline-flex;
  align-items:center;
  gap:9px;
  width:max-content;
  max-width:100%;
  background:rgba(22,184,127,.10);
  border:1px solid rgba(22,184,127,.28);
  color:#0c8259;
  font-size:14.5px;
  font-weight:650;
  padding:11px 16px;
  border-radius:13px;
}
.main-save span{
  display:inline-grid;
  place-items:center;
  border-radius:7px;
  background:var(--ok);
  color:#fff;
  padding:3px 7px;
  font-family:"JetBrains Mono";
  font-size:12px;
  font-weight:850;
}
.main-save b{color:#0a6f4c;font-weight:850}
.main-tools{padding-top:26px}
.main-tools .main-tool-2{background:linear-gradient(135deg,#6b4ed8,#9d7bf0)}
.main-tools .main-tool-3{background:linear-gradient(135deg,#1f7fd6,#5fb0f5)}
.main-tools .main-tool-4{background:linear-gradient(135deg,#0f9d6b,#2bd197)}
.main-tools .main-tool-5{background:linear-gradient(135deg,#e0921a,#ffbe55)}
.main-quote-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.main-quote-card{
  display:flex;
  flex-direction:column;
  min-height:220px;
  background:rgba(255,255,255,.88);
  border:1px solid var(--border);
  border-radius:22px;
  box-shadow:var(--shadow-sm);
  padding:24px;
}
.main-quote-mark{
  height:20px;
  color:var(--p-soft);
  font-family:Georgia,serif;
  font-size:44px;
  font-weight:900;
  line-height:.5;
}
.main-quote-card p{
  flex:1;
  margin-top:4px;
  color:var(--t1);
  font-size:15.5px;
  font-weight:700;
  line-height:1.45;
}
.main-quote-author{display:flex;align-items:center;gap:10px;margin-top:18px}
.main-avatar{
  width:32px;
  height:32px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:13px;
  font-weight:850;
  flex:none;
  background:var(--grad);
}
.main-avatar-1{background:linear-gradient(135deg,#f5455c,#ff7a8c)}
.main-avatar-2{background:linear-gradient(135deg,#7c4dff,#b18cff)}
.main-avatar-3{background:linear-gradient(135deg,#4056f6,#6b8cff)}
.main-avatar-4{background:linear-gradient(135deg,#16b87f,#4fd6a8)}
.main-avatar-5{background:linear-gradient(135deg,#f5a623,#ffce6b)}
.main-avatar-6{background:linear-gradient(135deg,#475569,#8595ad)}
.main-quote-author b{display:block;font-size:13px;color:var(--t1)}
.main-quote-author small{display:block;color:var(--t4);font-size:11.5px;margin-top:1px}
.main-bridge{
  margin-top:34px;
  text-align:center;
  color:var(--t2);
  font-size:16px;
  font-weight:650;
}
.main-bridge b{color:var(--t1)}
.main-tight{padding-top:0}
.main-center-cta{display:flex;justify-content:center;margin-top:34px}
.main-landing .compare-card{max-width:900px;margin:0 auto}
.main-landing .step-grid b{
  width:38px;
  height:38px;
  border-radius:11px;
  font-size:17px;
}
.main-landing .step-grid article{padding:30px}
.main-landing .who-grid b{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:var(--p-soft);
  color:var(--p);
  font-size:13px;
  font-family:"JetBrains Mono";
  flex:none;
}
.main-low .bar i{width:14%}
.main-wizard-card{
  display:grid;
  gap:12px;
  background:#fff;
  border:1px solid var(--border);
  border-radius:22px;
  box-shadow:var(--shadow);
  padding:24px;
}
.main-wizard-step{display:flex;align-items:center;gap:9px;color:var(--t2);font-size:13px;font-weight:800}
.main-wizard-step b{
  width:22px;
  height:22px;
  border-radius:7px;
  display:grid;
  place-items:center;
  background:var(--p-soft);
  color:var(--p);
  font-size:11px;
  flex:none;
}
.main-wizard-options{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 2px 31px}
.main-wizard-options span{
  padding:6px 11px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--bg);
  color:var(--t3);
  font-size:12px;
  font-weight:700;
}
.main-wizard-options .on{background:var(--p);border-color:var(--p);color:#fff;box-shadow:0 4px 12px rgba(64,86,246,.30)}
.main-terminal{
  margin-top:2px;
  padding:14px;
  border-radius:12px;
  background:#0a1024;
  color:#c5cdf0;
  font-size:12px;
  line-height:1.5;
  word-break:break-word;
}
.main-terminal span{color:#5fe3b0;margin-right:7px}
.main-ready{
  display:flex;
  align-items:center;
  gap:11px;
  padding:12px 13px;
  border:1px solid rgba(22,184,127,.20);
  border-radius:12px;
  background:rgba(22,184,127,.09);
}
.main-ready>svg{
  width:26px;
  height:26px;
  flex:none;
  border-radius:8px;
  background:var(--ok);
  color:#fff;
  padding:6px;
}
.main-ready b{display:block;font-size:13px;color:var(--t1)}
.main-ready span{display:block;margin-top:1px;color:var(--t3);font-size:11.5px}
.main-band{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-top:4px;
  padding:30px 38px;
  border-radius:22px;
  background:var(--grad);
  color:#fff;
  box-shadow:var(--shadow-lg);
  overflow:hidden;
}
.main-band h3{font-size:24px;font-weight:850;letter-spacing:-.025em;color:#fff}
.main-band p{margin-top:6px;color:rgba(255,255,255,.84);font-size:14.5px}
.main-band>div:last-child{display:flex;gap:12px;flex-wrap:wrap}
.main-band .site-btn.ghost{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);color:#fff}
.main-spend-stack{display:grid;gap:18px}
.main-spend-card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:22px;
  box-shadow:var(--shadow-sm);
  padding:22px;
}
.main-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.main-card-head b{font-size:14px;color:var(--t1)}
.main-card-head span{color:var(--t3);font-size:12px}
.main-spend-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}
.main-spend-metrics div{
  border:1px solid rgba(64,86,246,.10);
  border-radius:12px;
  background:rgba(64,86,246,.05);
  padding:11px 12px;
}
.main-spend-metrics span{display:block;color:var(--t3);font-size:11px;font-weight:700}
.main-spend-metrics b{display:block;margin-top:3px;color:var(--t1);font-family:"JetBrains Mono";font-size:18px}
.main-limit-list{display:grid;gap:11px;margin-top:15px;padding-top:15px;border-top:1px dashed var(--border)}
.main-limit-list div{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}
.main-limit-list span{color:var(--t2);font-size:12.5px;font-weight:700;white-space:nowrap}
.main-limit-list i{height:8px;border-radius:20px;background:rgba(25,38,84,.08);overflow:hidden}
.main-limit-list i b{display:block;height:100%;border-radius:20px;background:var(--grad)}
.main-limit-list i b.warn{background:linear-gradient(90deg,#f5a623,#ff8a3d)}
.main-limit-list .w-62{width:62%}.main-limit-list .w-82{width:82%}.main-limit-list .w-14{width:14%}
.main-limit-list strong{color:var(--t2);font-family:"JetBrains Mono";font-size:12px;white-space:nowrap}
.main-charge-list{display:grid;gap:12px}
.main-charge-list div{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center}
.main-charge-list svg{
  width:28px;
  height:28px;
  border-radius:9px;
  background:rgba(22,184,127,.13);
  color:var(--ok);
  padding:6px;
}
.main-charge-list div:nth-child(n+2) svg{background:rgba(245,69,92,.10);color:var(--bad)}
.main-charge-list span{color:var(--t2);font-size:13.5px;font-weight:650}
.main-charge-list span b{color:var(--t1);font-family:"JetBrains Mono";font-weight:850}
.main-charge-list strong{color:var(--t3);font-size:12.5px;white-space:nowrap}
.main-saved{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:18px;
  padding:15px 17px;
  border:1px solid rgba(22,184,127,.18);
  border-radius:13px;
  background:rgba(22,184,127,.07);
  color:#0c8259;
}
.main-saved span{font-weight:800;font-size:13px}
.main-saved b{font-family:"JetBrains Mono";font-size:20px;color:#0a6f4c}
.main-landing .pay-card{align-self:start}
.main-loyalty{
  display:grid;
  grid-template-columns:1.2fr .85fr;
  gap:18px;
}
.main-loyalty article{
  background:#fff;
  border:1px solid var(--border);
  border-radius:22px;
  box-shadow:var(--shadow-sm);
  padding:26px;
}
.main-loyalty-hero{
  grid-row:span 2;
  color:#fff;
  background:var(--grad)!important;
  box-shadow:var(--shadow-lg)!important;
}
.main-loyalty-hero>span{
  display:inline-flex;
  padding:6px 14px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:20px;
  background:rgba(255,255,255,.14);
  color:rgba(255,255,255,.86);
  font-size:12px;
  font-weight:800;
}
.main-loyalty h3{margin-top:16px;color:#fff;font-size:27px;line-height:1.15}
.main-loyalty p{margin-top:10px;color:var(--t2);font-size:14.5px;line-height:1.55}
.main-loyalty-hero p{color:rgba(255,255,255,.84)}
.main-loyalty-hero div{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}
.main-loyalty-hero div b{
  padding:15px 14px;
  border:1px solid rgba(255,255,255,.20);
  border-radius:14px;
  background:rgba(255,255,255,.12);
  text-align:center;
  color:#fff;
  font-family:"JetBrains Mono";
}
.main-loyalty article:not(.main-loyalty-hero)>b{
  display:block;
  color:var(--p);
  font-family:"JetBrains Mono";
  font-size:29px;
  line-height:1;
}
.main-loyalty article:not(.main-loyalty-hero)>span{display:block;margin-top:7px;color:var(--t1);font-size:15px;font-weight:800}
.main-final{display:grid;justify-items:center;gap:14px}

@media (max-width:1050px){
  .shell{grid-template-columns:minmax(0,1fr);width:100%;max-width:100vw}
  .sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--border);min-width:0}
  .workspace{width:100%;min-width:0}
  .nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .sidebar-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .grid.cols-4,.stats,.key-grid,.admin-monitor-stats,.admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .split,.hero,.landing-hero,.seller-overview-grid,.pay-wrap,.frow,.billing-callout,.admin-analytics-grid2{grid-template-columns:1fr}
  .variant-grid,.flow-grid,.landing-proof-stats,.status-v2-metrics,.cap-grid,.scream-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .flow-step:nth-child(2n),.landing-proof-stats div:nth-child(2n){border-right:0}
  .status-row-head,.status-row{grid-template-columns:22px minmax(150px,1fr) minmax(150px,1fr) 90px}
  .status-row-head span:last-child,.status-row .status-pill{grid-column:2/-1;justify-self:start}
  .status-hero,.gateway-card{grid-template-columns:1fr}
  .status-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .status-proto-topbar{align-items:flex-start;flex-wrap:wrap;height:auto;padding:12px 24px}
  .status-proto-topbar>div{width:100%;margin-left:0;justify-content:space-between;gap:12px}
  .status-proto-topbar>div>span{padding-left:12px}
  .status-dev-message{grid-template-columns:32px minmax(0,1fr);padding:12px 24px}
  .status-dev-message>b{grid-column:2;justify-self:start}
  .status-proto-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .status-proto-metrics>div:nth-child(2n){border-right:0}
  .status-proto-head,.status-proto-row{grid-template-columns:22px minmax(180px,1fr) minmax(108px,.6fr) 86px}
  .status-proto-head span:last-child,.status-proto-row .status-proto-pill{grid-column:2/-1;justify-self:start;margin-top:8px}
  .status-workspace>.content:has(.status-v3) .status-hero{grid-template-columns:1fr;gap:28px}
  .status-workspace>.content:has(.status-v3) .status-hero-stats{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .status-workspace>.content:has(.status-v3) .status-hero-stats>div{min-width:0}
  .status-v3 .gateway-card{grid-template-columns:1fr}
  .site-hero.two-col,.migrate-grid{grid-template-columns:1fr;gap:30px}
  .main-quote-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .main-band,.main-loyalty{grid-template-columns:1fr}
  .main-band{align-items:flex-start}
  .pain-grid,.adv-grid,.trust-grid,.step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .setup-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .setup-script-grid{grid-template-columns:1fr}
  .site-links{display:none}
  .landing-links{display:none}
  .site-hero h1,.about-page .site-hero h1{font-size:44px}
  .user-filterbar{grid-template-columns:1fr}.filter-note{grid-column:1;text-align:left}.seg-tabs{justify-content:flex-start;flex-wrap:wrap}.due-grid{grid-template-columns:1fr}.section-line{align-items:flex-start;flex-direction:column}.admin-status-publish{grid-template-columns:1fr}.admin-export{margin-left:0}.admin-filter-group{flex:1 1 260px}
  .landing h1{font-size:40px}
}
@media (max-width:680px){
  body{width:100%;max-width:100vw}
  .app-root,.shell,.workspace{width:100%;max-width:100vw;min-width:0}
  .content{padding:16px}
  .page-head{align-items:flex-start;flex-direction:column;height:auto;padding:14px 16px}
  .statusbar{position:static;height:36px;padding:4px 12px;align-items:center;flex-direction:row;overflow:hidden}
  .statusbar .sys{flex:1 1 auto;gap:7px;min-width:0}
  .statusbar .sys-title{max-width:158px;padding:4px 9px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .statusbar .dot{width:6px;height:6px}
  .statusbar .sys-meta{font-size:10.5px;max-width:112px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .statusbar .top-actions{width:auto;justify-content:flex-end;flex-wrap:nowrap;margin-left:auto;gap:6px}
  .statusbar .sys-uptime{font-size:10px;padding:2px 8px}
  .statusbar .sys-update{display:none}
  .top-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}
  .grid.cols-2,.grid.cols-3,.grid.cols-4,.stats,.form-row,.pay-methods,.key-grid,.admin-monitor-stats,.admin-kpi-grid{grid-template-columns:1fr}
  .setup-tool-grid{grid-template-columns:1fr}
  .setup-terminal-top{grid-template-columns:auto 1fr auto}
  .setup-history-head{align-items:flex-start;flex-wrap:wrap}
  .setup-history-head .btn{width:100%}
  .variant-grid,.flow-grid,.landing-proof-stats,.status-v2-metrics,.model-status-grid,.external-status-grid,.status-hero-stats,.cap-grid,.scream-grid{grid-template-columns:1fr}
  .landing-index-head h1{font-size:34px}
  .landing-index-actions{flex-direction:column}
  .flow-step,.landing-proof-stats div,.status-v2-metrics div{border-right:0;border-bottom:1px solid var(--border)}
  .flow-step:last-child,.landing-proof-stats div:last-child,.status-v2-metrics div:last-child{border-bottom:0}
  .status-workspace>.content:has(.status-proto){width:100%;max-width:100vw;min-width:0;padding:0 16px 40px;overflow:hidden}
  .status-proto{width:calc(100% + 32px);min-width:0;margin:0 -16px}
  .status-proto-topbar{padding:12px 16px;gap:9px}
  .status-proto-topbar strong{min-width:0;font-size:12.5px;line-height:1.25}
  .status-proto-topbar>small{width:100%}
  .status-proto-topbar>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .status-proto-topbar>div>span{align-items:start;padding-left:0;border-left:0;justify-items:start}
  .status-proto-topbar b{font-size:12px}
  .status-proto-topbar em{font-size:9px;line-height:1.15;white-space:normal}
  .status-proto-topbar .status-proto-refresh{display:none!important}
  .status-dev-message{grid-template-columns:1fr;padding:14px 16px}
  .status-dev-icon{display:none}
  .status-dev-message>b{grid-column:auto}
  .status-proto-metrics{grid-template-columns:1fr}
  .status-proto-metrics>div{min-height:0;padding:16px;border-right:0;border-bottom:1px solid var(--border)}
  .status-proto-metrics>div:last-child{border-bottom:0}
  .status-proto-content{padding:18px 16px 0;gap:22px}
  .status-proto-head{display:none}
  .status-proto-list,.status-proto-incidents{border-radius:14px}
  .status-proto-row{grid-template-columns:18px minmax(0,1fr);align-items:flex-start;padding:13px 16px}
  .status-proto-row .status-proto-bars,.status-proto-row .status-proto-latency,.status-proto-row .status-proto-pill{grid-column:2}
  .status-proto-latency{text-align:left;margin-top:8px}
  .status-proto-pill{justify-self:start}
  .status-row-head{display:none}
  .status-row{grid-template-columns:18px minmax(0,1fr);align-items:flex-start}
  .status-row .status-bars,.status-row b,.status-row .status-pill{grid-column:2}
  .status-hero{padding:24px 20px;margin:0}
  .status-workspace>.content:has(.status-v3){
    padding:0 16px 40px;
  }
  .status-workspace>.content:has(.status-v3) .status-hero{
    margin:0 -16px;
    padding:24px 20px;
    gap:24px;
  }
  .status-workspace>.content:has(.status-v3) .status-ring{
    width:74px;
    height:74px;
    box-shadow:0 0 0 12px rgba(26,185,125,.10);
  }
  .status-workspace>.content:has(.status-v3) .status-ring span{
    width:50px;
    height:50px;
    font-size:24px;
  }
  .status-workspace>.content:has(.status-v3) .status-hero-stats{
    grid-template-columns:1fr;
    gap:10px;
  }
  .status-workspace>.content:has(.status-v3) .status-hero-stats>div{
    border-left:0;
    border-top:1px solid rgba(255,255,255,.10);
    padding:10px 0 0;
    text-align:left;
  }
  .status-workspace>.content:has(.status-v3) .status-hero-stats>div:first-child{border-top:0}
  .status-workspace>.content:has(.status-v3) .status-hero-stats b{font-size:24px}
  .status-v3 .gateway-card,.status-v3 .model-status-card,.status-v3 .external-card{padding:20px}
  .status-v3 .gateway-metrics{
    min-width:0;
    padding-left:0;
    border-left:0;
    text-align:left;
  }
  .landing-alt-hero.loss h1{font-size:36px}
  .endpoint-card div{grid-template-columns:1fr}
  .sidebar{position:sticky;top:0;z-index:40;padding:10px 14px 12px;gap:9px;max-height:132px;overflow:hidden;max-width:100%;box-shadow:0 8px 30px -24px rgba(25,38,84,.45)}
  .sidebar .brand{padding:0 2px}
  .sidebar .brand-mark{width:34px;height:34px;border-radius:10px}
  .sidebar .brand-sub{display:none}
  .sidebar-cards{display:none}
  .sidebar-footer{display:none}
  .admin-status-choice{display:grid}
  .nav{display:flex;flex-direction:row;gap:8px;margin:0 -4px;padding:0 4px 2px;overflow-x:auto;overflow-y:hidden;min-width:0;max-width:100%;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .nav::-webkit-scrollbar{display:none}
  .nav-link{flex:0 0 auto;min-width:0;min-height:36px;padding:8px 12px;border-radius:999px;scroll-snap-align:start;background:rgba(255,255,255,.58)}
  .nav-link span:last-child{max-width:132px}
  h1{font-size:25px}.landing h1{font-size:34px}
  .landing .content{padding:0 16px}.landing-nav{margin:0 -16px;padding:12px 16px}.landing-lang{display:none}
  .landing .sub{font-size:16px}
  .toolbar{align-items:stretch}
  .toolbar .btn,.toolbar select,.chips .btn,.admin-token-input{width:100%}
  .admin-analytics-filterbar{padding:12px;align-items:stretch}
  .admin-filter-group{min-width:0;width:100%}
  .admin-filter-options{overflow-x:auto;justify-content:flex-start}
  .admin-filter-options button{flex:0 0 auto}
  .admin-export{width:100%}
  .admin-kpi-card{min-height:124px}
  .admin-kpi-card>div{align-items:flex-start;flex-direction:column}
  .admin-sparkline{width:100%;max-width:180px}
  .admin-chart-wrap{overflow:auto}
  .admin-main-chart{min-width:620px}
  .chips{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .row{align-items:flex-start;flex-direction:column}
  .row-actions{width:100%}.row-actions .btn{flex:1}
  .metric-value{font-size:28px}
  .notice,.secret-panel,.tgbonus{flex-direction:column}
  .notice-actions,.notice-actions .btn{width:100%}
  .loyalty-hero{align-items:flex-start;flex-direction:column;padding:22px 20px}
  .loyalty-hero-count{margin-left:0;text-align:left;min-width:0}
  .loyalty-card{grid-template-columns:40px minmax(0,1fr);padding:18px}
  .loyalty-card-icon{width:40px;height:40px;border-radius:12px}
  .loyalty-card-side{grid-column:1/-1;text-align:left;min-width:0}
  .loyalty-card-side .badge{margin-left:0}
  .loyalty-friends{grid-column:1/-1}
  .loyalty-friend-row{grid-template-columns:28px minmax(0,1fr);align-items:flex-start}
  .loyalty-friend-row .badge,.loyalty-friend-row b{grid-column:2;text-align:left}
  .loyalty-invite,.loyalty-tg{grid-column:1/-1;width:100%}
  .landing-footer{grid-template-columns:1fr;gap:22px}.landing-footer .btn{width:100%}
  .landing-auth-page,.redeem-page{padding:20px 14px;place-items:start center}
  .auth-card,.redeem-card{border-radius:18px;padding:24px 18px}
  .auth-brand{margin:4px 0 16px;font-size:16px}
  .landing-auth-seg button{padding:9px 10px}
  .auth-social{grid-template-columns:1fr}
  .redeem-modal{border-radius:18px}
  .redeem-modal-top{padding:28px 20px 6px}
  .redeem-amount{margin:18px 18px 4px;padding:18px}
  .amount-value{font-size:34px}
  .site-shell{padding:0 16px}
  .site-promo-in{padding:8px 16px;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}
  .site-nav{position:static}
  .site-nav-in{padding:12px 16px;flex-wrap:wrap;gap:12px}
  .site-actions{width:100%;margin-left:0;display:grid;grid-template-columns:1fr 1fr}
  .site-btn{padding:10px 12px}
  .site-hero{padding:36px 16px 18px}
  .site-hero h1,.about-page .site-hero h1{font-size:36px}
  .site-hero p{font-size:16px}
  .site-cta{display:grid;grid-template-columns:1fr}
  .site-cta .site-btn,.site-final-cta .site-btn{width:100%}
  .compare-head,.compare-row{grid-template-columns:1.05fr .9fr .9fr}
  .compare-head>div,.compare-row>div{padding:11px 9px;font-size:11.5px;overflow-wrap:anywhere}
  .balance-card{padding:22px}
  .balance-card>b{font-size:34px}
  .balance-card dl{display:grid;grid-template-columns:1fr;gap:12px}
  .tools-strip{padding:22px 16px 0}
  .site-section{padding:44px 0}
  .site-section-head{margin-bottom:26px}
  .site-section-head h2,.highlight-panel h2,.site-final-cta h2{font-size:30px}
  .pain-grid,.fix-grid,.adv-grid,.trust-grid,.step-grid,.who-grid{grid-template-columns:1fr}
  .main-quote-grid,.main-spend-metrics,.main-loyalty-hero div{grid-template-columns:1fr}
  .main-save,.main-band>div:last-child,.main-band .site-btn{width:100%}
  .main-band>div:last-child{flex-direction:column}
  .main-band{align-items:stretch;flex-direction:column;padding:26px 22px}
  .main-card-head,.main-saved{align-items:flex-start;flex-direction:column}
  .main-limit-list div{grid-template-columns:1fr}
  .main-limit-list span,.main-limit-list strong{white-space:normal}
  .main-charge-list div{grid-template-columns:28px 1fr}
  .main-charge-list strong{grid-column:2;white-space:normal}
  .fix-card,.who-grid article{display:grid;grid-template-columns:1fr;padding:22px}
  .highlight-panel{padding:30px 18px}
  .highlight-panel div{display:grid}
  .terminal-card{font-size:12px;padding:18px;overflow:auto}
  .site-final-cta{padding:52px 16px}
  .modal-backdrop{padding:12px;align-items:end}
  .modal-card{border-radius:18px;max-height:calc(100vh - 24px);padding:18px}
  .modal-hero{align-items:flex-start;flex-direction:column}
  .modal-hero b{text-align:left}
  .ref-copy{grid-template-columns:1fr}
  .modal-headline{padding-right:28px}
  .key-modal-grid,.field-row,.notify-grid,.topup-balance-card .topup-ledger{grid-template-columns:1fr}
  .promo-banner{grid-template-columns:1fr;text-align:left}
  .promo-timer{text-align:left}
  .settings-section .sec-head,.profile-top{align-items:flex-start;flex-direction:column}
  .settings-section .sec-footer{align-items:stretch;flex-direction:column}
  .settings-section .sec-footer .btn{width:100%}
  .news-filter{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .news-card{align-items:flex-start;flex-direction:column;padding:18px}
  .friend-row,.tg-step{grid-template-columns:32px minmax(0,1fr)}
  .friend-status,.friend-earned,.tg-step .btn{grid-column:2;justify-self:start;text-align:left}
  .modal-total{align-items:flex-start;flex-direction:column}
  th,td{padding:9px 10px;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
  .chart{gap:3px}.bar{min-width:0}
  .state-pill{align-items:flex-start;flex-direction:column;margin-top:24px}
}