:root{
  --bg:#050507; --panel:#0c0d12; --border:#23242a; --blue:#007bff;
  --loader:#007bff; --text:#f2f3f5; --muted:#9aa0ab;
}
*{box-sizing:border-box}
*::-webkit-scrollbar{width:9px;height:9px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:#2a2d35;border-radius:99px;border:2px solid #050507}
*::-webkit-scrollbar-thumb:hover{background:#007bff}
*{scrollbar-width:thin;scrollbar-color:#2a2d35 transparent}
html,body{margin:0;padding:0}
body{overflow-x:clip}
body{
  background-color:var(--bg);
  background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1.4px);
  background-size:26px 26px;
  animation:dotDrift 70s linear infinite;
  color:var(--text);
  font-family:"Inter","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
  min-height:100vh;
}
@keyframes dotDrift{from{background-position:0 0}to{background-position:-260px 130px}}
.bg-glow{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;background:radial-gradient(700px 320px at 50% -60px,rgba(0,123,255,.20),transparent 70%)}
.bg-glow::before,.bg-glow::after{content:"";position:absolute;border-radius:50%;filter:blur(110px);pointer-events:none}
.bg-glow::before{width:560px;height:560px;left:-160px;top:8%;background:radial-gradient(circle,rgba(0,123,255,.30),transparent 68%);opacity:.55;animation:orbA 16s ease-in-out infinite alternate}
.bg-glow::after{width:640px;height:640px;right:-200px;top:38%;background:radial-gradient(circle,rgba(0,86,255,.22),transparent 68%);opacity:.5;animation:orbB 20s ease-in-out infinite alternate}
@keyframes orbA{from{transform:translate(0,0) scale(1)}to{transform:translate(120px,90px) scale(1.15)}}
@keyframes orbB{from{transform:translate(0,0) scale(1.1)}to{transform:translate(-140px,-80px) scale(.95)}}
@media(prefers-reduced-motion:reduce){body{animation:none}.bg-glow::before,.bg-glow::after{animation:none}}
main{position:relative;z-index:1}
.nav-wrap{position:relative;z-index:10}
a{color:var(--blue)}
.blue{color:var(--blue)}
.hidden{display:none!important}

.nav-wrap{display:flex;flex-direction:column;align-items:center;padding:20px 28px 0}
.top-nav{display:flex;align-items:center;gap:18px;max-width:1200px;width:100%;margin:0 auto;flex-wrap:nowrap;min-width:0}
.brand-text strong{font-size:15px;display:block;line-height:1;letter-spacing:-.5px}
.brand-text small{display:none;color:var(--muted);font-size:11px;letter-spacing:1px}
.nav-links{display:flex;gap:4px;margin-left:auto;flex-shrink:1;min-width:0;overflow:hidden}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;margin-right:auto}
::selection{background:rgba(0,123,255,.35);color:#fff}
*{ -webkit-tap-highlight-color:transparent }
.logo-badge{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#007bff,#0056b3);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:16px;letter-spacing:.5px;color:#fff;box-shadow:0 0 18px rgba(0,123,255,.55);flex-shrink:0}
.logo-img{width:38px;height:38px;border-radius:0;object-fit:contain;background:transparent;box-shadow:none;display:block}
.brand .logo-img{width:40px;height:44px;flex-shrink:0;filter:drop-shadow(0 0 10px rgba(59,130,246,.35))}
#announce{margin:0 auto 18px;max-width:900px}
.livestats{display:flex;gap:26px;margin-top:18px}
.lstat strong{display:block;font-size:19px}
.lstat span{color:var(--muted);font-size:11px;letter-spacing:1px}
.stock-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-width:800px;margin:0 auto}
.stock-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:24px;text-align:center;transition:transform .2s,box-shadow .2s}
.stock-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,123,255,.15)}
.stock-icon{color:var(--blue);margin-bottom:12px;display:inline-block}
.stock-card h3{margin:0 0 8px;font-size:16px;color:var(--muted);font-weight:500}
.stock-count{font-size:32px;font-weight:700;color:var(--text);display:block}
.nav-item{background:transparent;border:0;color:var(--muted);font-weight:700;font-size:12px;letter-spacing:1px;padding:9px 13px;border-radius:999px;cursor:pointer;white-space:nowrap}
.nav-item.active,.nav-item:hover{color:#fff;background:#191b22}
.nav-auth{display:flex;gap:8px;align-items:center;flex-shrink:0;margin-left:8px}
.user-pill{background:#16171d;border:1px solid var(--border);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}
.profile-wrap{position:relative}
.profile-pill{display:flex;align-items:center;gap:9px;background:#16171d;border:1px solid var(--border);border-radius:999px;padding:5px 13px 5px 5px;font-size:12.5px;font-weight:700;color:#fff;cursor:pointer;transition:border-color .2s}
.profile-pill:hover{border-color:#3a3d47}
.pf-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;display:block}
.pf-initial{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;font-size:13px}
.pf-chev{color:var(--muted);font-size:15px;transform:rotate(90deg);line-height:1}
.profile-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:170px;background:#141417;border:1px solid var(--border);border-radius:14px;padding:6px;display:flex;flex-direction:column;z-index:120;box-shadow:0 14px 40px rgba(0,0,0,.5)}
.profile-menu button{background:transparent;border:0;color:#d5d5d5;text-align:left;padding:10px 12px;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer}
.profile-menu button:hover{background:#1e2027;color:#fff}
.burger{display:none;background:#16171d;border:1px solid var(--border);color:#fff;border-radius:10px;padding:8px 11px;cursor:pointer}
.mobile-menu{max-width:900px;width:100%;background:var(--panel);border:1px solid var(--border);border-radius:16px;margin-top:8px;padding:10px;display:flex;flex-direction:column;gap:6px}
.mobile-menu button{background:transparent;border:0;color:#fff;text-align:left;padding:10px;cursor:pointer;font-weight:700}

.btn{border:1px solid var(--border);border-radius:12px;padding:13px 26px;font-weight:800;font-size:13px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;text-decoration:none;display:inline-block;text-align:center}
.btn-blue{background:linear-gradient(135deg,#007bff,#0056b3);border-color:transparent;color:#fff;box-shadow:0 6px 26px rgba(0,123,255,0.45)}
.btn-blue:hover{background:linear-gradient(135deg,#0056b3,#004494)}
.btn-dark{background:#15161c;color:#fff}
.btn-dark:hover{background:#1c1e26;border-color:#3a3d47}
.btn.sm{padding:8px 14px;font-size:12px}
.btn.full{width:100%}
.btn.big{padding:16px 36px;font-size:14px}

.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:30px 0}
.hero h1{font-size:64px;line-height:1.02;margin:0 0 16px;font-weight:900;letter-spacing:-1px}
.sub{color:var(--muted);font-size:16px;line-height:1.6}
.hero-btns{display:flex;gap:12px;margin:22px 0 28px}
.stats{display:flex;gap:26px;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:20px}
.stat strong{display:block;font-size:19px}
.stat span{color:var(--muted);font-size:11px;letter-spacing:1.5px}

.preview-card{background:linear-gradient(180deg,#101118,#0a0b0f);border:1px solid var(--border);border-bottom:3px solid var(--blue);border-radius:18px;box-shadow:0 0 60px rgba(0,123,255,.25);overflow:hidden}
.preview-head{display:flex;align-items:center;gap:7px;padding:13px 15px;border-bottom:1px solid var(--border)}
.dot{width:10px;height:10px;border-radius:50%}
.dot.r{background:#ff5f57}.dot.y{background:#007bff}.dot.g{background:#28c840}
.preview-title{margin-left:8px;font-size:13px;font-weight:700}
.preview-pill{margin-left:auto;font-size:10px;background:rgba(0,123,255,0.15);color:var(--blue);border:1px solid rgba(0,123,255,0.541);padding:3px 9px;border-radius:999px;font-weight:800}
.preview-body{padding:16px;display:flex;flex-direction:column;gap:11px}
.mock-search{height:30px;background:#15161c;border:1px solid var(--border);border-radius:8px}
.mock-row{display:flex;align-items:center;justify-content:space-between;background:#121319;border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:13px;color:#cfd3da}
.toggle{width:34px;height:18px;border-radius:999px;position:relative;background:#2a2c35}
.toggle.on{background:var(--blue)}
.toggle.on::after{content:"";position:absolute;right:2px;top:2px;width:14px;height:14px;background:#fff;border-radius:50%}
.toggle.off::after{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;background:#777;border-radius:50%}
.mock-slider{height:8px;background:#1a1b22;border-radius:99px;position:relative}
.mock-slider i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#007bff,#0056b3);border-radius:99px}
.mock-btns{display:flex;gap:10px}
.mock-btn{height:30px;border-radius:8px;flex:1}
.mock-btn.blue{background:var(--blue)}
.mock-btn.dark{background:#1a1b22;border:1px solid var(--border)}
.preview-foot{padding:11px 15px;color:var(--muted);font-size:11px;border-top:1px solid var(--border)}

.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}
.cards2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.card,.panel{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:24px}
.card h3,.panel h2{margin:0 0 8px}
.ptitle{font-size:34px;margin:10px 0 4px}
.psub{color:var(--muted);margin:0 0 18px}
.muted{color:var(--muted)}
.small{font-size:13px}
.prices{list-style:none;margin:16px 0;padding:0;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.prices li{display:flex;justify-content:space-between;padding:11px 14px;border-bottom:1px solid var(--border)}
.prices li:last-child{border-bottom:0}
.prices strong{color:#fff}
.hint{color:var(--muted);font-size:13px}
.panel.narrow{max-width:420px;margin:20px auto}
.panel.wide{max-width:100%}
.auth-split{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--panel);border:1px solid var(--border);border-radius:18px;overflow:hidden;max-width:860px;margin:20px auto}
.auth-left{background:radial-gradient(600px 300px at 0% 0%, rgba(0,123,255,.08), transparent 60%), #0c0d12;padding:36px 32px;display:flex;flex-direction:column;justify-content:center}
.auth-left h2{font-size:28px;line-height:1.1;margin:12px 0 8px;font-weight:900;letter-spacing:-.5px}
.auth-left h2 span{color:var(--blue)}
.auth-left p{color:var(--muted);font-size:14px;line-height:1.6}
.auth-badge{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:1px;color:var(--blue);text-transform:uppercase}
.auth-right{padding:32px 28px;background:#0f1115}
.auth-right h3{font-size:20px;margin:0 0 4px}
.auth-right .or{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--muted);font-size:12px}
.auth-right .or::before,.auth-right .or::after{content:"";flex:1;height:1px;background:var(--border)}
.captcha-box{display:flex;align-items:center;gap:10px;background:#0f1115;border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:13px;color:var(--muted);margin-top:6px}
.captcha-check{width:22px;height:22px;border:1px solid var(--border);border-radius:4px;background:#1a1c24;flex-shrink:0}
.captcha-by{margin-left:auto;font-size:10px;color:var(--muted);display:flex;align-items:center;gap:4px}
form label{display:block;font-size:13px;color:var(--muted);margin:12px 0}
form input,form select,form textarea,select,input,textarea{width:100%;background:#101116;border:1px solid var(--border);color:#fff;border-radius:10px;padding:11px 12px;font-size:14px;margin-top:6px;font-family:inherit}
form input:focus,select:focus,textarea:focus{outline:1px solid var(--blue);border-color:var(--blue)}
.notice{border-radius:12px;padding:13px 15px;margin-top:14px;font-size:14px;border:1px solid var(--border);background:#12131a}
.notice.warn{border-color:#003366;background:#0a1020;color:#7bb3ff}
.notice.ok{border-color:rgba(0,123,255,0.5);background:rgba(0,123,255,.08)}
.notice.info{border-color:rgba(0,123,255,0.5);background:rgba(0,123,255,.08);color:#b3d7ff}
.steps{color:var(--muted);line-height:1.9;padding-left:22px;margin:0}
.steps li{margin:6px 0;white-space:normal;overflow:visible}
.redeem-ok{border-color:#2bd97c!important;background:rgba(43,217,124,.08)!important;animation:redeemPop .45s cubic-bezier(.2,.7,.2,1)}
@keyframes redeemPop{0%{transform:scale(.96);opacity:0}60%{transform:scale(1.02)}100%{transform:scale(1);opacity:1}}
.redeem-done{background:linear-gradient(135deg,#2bd97c,#1a9e57)!important;border-color:transparent!important;box-shadow:0 6px 26px rgba(43,217,124,.45)!important}
.sect{margin:22px 0 10px;font-size:15px}
.ent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.ent{background:#101116;border:1px solid var(--border);border-radius:12px;padding:14px}
.ent strong{text-transform:uppercase;font-size:13px}
.ent span{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.dash-head{display:flex;align-items:center;justify-content:space-between}
.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:12px}
.tbl{width:100%;border-collapse:collapse;font-size:13px}
.tbl th,.tbl td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}
.tbl.compact{font-size:11.5px}
.tbl.compact th,.tbl.compact td{padding:6px 8px}
.tbl.compact td.act{white-space:normal}
.btn.xs{padding:5px 9px;font-size:10.5px}
.mini-in{width:52px;background:#101116;border:1px solid var(--border);color:#fff;border-radius:8px;padding:5px 6px;font-size:11px;margin-right:4px}
.tbl.compact .btn.xs{margin:1px 2px}
.atabs{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}
.atab.active{background:var(--blue);border-color:var(--blue)}
.apanel{display:none}
.apanel.active{display:block;animation:pageIn .3s cubic-bezier(.2,.7,.2,1)}
.tbl th{color:var(--muted);font-size:11px;letter-spacing:1px}
.tbl tr:last-child td{border-bottom:0}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.tab{background:#15161c;border:1px solid var(--border);color:#fff;border-radius:999px;padding:9px 15px;cursor:pointer;font-weight:700;font-size:13px}
.tab.active{background:var(--blue);border-color:var(--blue)}
.tabpage{display:none}
.tabpage.active{display:block}
.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:12px}
.pwgrid{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;margin:0}
.hwidrow{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px 16px}
.hwidrow .muted{word-break:break-all;font-family:monospace;font-size:12px}
.hwidrow .btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.dash-layout{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:start}
.dash-side{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:16px;position:sticky;top:20px}
.dash-user{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;background:#0a0a0f;margin-bottom:12px}
.dash-user img{width:32px;height:32px;border-radius:50%;object-fit:cover}
.dash-user strong{font-size:13px;display:block}
.dash-user span{font-size:11px;color:var(--muted)}
.dash-nav{display:flex;flex-direction:column;gap:4px}
.dash-item{background:transparent;border:0;color:var(--muted);text-align:left;padding:10px 12px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,color .2s}
.dash-item:hover{background:#1a1c24;color:#fff}
.dash-item.active{background:#007bff;color:#fff}
.dash-foot{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);font-size:11px;color:var(--muted);font-family:monospace}
.dash-main{min-width:0}
.dash-view{display:none}
.dash-view.active{display:block;animation:pageIn .3s ease}
.dash-hero{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:20px;margin-bottom:16px}
.dash-kicker{font-size:11px;letter-spacing:1px;color:var(--muted);margin-bottom:6px}
.dash-counts{display:flex;gap:16px;margin-top:12px}
.dash-count{background:#0a0a0f;border:1px solid var(--border);border-radius:12px;padding:12px 16px;min-width:90px;text-align:center}
.dash-count strong{font-size:18px;display:block}
.dash-count span{font-size:11px;color:var(--muted);letter-spacing:1px}
.dash-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:14px}
.rank-row{display:flex;flex-wrap:wrap;gap:8px}
.rank-chip{background:#1a1c24;border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700}
.sub-card{background:#0a0a0f;border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:10px}
.sub-top{display:flex;justify-content:space-between;align-items:center}
.sub-badge{background:#0f1f0f;border:1px solid #1a4d1a;color:#5fcf65;font-size:11px;font-weight:800;padding:4px 8px;border-radius:6px}
.sub-badge.frozen{background:#1c1030;border-color:#6d28d9;color:#c4b5fd;box-shadow:0 0 14px rgba(109,40,217,.45)}
.sub-exp{font-size:12px;color:var(--muted);margin:6px 0}
.sub-btns{display:flex;gap:8px}
.btn-red{background:#2a0f0f;border:1px solid #5a1a1a;color:#ff6b6b}
.btn-red:hover{background:#3a1a1a}
.pwgrid label{margin:0}
.pwgrid .btn{white-space:nowrap}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.row3 label,.tabpage>label{display:block;font-size:13px;color:var(--muted)}
.keylist{margin-top:14px;display:flex;flex-direction:column;gap:8px}
.keyitem{background:#0a0f1c;border:1px solid rgba(0,123,255,.45);border-radius:10px;padding:10px 12px;font-family:Consolas,monospace;font-size:13px;cursor:pointer}
.keyitem:hover{background:#007bff}
/* ===== Maintenance overlay (redesign) ===== */
#maintOverlay{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden;
  background:radial-gradient(rgba(255,255,255,.045) 1px,transparent 1.4px) 0 0/26px 26px,radial-gradient(1000px 540px at 50% -8%,rgba(0,123,255,.20),transparent 62%),#040509;
  backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%)}
.mnt-fx{position:absolute;inset:0;pointer-events:none}
.mnt-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5}
.mnt-orb.a{width:420px;height:420px;left:-120px;top:4%;background:radial-gradient(circle,rgba(0,123,255,.5),transparent 68%);animation:mntOrbA 14s ease-in-out infinite alternate}
.mnt-orb.b{width:480px;height:480px;right:-150px;bottom:-4%;background:radial-gradient(circle,rgba(0,86,255,.4),transparent 68%);animation:mntOrbB 18s ease-in-out infinite alternate}
@keyframes mntOrbA{to{transform:translate(80px,60px) scale(1.12)}}
@keyframes mntOrbB{to{transform:translate(-90px,-50px) scale(.92)}}
.mnt-card{position:relative;z-index:1;width:100%;max-width:470px;text-align:center;padding:38px 34px 32px;border-radius:24px;
  background:linear-gradient(180deg,rgba(20,22,30,.92),rgba(12,13,18,.94));border:1px solid rgba(255,255,255,.08);
  box-shadow:0 50px 120px -30px rgba(0,0,0,.9),0 0 90px -40px rgba(0,123,255,.55),inset 0 1px 0 rgba(255,255,255,.05);
  animation:mntCardIn .6s cubic-bezier(.2,.8,.2,1) both}
@keyframes mntCardIn{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
.mnt-badge{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);background:rgba(0,123,255,.1);border:1px solid rgba(0,123,255,.28);border-radius:999px;padding:7px 15px}
.mnt-badge svg{width:18px;height:18px}
.mnt-emblem{position:relative;width:120px;height:120px;margin:22px auto 4px}
.mnt-ring,.mnt-ring2{position:absolute;inset:0;width:100%;height:100%}
.mnt-ring circle,.mnt-ring2 circle{fill:none;stroke-linecap:round}
.mnt-ring{animation:mntSpin 9s linear infinite}
.mnt-ring circle{stroke:var(--blue);stroke-width:2;stroke-dasharray:16 13;opacity:.45}
.mnt-ring2{animation:mntSpinR 6s linear infinite}
.mnt-ring2 circle{stroke:#4f90ff;stroke-width:3;stroke-dasharray:4 24;opacity:.85}
@keyframes mntSpin{to{transform:rotate(360deg)}}
@keyframes mntSpinR{to{transform:rotate(-360deg)}}
.mnt-core{position:absolute;inset:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#d4e6ff;
  background:radial-gradient(circle at 50% 38%,rgba(0,123,255,.34),rgba(0,123,255,.07));border:1px solid rgba(0,123,255,.4);animation:mntPulse 2.6s ease-in-out infinite}
.mnt-core svg{width:30px;height:30px;animation:mntWiggle 3.4s ease-in-out infinite}
@keyframes mntPulse{0%,100%{box-shadow:0 0 30px rgba(0,123,255,.32)}50%{box-shadow:0 0 56px rgba(0,123,255,.6)}}
@keyframes mntWiggle{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}
.mnt-title{margin:16px 0 8px;font-size:28px;font-weight:900;letter-spacing:-.5px;color:#fff}
.mnt-msg{margin:0 auto;max-width:360px;color:var(--muted);font-size:14.5px;line-height:1.6}
.mnt-bar{position:relative;height:4px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden;margin:20px auto 14px;max-width:320px}
.mnt-bar i{position:absolute;top:0;height:100%;width:42%;border-radius:99px;background:linear-gradient(90deg,transparent,var(--blue),#8fbfff,var(--blue),transparent);animation:mntBar 1.8s cubic-bezier(.4,0,.2,1) infinite}
@keyframes mntBar{0%{left:-45%}100%{left:103%}}
.mnt-status{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.mnt-pulse{width:8px;height:8px;border-radius:50%;background:var(--blue);animation:mntDot 1.8s ease-out infinite}
@keyframes mntDot{0%{box-shadow:0 0 0 0 rgba(0,123,255,.55)}100%{box-shadow:0 0 0 11px rgba(0,123,255,0)}}
.mnt-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.mnt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:12px;border:1px solid var(--border);background:#15161c;color:#fff;font-weight:700;font-size:13px;cursor:pointer;text-decoration:none;transition:transform .15s,background .2s,border-color .2s,filter .2s}
.mnt-btn svg{width:18px;height:18px;flex-shrink:0}
.mnt-btn:hover{transform:translateY(-1px);border-color:#3a3d47;background:#1c1e26}
.mnt-btn.pri{background:linear-gradient(135deg,#007bff,#0056b3);border-color:transparent;box-shadow:0 8px 26px rgba(0,123,255,.4)}
.mnt-btn.pri svg{fill:#fff}
.mnt-btn.pri:hover{filter:brightness(1.08);background:linear-gradient(135deg,#0a84ff,#0056b3)}
.mnt-btn.ghost{background:transparent;color:var(--muted)}
.mnt-btn.ghost:hover{color:#fff;background:rgba(255,255,255,.04)}
@media (max-width:480px){
  .mnt-card{padding:30px 22px 26px;border-radius:20px}
  .mnt-emblem{width:104px;height:104px;margin-top:16px}
  .mnt-title{font-size:24px}
  .mnt-actions{flex-direction:column}
  .mnt-btn{width:100%}
}
.keyitem{background:#0a0f1c;border:1px solid rgba(0,123,255,0.45);border-radius:10px;padding:10px 12px;font-family:Consolas,monospace;font-size:13px;cursor:pointer}
.keyitem:hover{background:#007bff}
.pre{background:#08090c;border:1px solid var(--border);border-radius:10px;padding:12px;font-size:12px;max-height:220px;overflow:auto;white-space:pre-wrap}
footer{text-align:center;color:var(--muted);font-size:12px;margin-top:50px;padding-top:20px;border-top:1px solid var(--border)}

#toasts{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:200}
.toast{display:flex;align-items:center;gap:10px;background:#141414;border:1px solid #2a2a2a;border-radius:12px;padding:12px 12px 12px 14px;min-width:260px;max-width:360px;font-size:13.5px;color:#fff;box-shadow:0 12px 34px rgba(0,0,0,.55);opacity:0;transform:translateX(30px);transition:opacity .3s ease,transform .3s cubic-bezier(.2,.7,.2,1);cursor:pointer}
.toast.in{opacity:1;transform:none}
.toast-bar{width:3px;align-self:stretch;border-radius:99px;background:#007bff}
.toast.err .toast-bar{background:#ff3b5c}
.toast-tx{flex:1;line-height:1.45}
.toast-x{background:transparent;border:0;color:#8a8a8a;font-size:17px;line-height:1;cursor:pointer;padding:2px 4px}
.toast-x:hover{color:#fff}
.cmodal-ov{position:fixed;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:300;opacity:0;transition:opacity .2s ease;padding:20px}
.cmodal-ov.in{opacity:1}
.cmodal{width:100%;max-width:380px;background:#141414;border:1px solid #2a2a2a;border-radius:16px;padding:22px;transform:translateY(10px) scale(.98);transition:transform .22s cubic-bezier(.2,.7,.2,1)}
.cmodal-ov.in .cmodal{transform:none}
.cmodal-t{font-size:15px;font-weight:800;color:#fff;margin-bottom:8px}
.cmodal-m{font-size:13.5px;color:#b8b8b8;line-height:1.55;margin-bottom:18px}
.cmodal-b{display:flex;justify-content:flex-end;gap:10px}

@media(max-width:860px){
  .hero{grid-template-columns:1fr}
  .hero h1{font-size:42px}
  .cards3,.cards2,.row2{grid-template-columns:1fr}
  .nav-links{display:none}
  .burger{display:block}
  .nav-auth .btn{padding:9px 13px;font-size:12px}
  .row3{grid-template-columns:1fr}
}

.hero-sus{position:relative;text-align:center;padding:70px 20px 40px}
.mega{font-size:clamp(44px,7vw,84px);font-weight:900;letter-spacing:-2px;line-height:1.04;margin:0}
.grad{background:linear-gradient(92deg,#007bff,#007bff 60%,#0056b3);-webkit-background-clip:text;background-clip:text;color:transparent}
.trusted{color:var(--muted);font-size:16px;margin:22px 0 30px;line-height:1.7}
.trusted b{color:#fff}
.hero-sus .hero-btns{justify-content:center}
.hero-sus .livestats{justify-content:center;margin-top:28px}
.orbit{position:absolute;inset:40px 0 -40px;pointer-events:none;z-index:0}
.hero-sus>*:not(.orbit){position:relative;z-index:1}
.orbit .pill-float{position:absolute;top:50%;left:50%;font-size:12px;font-weight:700;color:#cfd3da;background:rgba(16,17,23,.85);border:1px solid var(--border);border-radius:999px;padding:9px 16px;backdrop-filter:blur(6px);white-space:nowrap;box-shadow:0 4px 18px rgba(0,0,0,.4);will-change:transform;offset-path:ellipse(var(--rx,470px) var(--ry,220px) at center);offset-rotate:0deg;animation:orbitMove var(--orbit-t,36s) linear infinite;animation-delay:var(--orbit-d,0s)}
.pill-float.white{background:#f2f3f5;color:#111;border-color:#f2f3f5}
.pf1{--rx:530px;--ry:270px;--orbit-d:0s;--orbit-t:36s}
.pf2{--rx:560px;--ry:285px;--orbit-d:-6s;--orbit-t:36s}
.pf3{--rx:515px;--ry:300px;--orbit-d:-12s;--orbit-t:36s}
.pf4{--rx:565px;--ry:275px;--orbit-d:-18s;--orbit-t:36s}
.pf5{--rx:505px;--ry:295px;--orbit-d:-24s;--orbit-t:36s}
.pf6{--rx:540px;--ry:285px;--orbit-d:-30s;--orbit-t:36s}
@keyframes orbitMove{from{offset-distance:0%}to{offset-distance:100%}}
@supports not (offset-path: ellipse(10px 10px at center)){
  .orbit .pill-float{offset-path:none;top:auto;left:auto;animation:floatL 7s ease-in-out infinite}
  .pf1{left:2%;top:24%}
  .pf5{left:0;bottom:26%}
  .pf3{left:6%;bottom:8%}
  .pf2{right:2%;top:22%;animation-name:floatR}
  .pf4{right:1%;top:46%;animation-name:floatR}
  .pf6{right:3%;bottom:14%;animation-name:floatR}
  @keyframes floatL{0%,100%{transform:translate(0,0)}50%{transform:translate(0,-12px)}}
  @keyframes floatR{0%,100%{transform:translate(0,0)}50%{transform:translate(0,12px)}}
}
.feat-wrap{margin-top:70px;position:relative;z-index:10}
.center{text-align:center}
.ptitle.center{font-size:40px}
.psub.center{text-align:center}
.lw{max-width:890px;margin:24px auto 0;background:#100b08;border:1px solid #3c1e0f;border-radius:16px;overflow:hidden;text-align:left;box-shadow:0 20px 60px rgba(0,0,0,.5);position:relative;z-index:10;aspect-ratio:890/510;display:flex;flex-direction:column;pointer-events:auto}
.lw-head{height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#0a1020;border-bottom:1px solid #203040;position:relative}
.lw-head span:first-child{font-size:13px;font-weight:700;color:#b3d7ff}
.lw-dots{display:flex;gap:6px;position:absolute;right:18px}
.lw-dots i{width:10px;height:10px;border-radius:50%;background:transparent;border:1px solid #3a3d47}
.lw-dots .y{background:#007bff;border-color:#007bff}
.lw-dots .r{background:#ff5f57;border-color:#ff5f57}
.lw-view{display:none;flex:1;min-height:0}
.lw-view.active{display:flex;animation:pageIn .4s cubic-bezier(.2,.7,.2,1)}
.lw-login{flex-direction:column;align-items:center;justify-content:center;gap:10px}
.lw-login-logo{width:150px;margin-bottom:10px}
.lw-in{width:193px;background:rgba(2,2,4,.9);border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:9px 12px;font-size:13px;color:#fff;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}
.lw-in:focus{border-color:#007bff;box-shadow:0 0 0 1px #007bff,0 0 14px rgba(0,123,255,.35)}
.lw-remember{width:193px;display:flex;align-items:center;gap:8px;font-size:12px;color:#999;cursor:pointer;user-select:none}
.lw-check{width:14px;height:14px;border-radius:3px;border:1px solid #007bff;flex-shrink:0;transition:background .15s}
.lw-check.on{background:#007bff}
.lw-signin{width:193px;padding:8px;border:0;border-radius:5px;background:radial-gradient(circle at 50% 50%,#0056b3 0%,#002a4d 78%);color:#fff;font-weight:800;font-size:13px;letter-spacing:.5px;cursor:pointer;transition:filter .2s,transform .1s}
.lw-signin:hover{filter:brightness(1.12)}
.lw-signin:active{transform:scale(.98)}
.lw-app{min-height:0;align-items:stretch}
.lw-side{width:180px;flex-shrink:0;background:#16100b;border-right:1px solid #2a1a10;padding:14px 12px;display:flex;flex-direction:column}
.lw-side-logo{width:64px;margin:0 auto 12px;display:block}
.lw-nav{position:relative;display:flex;flex-direction:column;gap:8px}
.lw-pill{position:absolute;left:0;right:0;top:0;height:37px;background:#003366;border:1px solid #0056b3;border-radius:8px;transition:top .3s cubic-bezier(.2,.7,.2,1),height .3s;z-index:0}
.lw-tab{position:relative;z-index:1;background:transparent;border:0;color:#88aadd;font-weight:700;font-size:12px;letter-spacing:1px;padding:10px 14px;border-radius:8px;cursor:pointer;text-align:left;transition:color .2s}
.lw-tab:hover{color:#fff}
.lw-tab.active{color:#fff}
.lw-sidefoot{margin-top:auto;padding:0 4px}
.lw-statusline{display:flex;align-items:center;gap:8px;font-size:13px;color:#88aadd}
.lw-undet{display:flex;align-items:center;gap:6px;color:#76e600;font-weight:700}
.lw-undet i{width:7px;height:7px;border-radius:50%;background:#76e600}
.lw-build{font-size:12px;color:#967e6e;margin-top:4px}
.lw-clock{font-size:18px;color:#f5faff;margin-top:8px;font-weight:700}
.lw-date{font-size:12px;color:#967e6e}
.lw-main{flex:1;padding:18px;min-width:0;overflow:hidden}
.lw-subtabs{display:flex;gap:8px;margin-bottom:12px}
.lw-subtab{background:transparent;border:1px solid transparent;color:#88aadd;font-weight:700;font-size:12px;padding:7px 20px;border-radius:6px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.lw-subtab.active{background:#003366;color:#fff;border-color:#0056b3}
.lw-subpanel{display:none}
.lw-subpanel.active{display:block;animation:pageIn .3s cubic-bezier(.2,.7,.2,1)}
.lw-toast{position:absolute;bottom:22px;left:50%;transform:translate(-50%,12px);background:#0a1020;border:1px solid #0056b3;border-radius:6px;padding:8px 14px;font-size:13px;color:#fff;display:flex;gap:8px;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;z-index:10;white-space:nowrap}
.lw-toast.show{opacity:1;transform:translate(-50%,0)}
.lw-toast i{color:#2bd97c;font-style:normal;font-weight:800}
.lm-panel{display:none;gap:14px}
.lm-panel.active{display:grid;grid-template-columns:1fr 1fr;animation:pageIn .3s cubic-bezier(.2,.7,.2,1)}
.lm-card{background:#1a2030;border:1px solid #304050;border-radius:12px;padding:16px;min-width:0}
.lm-card.lm-wide{grid-column:1/-1}
.lm-h{font-size:11px;font-weight:800;letter-spacing:1px;color:#8a7a6a;margin:12px 0 6px}
.lm-h:first-child{margin-top:0}
.lm-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:5px 0;color:#8a7a6a}
.lm-row b{color:#e8f0f8;font-weight:700}
.lm-green{color:#8be34a!important}
.lm-select{background:#203040;border:1px solid #304050;border-radius:8px;padding:9px 12px;font-size:12px;color:#e8f0f8;margin:8px 0;position:relative;cursor:pointer;transition:border-color .2s,background .2s;user-select:none}
.lm-select:hover{border-color:#007bff;background:#2a4050}
.lm-dd{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#203040;border:1px solid #304050;border-radius:8px;overflow:hidden;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:5}
.lm-select.open .lm-dd{opacity:1;transform:none;pointer-events:auto}
.lm-dd span{display:block;padding:9px 12px;font-size:12px;color:#c8d8e8;transition:background .15s,color .15s}
.lm-dd span:hover{background:#2a4050;color:#fff}
.lm-toggle{width:34px;height:18px;border-radius:999px;background:#007bff;position:relative;cursor:pointer;transition:background .2s}
.lm-toggle:not(.on){background:#3a3d47}
.lm-toggle:not(.on)::after{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;background:#777;border-radius:50%}
.lm-toggle.on::after{content:"";position:absolute;right:2px;top:2px;width:14px;height:14px;background:#fff;border-radius:50%}
.lm-generate{background:linear-gradient(135deg,#0056b3,#003d7a);border-radius:8px;text-align:center;font-weight:800;font-size:12px;letter-spacing:1px;color:#fff;padding:11px;margin:10px 0;cursor:pointer;transition:transform .1s ease,filter .2s;user-select:none}
.lm-generate:hover{filter:brightness(1.1)}
.lm-generate:active{transform:scale(.97)}
.lm-generate.pressed{filter:brightness(1.3)}
.lm-account{background:#203040;border:1px solid #304050;border-radius:8px;padding:9px 12px;font-size:12px;color:#c8d8e8;display:flex;justify-content:space-between;align-items:center}
.lm-copy{background:#1a3040;border-radius:6px;padding:4px 10px;font-size:11px;color:#7bb3ff;cursor:pointer;transition:filter .15s}
.lm-copy:hover{filter:brightness(1.25)}
.lm-links{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#c8d8e8}
.lm-links span{cursor:pointer;transition:color .15s}
.lm-links span:hover{color:#fff}
.lm-muted{font-size:12px;color:#8a7a6a;line-height:1.6}
.lm-link{font-size:13px;font-weight:700;color:#7aa2ff;margin:6px 0;display:inline-block;text-decoration:none;cursor:pointer}
.lm-link:hover{text-decoration:underline}
.lm-stockcard{background:#0a1020;border:1px solid #203040;border-radius:8px;padding:20px 24px}
.lm-stockcard .lm-h{font-size:15px}
.lm-item{background:#221410;border:1px solid #41281c;border-radius:6px;padding:12px 16px;margin-top:12px;display:flex;align-items:center;justify-content:space-between}
.lm-balance{display:flex;align-items:center;gap:10px}
.lm-item div b{display:block;font-size:14px;color:#f0f8ff}
.lm-item div span{font-size:12px;color:#a08a78}
.lm-badge{background:#263410;border:1px solid #4e8c20;color:#82e646;font-size:11px;font-weight:800;padding:6px 12px;border-radius:6px;letter-spacing:.5px}
.lm-badge.out{background:#30161c;border-color:#a02d37;color:#ff5f69}
.lm-empty{display:flex;align-items:center;justify-content:center;min-height:180px;color:#78685c;font-size:13px}
.lm-stock{display:grid;grid-template-columns:80px 1fr 40px;align-items:center;gap:10px;font-size:12px;color:#c8d8e8;padding:7px 0}
.lm-stock b{color:#fff;text-align:right}
.lm-bar{height:8px;background:#203040;border-radius:99px;overflow:hidden}
.lm-bar i{display:block;height:100%;background:linear-gradient(90deg,#0056b3,#007bff);border-radius:99px}
.lm-news{padding:8px 0;border-bottom:1px solid #2a1a10}
.lm-news:last-child{border-bottom:0}
.lm-news b{display:block;font-size:13px;color:#fff}
.lm-news span{font-size:12px;color:#8a7a6a}
main{max-width:1100px;margin:0 auto;padding:34px 20px 60px}
.page{display:none}
.page.active{display:block;animation:pageIn .38s cubic-bezier(.2,.7,.2,1)}
@keyframes pageIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.js .reveal.reveal-init{opacity:0;transform:translateY(26px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1)}
.js .reveal.reveal-init.visible{opacity:1;transform:none}
.lm-panel .lm-card{animation:none}
.faq-wrap{margin:70px auto 0;max-width:760px}
.faq{background:var(--panel);border:1px solid var(--border);border-radius:14px;margin-bottom:10px;overflow:hidden;text-align:left;transition:border-color .25s}
.faq summary{padding:16px 18px;cursor:pointer;font-weight:700;font-size:15px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:color .15s;user-select:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'';width:10px;height:10px;border-right:2.5px solid var(--muted);border-bottom:2.5px solid var(--muted);transform:rotate(45deg);transition:transform .3s cubic-bezier(.2,.7,.2,1),border-color .2s;flex-shrink:0}
.faq[open] summary::after{transform:rotate(-135deg);border-color:var(--blue)}
.faq summary:hover{color:var(--blue)}
.faq-body{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .35s cubic-bezier(.2,.7,.2,1), opacity .3s ease, padding .35s ease}
.faq-body p{margin:0;padding:0 18px 0;color:var(--muted);font-size:14px;line-height:1.6;overflow:hidden;min-height:0}
.faq[open] .faq-body{grid-template-rows:1fr;opacity:1}
.faq[open] .faq-body p{padding:0 18px 16px}
.faq[open]{border-color:rgba(0,123,255,0.5)}
.faq.faq-closing .faq-body{grid-template-rows:0fr;opacity:0}
.faq.faq-closing .faq-body p{padding:0 18px 0}
.faq.faq-closing summary::after{transform:rotate(45deg);border-color:var(--muted)}
.faq.faq-closing{border-color:var(--border)}
@media(max-width:1100px){
  .nav-links{display:none}
  .burger{display:block}
}
@media(max-width:1000px){
  .orbit{display:none}
}
@media(max-width:640px){
  .hero-sus{padding:46px 10px 20px}
  .lw{aspect-ratio:auto;min-height:560px}
  .lw-app{flex-direction:column}
  .lw-side{width:auto;flex-direction:row;flex-wrap:wrap;align-items:center;border-right:0;border-bottom:1px solid #2a1a10}
  .lw-side-logo{margin:0 8px 0 0;width:40px}
  .lw-nav{flex-direction:row;flex-wrap:wrap;flex:1}
  .lw-pill{display:none}
  .lw-tab.active{background:#003366}
  .lw-sidefoot{margin:0 0 0 auto;text-align:right}
  .lw-clock{font-size:14px}
  .lm-panel.active{grid-template-columns:1fr}
}

.dash-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.dash-card-title{display:flex;align-items:center;gap:8px}
.card-bar{color:#3b82f6;font-weight:900;font-size:15px;line-height:1}
.card-title-text{font-size:12.5px;font-weight:800;letter-spacing:1.5px;color:#fff;text-transform:uppercase}
.btn-link-refresh{background:transparent;border:0;color:#3b82f6;font-size:12.5px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:6px;transition:color .2s,background .2s}
.btn-link-refresh:hover{color:#60a5fa;background:rgba(59,130,246,.1)}
.tfa-badge{font-size:11.5px;font-weight:600;color:var(--muted);padding:2px 8px;border-radius:999px;background:#14151b}
.tfa-badge.on{color:#22c55e;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.3)}
.btn-tfa-action{display:inline-flex;align-items:center;gap:8px;background:#2563eb;color:#fff;border:0;border-radius:10px;padding:11px 20px;font-size:13.5px;font-weight:700;cursor:pointer;transition:background .2s,transform .1s;box-shadow:0 4px 16px rgba(37,99,235,.3)}
.btn-tfa-action:hover{background:#1d4ed8}
.btn-tfa-action:active{transform:scale(.98)}
.btn-tfa-action.danger{background:#dc2626;box-shadow:0 4px 16px rgba(220,38,38,.3)}
.btn-tfa-action.danger:hover{background:#b91c1c}
.tfa-setup-box{background:#0c0d12;border:1px solid var(--border);border-radius:12px;padding:16px;margin-top:14px}
.tfa-key-display{display:flex;align-items:center;background:#15161c;border:1px solid var(--border);border-radius:8px;padding:10px 14px}
.sessions-list{display:flex;flex-direction:column;gap:8px}
.session-row{display:flex;align-items:center;background:#0d0e14;border:1px solid #1f2027;border-radius:12px;padding:12px 16px;transition:border-color .2s}
.session-row:hover{border-color:#2e303c}
.session-icon-box{width:36px;height:36px;border-radius:10px;background:#161820;border:1px solid #232530;display:flex;align-items:center;justify-content:center;color:#858a98;margin-right:14px;flex-shrink:0}
.session-meta{flex:1;min-width:0}
.session-device-name{font-size:13.5px;font-weight:700;color:#fff;line-height:1.2}
.session-details{font-size:11.5px;color:var(--muted);margin-top:3px}
.session-current-tag{font-size:11px;font-weight:800;color:#3b82f6;letter-spacing:1px;text-transform:uppercase}
.btn-session-logout{background:#161720;border:1px solid #2a2c38;color:#d5d5d5;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s,color .2s}
.btn-session-logout:hover{background:#232533;color:#fff;border-color:#3f4255}
.btn-signout-all{display:inline-flex;align-items:center;gap:6px;background:#14151b;border:1px solid #252733;color:#cfd3da;border-radius:10px;padding:10px 16px;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .2s,color .2s}
.btn-signout-all:hover{background:#1c1e27;color:#fff;border-color:#3a3d4d}
.sessions-empty{color:var(--muted);font-size:13px;padding:16px 4px}
.dash-avatar-wrap{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center;background:#15161c}
.dash-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.dash-avatar-wrap .pf-initial{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700}
.legal-panel{max-width:920px;margin:40px auto 60px;padding:40px 48px;background:var(--panel);border:1px solid var(--border);border-radius:20px}
.legal-header{margin-bottom:30px;padding-bottom:24px;border-bottom:1px solid var(--border)}
.legal-header h2{font-size:34px;font-weight:900;margin:10px 0;letter-spacing:-.5px;color:#fff}
.legal-header p{font-size:14px;color:var(--muted);margin:0}
.legal-badge{display:inline-block;font-size:11px;font-weight:800;color:#007bff;letter-spacing:1.5px;background:rgba(0,123,255,.12);border:1px solid rgba(0,123,255,.35);border-radius:6px;padding:4px 10px;text-transform:uppercase}
.legal-content{display:flex;flex-direction:column;gap:22px}
.legal-block{background:#0a0a0f;border:1px solid #1a1b22;border-radius:14px;padding:24px 28px}
.legal-block h3{font-size:17px;font-weight:700;color:#fff;margin:0 0 10px;display:flex;align-items:center;gap:8px}
.legal-block p{font-size:14.5px;line-height:1.75;color:#b2b6c2;margin:0}
.legal-list{margin:14px 0 0 20px;padding:0;color:#b2b6c2;font-size:14.5px;line-height:1.85}
.legal-list li{margin-bottom:8px}
.legal-list strong{color:#f0f2f7}
@media(max-width:768px){
  .legal-panel{padding:24px 18px;margin:20px auto}
  .legal-header h2{font-size:26px}
  .legal-block{padding:18px 16px}
}
.twofa-modal-ov{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px)}
.twofa-modal-ov.hidden{display:none}
.twofa-modal{background:#0d0e14;border:1px solid #2a2c38;border-radius:20px;padding:36px 32px;width:100%;max-width:400px;text-align:center;box-shadow:0 24px 80px rgba(0,0,0,.7);animation:pageIn .25s ease}
.twofa-modal-icon{width:64px;height:64px;border-radius:50%;background:rgba(0,123,255,.12);border:1px solid rgba(0,123,255,.3);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#007bff}
.twofa-modal-title{font-size:22px;font-weight:800;margin:0 0 8px;color:#fff}
.twofa-modal-sub{font-size:13.5px;color:var(--muted);margin:0 0 24px;line-height:1.6}
.twofa-modal-input{width:100%;background:#080809;border:1px solid #2a2c38;border-radius:12px;padding:14px 16px;color:#fff;font-size:22px;letter-spacing:8px;text-align:center;font-weight:700;margin-bottom:16px;outline:none;transition:border-color .2s}
.twofa-modal-input:focus{border-color:#007bff}
.twofa-modal-err{background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.3);border-radius:8px;padding:10px 14px;font-size:13px;color:#f87171;margin-bottom:14px}
.twofa-modal-cancel{background:transparent;border:0;color:var(--muted);font-size:13px;cursor:pointer;margin-top:14px;padding:6px 12px;border-radius:8px;transition:color .2s}
.twofa-modal-cancel:hover{color:#fff}

/* ---- Spotlight cards ---- */
.steps-wrap{margin:70px auto 0;max-width:1100px}
.card.spotlight,.card.product{position:relative;overflow:hidden;isolation:isolate;transition:border-color .3s ease,box-shadow .3s ease,transform .3s cubic-bezier(.2,.7,.2,1)}
.card.spotlight::before,.card.product::before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(340px circle at var(--mx,50%) var(--my,20%),rgba(0,123,255,.20),rgba(0,123,255,.06) 40%,transparent 68%);opacity:0;transition:opacity .35s ease;pointer-events:none}
.card.spotlight::after,.card.product::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;border-radius:99px;background:linear-gradient(90deg,transparent,rgba(0,123,255,.9),transparent);opacity:0;filter:blur(1px);transition:opacity .35s ease;pointer-events:none}
.card.spotlight:hover::before,.card.product:hover::before{opacity:1}
.card.spotlight:hover::after,.card.product:hover::after{opacity:1}
.card.spotlight:hover,.card.product:hover{border-color:rgba(0,123,255,.45);box-shadow:0 0 0 1px rgba(0,123,255,.22),0 18px 60px -18px rgba(0,123,255,.45);transform:translateY(-2px)}
.card.spotlight>* ,.card.product>*{position:relative;z-index:1}
.step-num{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:16px;color:#007bff;background:rgba(0,123,255,.12);border:1px solid rgba(0,123,255,.35);box-shadow:inset 0 0 18px rgba(0,123,255,.12);margin-bottom:14px}
.step-card h3{margin:0 0 8px;font-size:17px}
.step-card p{margin:0 0 16px;font-size:14px;line-height:1.6}

/* ---- Glow buttons mit Shine-Animation ---- */
.btn-blue{position:relative;overflow:hidden;isolation:isolate;animation:btnBluePulse 2.8s ease-in-out infinite}
.btn-blue::after{content:"";position:absolute;top:0;bottom:0;width:60px;left:-80px;background:linear-gradient(105deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:btnBlueShine 3.2s ease-in-out infinite;pointer-events:none}
.btn-blue:hover{box-shadow:0 8px 34px rgba(0,123,255,.65)}
@keyframes btnBluePulse{0%,100%{box-shadow:0 6px 26px rgba(0,123,255,.45)}50%{box-shadow:0 6px 40px rgba(0,123,255,.75)}}
@keyframes btnBlueShine{0%{left:-80px}55%,100%{left:130%}}
@media(prefers-reduced-motion:reduce){.btn-blue,.btn-blue::after{animation:none}.card.spotlight,.card.product{transform:none}
}
.btn.full{width:100%}
.sect{font-size:13px;color:#fff;margin:18px 0 10px}
.tbl .rank-chip{padding:3px 10px;font-size:11px;white-space:nowrap}
.rank-owner{color:#ff4d5e;border-color:#ff4d5e}
.rank-management{color:#ff9900;border-color:#ff9900}
.rank-media{color:#b36bff;border-color:#b36bff}
.rank-trusted_reseller{color:#2ecc71;border-color:#2ecc71}
.rank-reseller{color:#4da3ff;border-color:#4da3ff}
.rank-user{color:#9aa0ab}

/* Blacklist form */
.bl-form{display:grid;gap:16px;padding:18px;margin-bottom:18px;background:linear-gradient(180deg,#0f1015,#0b0c10);border:1px solid var(--border);border-radius:16px}
.bl-form .bl-field{margin:0;display:block;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}
.bl-form .bl-field input{text-transform:none;letter-spacing:0;font-weight:500}
.bl-lab{display:block;margin-bottom:8px}
.reason-chips{display:flex;flex-wrap:wrap;gap:8px}
.reason-chip{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:999px;border:1px solid var(--border);background:#14151b;color:#cfd2d9;font:600 13px/1 inherit;font-family:inherit;letter-spacing:0;text-transform:none;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .15s,box-shadow .15s}
.reason-chip:hover{border-color:#3a3d48;color:#fff;transform:translateY(-1px)}
.reason-chip.active{background:rgba(0,123,255,.16);border-color:var(--blue);color:#fff;box-shadow:0 0 0 3px rgba(0,123,255,.15)}
.reason-chip.custom{border-style:dashed}
.reason-chip.custom.active{border-style:solid}
.bl-custom{position:relative;animation:blDrop .22s ease-out}
.bl-custom textarea{margin:0;min-height:84px;resize:vertical;padding:12px 14px 28px;line-height:1.45;background:#0a0b0f;border-radius:12px}
.bl-count{position:absolute;right:12px;bottom:9px;font-size:11px;color:var(--muted);pointer-events:none}
.bl-count b{color:#cfd2d9;font-weight:700}
.bl-actions{display:flex;justify-content:flex-end}
@keyframes blDrop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* ===== Admin: Userliste ===== */
.u-toolbar{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;margin-bottom:14px;padding:14px;background:#0b0c10;border:1px solid var(--border);border-radius:14px}
.u-toolbar label{margin:0;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}
.u-toolbar input{margin-top:6px}
.u-stats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.u-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#12141a;border:1px solid var(--border);color:var(--muted);font-size:12px}
.u-chip b{color:#fff;font-size:13px}
.u-chip.ok b{color:#2ecc71}.u-chip.warn b{color:#ff9900}.u-chip.bad b{color:#ff4d5e}
.u-wrap{border-radius:14px;background:#0b0c10}
.utbl{font-size:13px}
.utbl thead th{position:sticky;top:0;background:#0f1015;color:var(--muted);font-size:11px;letter-spacing:1px;text-transform:uppercase;padding:12px 14px;z-index:1}
.utbl td{padding:12px 14px;vertical-align:middle}
.utbl tbody tr{transition:background .15s}
.utbl tbody tr:hover{background:rgba(255,255,255,.03)}
.utbl td.act{white-space:normal}
.u-user{display:flex;align-items:center;gap:12px;min-width:190px}
.u-av{flex:0 0 auto;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#14151b;border:1px solid var(--border);font-weight:800;font-size:14px}
.u-name{display:flex;flex-direction:column;gap:2px;min-width:0}
.u-name b{color:#fff;font-size:14px;overflow:hidden;text-overflow:ellipsis}
.u-name small{color:var(--muted);font-size:11px;font-family:ui-monospace,Consolas,monospace}
.u-tag{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:6px;font-size:9.5px;font-weight:800;letter-spacing:.6px;vertical-align:middle}
.u-tag.bad{background:rgba(255,77,94,.15);color:#ff4d5e}
.u-tag.frozen{background:rgba(77,163,255,.15);color:#4da3ff}
.u-pill{display:inline-block;padding:4px 11px;border-radius:999px;font-size:11.5px;font-weight:700;border:1px solid transparent;white-space:nowrap}
.u-pill.ok{background:rgba(46,204,113,.12);color:#2ecc71;border-color:rgba(46,204,113,.3)}
.u-pill.bad{background:rgba(255,77,94,.12);color:#ff4d5e;border-color:rgba(255,77,94,.3)}
.u-pill.life{background:rgba(255,153,0,.12);color:#ff9900;border-color:rgba(255,153,0,.3)}
.u-pill.hw{font-family:ui-monospace,Consolas,monospace;font-weight:600}
.u-pill.hw.bound{background:#14151b;color:#cfd2d9;border-color:var(--border)}
.u-pill.hw.free{background:transparent;color:var(--muted);border:1px dashed var(--border)}
.u-lim{color:#fff;font-weight:700}
.u-lim small{color:var(--muted);font-weight:500;margin-left:2px}
.u-acts{display:flex;flex-wrap:wrap;gap:6px}
.u-acts .btn.xs{margin:0;padding:6px 12px;font-size:11.5px;border-radius:8px}
.u-acts .btn.u-primary{background:var(--blue);border-color:var(--blue);color:#fff}
.u-empty{text-align:center;color:var(--muted);padding:28px 12px!important}
@media(max-width:860px){
  .u-toolbar{grid-template-columns:1fr}
  .utbl.cards thead{display:none}
  .utbl.cards,.utbl.cards tbody,.utbl.cards tr,.utbl.cards td{display:block;width:100%}
  .utbl.cards tr{padding:12px 14px;border-bottom:1px solid var(--border)}
  .utbl.cards td{padding:6px 0;border:0;display:flex;justify-content:space-between;align-items:center;gap:12px}
  .utbl.cards td::before{content:attr(data-label);color:var(--muted);font-size:11px;letter-spacing:1px;text-transform:uppercase}
  .utbl.cards td[data-label="User"]::before,.utbl.cards td[data-label="Actions"]::before{display:none}
  .utbl.cards td.act{display:block}
}

/* ===== Globales Polish: Admin, Tabs, Formulare, Tabellen ===== */
.panel h2{font-size:22px;letter-spacing:-.2px}
.atabs{background:#0b0c10;border:1px solid var(--border);border-radius:14px;padding:5px;gap:4px;margin:14px 0 18px}
.atabs .atab{background:transparent;border:0;border-radius:10px;color:var(--muted);padding:9px 16px;font-weight:700}
.atabs .atab:hover{color:#fff;background:#14151b}
.atabs .atab.active{background:var(--blue);color:#fff;box-shadow:0 4px 14px rgba(0,123,255,.35)}
.apanel .pwgrid{padding:14px;background:#0b0c10;border:1px solid var(--border);border-radius:14px;margin-bottom:14px}
.apanel .pwgrid label,.apanel .bl-field{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}
.apanel .pwgrid input,.apanel .pwgrid select{margin-top:6px;text-transform:none;letter-spacing:0;font-weight:500}
.sect{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#cfd2d9;margin:24px 0 12px}
.sect::before{content:"";width:3px;height:14px;border-radius:2px;background:var(--blue)}
.bulkbar{padding:10px 14px;background:#0b0c10;border:1px solid var(--border);border-radius:14px}
.bl-form{background:#0b0c10}
.dash-card{border-radius:16px;padding:20px}
.tbl thead th{color:var(--muted);font-size:11px;letter-spacing:1px;text-transform:uppercase}
.tbl tbody tr{transition:background .15s}
.tbl tbody tr:hover{background:rgba(255,255,255,.03)}
.keyitem,.key-out{background:#0b0c10;border:1px solid var(--border);border-radius:10px;padding:10px 14px;font-family:ui-monospace,Consolas,monospace;font-size:13px;cursor:pointer;transition:border-color .15s,background .15s}
.keyitem:hover,.key-out:hover{background:rgba(0,123,255,.12);border-color:var(--blue)}

/* Pills / Tabellen-Inhalte */
.u-pill.neutral{background:#14151b;color:#cfd2d9;border-color:var(--border)}
.u-pill.gen{background:rgba(0,123,255,.12);color:#4da3ff;border-color:rgba(0,123,255,.3)}
.u-pill.menu{background:rgba(179,107,255,.12);color:#b36bff;border-color:rgba(179,107,255,.3)}
.u-pill.api{background:rgba(46,204,190,.12);color:#2eccbe;border-color:rgba(46,204,190,.3)}
.u-key{font-family:ui-monospace,Consolas,monospace;font-size:12.5px;color:#fff;background:#10111a;border:1px solid var(--border);border-radius:8px;padding:5px 10px;cursor:pointer;white-space:nowrap;transition:border-color .15s}
.u-key:hover{border-color:var(--blue)}
.u-sub{color:var(--muted);font-size:12px}
.u-mono{font-family:ui-monospace,Consolas,monospace;font-size:12px;color:#cfd2d9}
.l-time{display:flex;flex-direction:column;line-height:1.25}
.l-time b{color:#fff;font-size:13px}
.l-time small{color:var(--muted);font-size:11px}
.l-user{color:#fff;font-weight:700}
.l-data{display:inline-block;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;color:#aeb3bd;font-size:12px}
.u-acts .btn.u-danger:hover{border-color:#ff4d5e;color:#ff4d5e}
.u-av{position:relative;overflow:hidden}
.u-av-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0;border-radius:50%}
.dc-gate-err{min-height:18px;margin-top:8px;font-size:12.5px;color:#ff6e7e}
#dcGateInput{margin-top:4px}

/* ===== Design polish v41 ===== */
:root{
  --panel2:#10121a; --blue2:#3d9bff; --ring:rgba(0,123,255,.35);
  --radius:16px; --shadow:0 18px 50px -22px rgba(0,0,0,.8);
  --ease:cubic-bezier(.2,.7,.2,1);
}
html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.5}
::selection{background:rgba(0,123,255,.45);color:#fff}
:focus-visible{outline:2px solid var(--blue2);outline-offset:2px;border-radius:8px}

/* Navigation */
.top-nav{background:linear-gradient(180deg,rgba(18,20,28,.78),rgba(10,11,16,.72));border:1px solid rgba(255,255,255,.07);border-radius:999px;padding:8px 10px 8px 18px;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.05)}
.nav-item{transition:color .2s var(--ease),background .2s var(--ease),transform .2s var(--ease)}
.nav-item:hover{transform:translateY(-1px)}
.nav-item.active{background:linear-gradient(180deg,#22252f,#181a22);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 4px 14px -6px rgba(0,123,255,.5)}

/* Buttons */
.btn{transition:transform .2s var(--ease),box-shadow .25s var(--ease),background .2s,border-color .2s,filter .2s;letter-spacing:.9px}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0) scale(.98)}
.btn-blue,.btn.btn-blue,.btn-primary{background:linear-gradient(180deg,#2b8cff,#007bff 55%,#0066d6);border-color:#1a85ff;color:#fff;box-shadow:0 8px 24px -8px rgba(0,123,255,.65),inset 0 1px 0 rgba(255,255,255,.25)}
.btn-blue:hover,.btn.btn-blue:hover,.btn-primary:hover{box-shadow:0 12px 30px -8px rgba(0,123,255,.85),inset 0 1px 0 rgba(255,255,255,.3);filter:brightness(1.07)}
.btn-dark{background:linear-gradient(180deg,#1a1c24,#13151b);border-color:#2a2d38}
.btn-dark:hover{border-color:rgba(0,123,255,.55);background:linear-gradient(180deg,#1e212b,#161820)}

/* Hero */
.hero h1{background:linear-gradient(180deg,#fff 30%,#a9b4c9 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1.6px}
.hero h1 span,.hero h1 em{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#3d9bff,#007bff 60%,#6fb4ff);-webkit-background-clip:text;background-clip:text}
.stats{border-top:1px solid rgba(255,255,255,.08)}
.stat strong{font-size:22px;letter-spacing:-.4px}

/* Cards / panels */
.card,.panel{background:linear-gradient(180deg,rgba(18,20,28,.92),rgba(11,12,17,.94));border:1px solid rgba(255,255,255,.07);border-radius:var(--radius);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.04)}
.card h3,.panel h2{letter-spacing:-.3px}
.card.spotlight:hover,.card.product:hover{transform:translateY(-4px)}

/* Forms */
input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{background:#0d0e13;border:1px solid #262933;border-radius:11px;color:#fff;font-family:inherit;transition:border-color .2s,box-shadow .2s,background .2s}
input:not([type=checkbox]):not([type=radio]):not([type=range]):hover,select:hover,textarea:hover{border-color:#343846}
input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,select:focus,textarea:focus{outline:0;border-color:var(--blue);background:#0f1118;box-shadow:0 0 0 4px var(--ring)}
input::placeholder,textarea::placeholder{color:#5d6370}
.mini-in{border-radius:9px}

/* Tables */
.tbl{border-collapse:separate;border-spacing:0}
.tbl th{background:#0b0c10;font-weight:800;position:sticky;top:0;z-index:1}
.tbl th:first-child{border-top-left-radius:10px}.tbl th:last-child{border-top-right-radius:10px}
.tbl tbody tr{transition:background .15s}
.tbl tbody tr:hover td{background:rgba(0,123,255,.06)}

/* Admin */
.atabs{box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.atabs .atab{transition:all .2s var(--ease)}
.apanel .sect{margin-top:28px}
.apanel .bulkbar{background:#0b0c10;border:1px solid var(--border);border-radius:14px;padding:12px 14px}
.apanel .muted.small{line-height:1.5}
.apanel .btn.sm{white-space:nowrap}

/* Auth */
.auth-split{border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 80px -30px rgba(0,0,0,.9),0 0 80px -40px rgba(0,123,255,.5)}
.auth-right{background:linear-gradient(180deg,#10121a,#0c0d12)}
.auth-left h2{letter-spacing:-.8px}

/* Chips, toasts, modals */
.rank-chip{background:linear-gradient(180deg,#1d2029,#171920);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.toast{background:linear-gradient(180deg,#171920,#111318);border:1px solid rgba(255,255,255,.09);border-radius:14px;backdrop-filter:blur(10px)}
.cmodal-ov{backdrop-filter:blur(8px) saturate(120%)}
.cmodal{background:linear-gradient(180deg,#171920,#101216);border:1px solid rgba(255,255,255,.1);border-radius:18px;box-shadow:0 40px 90px -30px rgba(0,0,0,.95),0 0 60px -30px rgba(0,123,255,.6)}
.cmodal-t{font-size:16px;letter-spacing:-.2px}

/* Page transition */
@keyframes pageIn2{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.page.active{animation:pageIn2 .45s var(--ease)}

/* Responsive */
@media (max-width:900px){
  .top-nav{border-radius:22px;padding:8px 12px;flex-wrap:wrap}
  .hero{grid-template-columns:1fr;gap:28px;padding:16px 0}
  .hero h1{font-size:44px}
  .auth-split{grid-template-columns:1fr}
}
@media (max-width:560px){
  .nav-wrap{padding:12px 12px 0}
  .hero h1{font-size:36px;letter-spacing:-1px}
  .card,.panel{padding:18px;border-radius:14px}
  .stats{gap:18px}
  .tbl{display:block;overflow-x:auto}
  .atabs{overflow-x:auto;flex-wrap:nowrap}
  .atabs .atab{white-space:nowrap}
}
/* Owner decision: ambient/brand animations run even with Windows "reduce motion".
   The old universal `*{animation-duration:.01ms!important}` reset lived here and
   killed every animation on PCs that have animation effects off (hero shine,
   gradient text, badge pings, the maintenance rings/progress bar, etc.) while
   phones — which rarely set reduce-motion — kept animating. Removed on purpose.
   Per-component reduced-motion courtesy (dots/rings in the admin panel) stays. */

/* ===== Homepage & Dashboard polish v42 ===== */

/* Hero */
.hero-sus{padding:96px 20px 56px}
.hero-sus::before{content:"";position:absolute;left:50%;top:30px;width:min(900px,92vw);height:420px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(0,123,255,.22),transparent 72%);filter:blur(30px);pointer-events:none;z-index:0}
.mega{background:linear-gradient(180deg,#fff 35%,#9fb0cc 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-3px;filter:drop-shadow(0 10px 40px rgba(0,123,255,.18))}
.mega .grad{background:linear-gradient(92deg,#5eb0ff,#007bff 55%,#2f6bff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 28px rgba(0,123,255,.45))}
.trusted{font-size:17px;max-width:520px;margin:24px auto 34px}
.hero-btns .btn.big{padding:17px 42px;border-radius:14px;font-size:14px;letter-spacing:1.2px;position:relative}
.hero-btns .btn.big::after{content:"\2192";margin-left:10px;display:inline-block;transition:transform .25s var(--ease)}
.hero-btns .btn.big:hover::after{transform:translateX(5px)}
.livestats{gap:14px;margin-top:40px}
.hero-sus .livestats{margin-top:44px}
.lstat{min-width:150px;padding:16px 24px;border-radius:16px;background:linear-gradient(180deg,rgba(20,22,30,.85),rgba(12,13,18,.85));border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.05);text-align:center}
.lstat strong{font-size:28px;letter-spacing:-.8px;background:linear-gradient(180deg,#fff,#9ec7ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lstat span{display:block;margin-top:2px;font-size:10.5px;letter-spacing:1.6px;font-weight:700}
.orbit .pill-float{background:rgba(14,15,21,.78);border-color:rgba(255,255,255,.1);box-shadow:0 10px 30px -12px rgba(0,0,0,.8)}

/* Feature strip */
.feat-wrap{max-width:1100px;margin:30px auto 0}
.feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.feat{padding:22px 20px;border-radius:16px;background:linear-gradient(180deg,rgba(18,20,28,.7),rgba(11,12,17,.7));border:1px solid rgba(255,255,255,.07);transition:transform .3s var(--ease),border-color .3s,box-shadow .3s}
.feat:hover{transform:translateY(-4px);border-color:rgba(0,123,255,.45);box-shadow:0 18px 50px -20px rgba(0,123,255,.5)}
.feat-ic{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;color:var(--blue2);background:rgba(0,123,255,.12);border:1px solid rgba(0,123,255,.32);margin-bottom:14px}
.feat h4{margin:0 0 6px;font-size:15px;letter-spacing:-.2px}
.feat p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}

/* Steps */
.steps-wrap{margin-top:90px}
.ptitle.center{letter-spacing:-1px;background:linear-gradient(180deg,#fff,#a9b4c9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.cards3{gap:18px}
.step-card{padding:28px 26px}
.step-num{width:42px;height:42px;border-radius:13px;font-size:17px;margin-bottom:6px}
.step-card h3{font-size:18px;letter-spacing:-.3px}

/* FAQ */
.faq-wrap{margin-top:90px}
.faq{background:linear-gradient(180deg,rgba(18,20,28,.85),rgba(11,12,17,.85));border:1px solid rgba(255,255,255,.07);border-radius:14px}
.faq:hover{border-color:rgba(255,255,255,.14)}
.faq[open]{border-color:rgba(0,123,255,.5);box-shadow:0 14px 40px -22px rgba(0,123,255,.55)}

/* Dashboard layout */
.dash-layout{grid-template-columns:250px 1fr;gap:24px}
.dash-side{background:linear-gradient(180deg,rgba(18,20,28,.92),rgba(11,12,17,.94));border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:16px;box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.04)}
.dash-user{padding:14px;border-radius:14px;background:linear-gradient(135deg,rgba(0,123,255,.14),rgba(0,123,255,.03));border:1px solid rgba(0,123,255,.22);margin-bottom:14px}
.dash-avatar-wrap{width:42px;height:42px;box-shadow:0 0 0 2px rgba(0,123,255,.55),0 6px 18px -6px rgba(0,123,255,.6)}
.dash-user strong{font-size:14px;letter-spacing:-.1px}
.dash-user span{font-size:10px;letter-spacing:.8px;font-weight:700}
.dash-item{padding:11px 14px;border-radius:11px;position:relative;transition:background .2s var(--ease),color .2s,transform .2s var(--ease)}
.dash-item:hover{transform:translateX(3px)}
.dash-item.active{background:linear-gradient(135deg,#1e84ff,#0066d6);box-shadow:0 8px 22px -10px rgba(0,123,255,.8),inset 0 1px 0 rgba(255,255,255,.22)}
#dashLogout{margin-top:8px;color:#ff7b8f;border-top:1px solid var(--border);border-radius:0 0 11px 11px;padding-top:14px}
#dashLogout:hover{background:rgba(255,59,92,.1);color:#ff8fa0}
.dash-foot{border-top:1px solid rgba(255,255,255,.07);opacity:.7}

/* Dashboard content */
.dash-main h2{font-size:30px;margin:0 0 4px;letter-spacing:-.8px}
.dash-main>.dash-view>h3.sect:first-child{margin-top:0}
.dash-counts{gap:14px;flex-wrap:wrap}
.dash-count{min-width:130px;padding:18px 22px;border-radius:16px;text-align:left;background:linear-gradient(135deg,rgba(0,123,255,.13),rgba(12,13,18,.9) 70%);border:1px solid rgba(0,123,255,.25);position:relative;overflow:hidden}
.dash-count::after{content:"";position:absolute;right:-24px;top:-24px;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(0,123,255,.35),transparent 70%)}
.dash-count strong{font-size:32px;letter-spacing:-1px;line-height:1.1}
.dash-count span{font-size:10.5px;font-weight:800;letter-spacing:1.6px}
.dash-card{background:linear-gradient(180deg,rgba(18,20,28,.9),rgba(11,12,17,.92));border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:22px;margin-bottom:16px;box-shadow:0 12px 36px -22px rgba(0,0,0,.9);transition:border-color .25s}
.dash-card:hover{border-color:rgba(255,255,255,.12)}
.dash-card .sect.tight{margin-top:0}
.dash-card label{display:block;font-size:11px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;color:var(--muted)}
.dash-card label input,.dash-card label select{margin-top:6px;width:100%;padding:11px 13px;font-size:14px;letter-spacing:0;text-transform:none;font-weight:500}
.dash-card .pwgrid{background:transparent;border:0;padding:0;display:grid;gap:14px;max-width:460px}
.dash-card .table-wrap{border:1px solid var(--border);border-radius:12px;overflow:auto;background:#0a0b0f}
.dash-card .tbl th{border-radius:0}
.dash-card .tbl td{font-size:13px}
#dashRedeemKey{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:2px;text-align:center;font-size:15px;padding:14px}
.hwidrow{background:#0a0b0f;border-radius:14px}
.tfa-badge{padding:4px 11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;font-size:10.5px}
.tfa-setup-box,.tfa-key-display{border-radius:12px}
.dash-card-title .card-bar{color:var(--blue);font-weight:900}
.card-title-text{font-size:12px;font-weight:800;letter-spacing:1.2px}
.sessions-list>*{border-radius:12px;transition:border-color .2s,background .2s}

@media (max-width:900px){
  .feat-grid{grid-template-columns:repeat(2,1fr)}
  .dash-layout{grid-template-columns:1fr}
  .dash-side{position:static}
  .dash-nav{flex-direction:row;flex-wrap:wrap}
  .dash-item:hover{transform:none}
}
@media (max-width:560px){
  .hero-sus{padding:56px 6px 30px}
  .mega{letter-spacing:-1.6px}
  .feat-grid{grid-template-columns:1fr}
  .lstat{min-width:0;flex:1;padding:14px}
  .lstat strong{font-size:22px}
  .livestats{width:100%}
  .dash-main h2{font-size:24px}
  .dash-count{flex:1;min-width:0}
  .hwidrow{flex-direction:column;align-items:stretch}
}

/* ===== Fixes v43 ===== */
/* "Best in the Market" pill stays white */
.orbit .pill-float.white,.pill-float.white{background:#f2f3f5;color:#111;border-color:#f2f3f5;box-shadow:0 10px 30px -12px rgba(255,255,255,.35)}

/* Change-password form: stack fields, full width */
.dash-card .pwgrid{display:grid;grid-template-columns:1fr;gap:14px;max-width:460px;align-items:stretch}
.dash-card .pwgrid label{display:block;width:100%}
.dash-card .pwgrid input{display:block;width:100%;margin-top:6px}
.dash-card .pwgrid .btn{width:100%;white-space:nowrap;justify-self:stretch}

/* ===== PRODUCTS / SHOP ===== */
.shop-wrap{max-width:1080px;margin:0 auto;padding:36px 20px 60px}
.shop-h{font-size:22px;font-weight:800;margin:0 0 18px}
.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.shop-card{background:linear-gradient(180deg,#0d0e14,#090a0e);border:1px solid var(--border);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .3s,box-shadow .3s,transform .3s var(--ease,ease)}
.shop-card:hover{border-color:rgba(0,123,255,.5);box-shadow:0 0 0 1px rgba(0,123,255,.2),0 20px 60px -20px rgba(0,123,255,.5);transform:translateY(-3px)}
.shop-banner{position:relative;height:190px;overflow:hidden;background:#050b1a}
.shop-banner img.shop-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease,ease)}
.shop-card:hover .shop-img{transform:scale(1.05)}
.shop-banner::after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(180deg,transparent,#0b0c11);pointer-events:none}
.shop-mini{position:absolute;top:14px;left:14px;width:24px;height:24px;object-fit:contain;z-index:2}
.shop-badge{position:absolute;top:14px;right:14px;z-index:2;background:rgba(8,9,13,.85);border:1px solid rgba(255,255,255,.14);color:#fff;font-size:11px;font-weight:800;letter-spacing:1px;padding:7px 13px;border-radius:999px;backdrop-filter:blur(6px)}
.shop-body{padding:6px 20px 20px;display:flex;flex-direction:column;flex:1}
.shop-body h3{margin:10px 0 6px;font-size:18px}
.shop-body p{margin:0 0 16px;color:var(--muted);font-size:14px;line-height:1.55}
.shop-foot{margin-top:auto;border-top:1px solid #1a1b22;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.shop-from small{display:block;color:var(--muted);font-size:10.5px;letter-spacing:1px;font-weight:700}
.shop-from strong{font-size:20px}
.shop-btns{display:flex;gap:8px}
.shop-btn{font:inherit;font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;border-radius:999px;padding:11px 18px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:transform .15s,box-shadow .2s,background .2s,border-color .2s}
.shop-btn.ghost{background:transparent;border:1px solid #2a2c36;color:#fff}
.shop-btn.ghost:hover{border-color:#4a4d5c;background:#14151b}
.shop-btn.solid{background:linear-gradient(180deg,#2a8bff,#0a62d6);border:1px solid rgba(255,255,255,.18);color:#fff;box-shadow:0 8px 26px -8px rgba(0,123,255,.8)}
.shop-btn.solid:hover{box-shadow:0 10px 32px -6px rgba(0,123,255,.95);transform:translateY(-1px)}
.shop-btn:active{transform:scale(.97)}
.shop-btn:focus-visible,.cart-btn:focus-visible{outline:2px solid #3d9bff;outline-offset:2px}
.shop-back{background:transparent;border:0;color:var(--blue2,#3d9bff);font-weight:700;cursor:pointer;padding:0;margin-bottom:18px;font-size:13px}
.shop-detail{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:26px;align-items:start}
.shop-detail .shop-banner{height:auto;aspect-ratio:1360/480;border-radius:18px;border:1px solid var(--border)}
.shop-detail .shop-banner::after{display:none}
.shop-detail h2{margin:0 0 8px;font-size:26px}
.shop-detail p{color:var(--muted);line-height:1.6;margin:0 0 18px}
.shop-plans{display:flex;flex-direction:column;gap:10px}
.shop-plan{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0b0c11;border:1px solid var(--border);border-radius:14px;padding:14px 16px}
.shop-plan.best{border-color:rgba(0,123,255,.55)}
.shop-plan .pn{font-weight:800}
.shop-plan .pd{color:var(--muted);font-size:12.5px}
.shop-plan .pp{font-size:18px;font-weight:900;margin-right:4px}
.shop-note{margin-top:16px;color:var(--muted);font-size:12.5px;text-align:center}
.shop-order{max-width:620px;margin:0 auto}
.shop-order h3{text-align:center}
.shop-order .sub{text-align:center}
.shop-keyrow{display:flex;align-items:center;gap:10px;background:#0a0a0f;border:1px solid var(--border);border-radius:12px;padding:12px 14px;margin-top:10px;flex-wrap:wrap}
.shop-keyrow .kl{flex:0 0 100%;color:var(--muted);font-size:12px}
.shop-keyrow code{flex:1;min-width:0;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:15px;word-break:break-all;user-select:all}

/* Cart button (oben rechts) */
.cart-btn{position:relative;flex-shrink:0;width:40px;height:40px;border-radius:50%;background:#16171d;border:1px solid var(--border);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,border-color .2s,transform .15s}
.cart-btn:hover{background:#1e2029;border-color:#3a3d47}
.cart-btn:active{transform:scale(.94)}
.cart-count{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:#007bff;color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #0a0b10}
.cart-btn.bump{animation:cartBump .35s ease}
@keyframes cartBump{40%{transform:scale(1.18)}}

/* Cart Drawer */
.cart-ov{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);z-index:305}
.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:min(410px,100vw);background:#0c0d12;border-left:1px solid var(--border);z-index:310;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s cubic-bezier(.2,.7,.2,1);visibility:hidden}
.cart-drawer.open{transform:none;visibility:visible}
.cart-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border)}
.cart-head h3{margin:0;font-size:18px}
.cart-x{background:transparent;border:0;color:var(--muted);font-size:20px;cursor:pointer;line-height:1;padding:4px 8px;border-radius:8px}
.cart-x:hover{color:#fff;background:#1a1b22}
.cart-items{flex:1;overflow-y:auto;padding:14px 20px}
.cart-empty{color:var(--muted);text-align:center;margin-top:40px;font-size:14px}
.cart-row{display:grid;grid-template-columns:1fr auto;gap:6px 12px;background:#0a0b0f;border:1px solid var(--border);border-radius:14px;padding:12px 14px;margin-bottom:10px}
.cart-row .cn{font-weight:800}
.cart-row .cd{color:var(--muted);font-size:12.5px}
.cart-row .cp{font-weight:900;text-align:right}
.cart-qty{display:inline-flex;align-items:center;gap:8px;margin-top:4px}
.cart-qty button{width:26px;height:26px;border-radius:8px;background:#16171d;border:1px solid var(--border);color:#fff;cursor:pointer;font-size:15px;line-height:1}
.cart-qty button:hover{background:#20222b}
.cart-qty span{min-width:18px;text-align:center;font-weight:700}
.cart-rm{background:transparent;border:0;color:#ff6b6b;font-size:12px;cursor:pointer;text-align:right;align-self:end}
.cart-foot{border-top:1px solid var(--border);padding:16px 20px 20px}
.cart-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:15px}
.cart-total strong{font-size:22px}

/* Plan-Auswahl Modal */
.shop-ov{position:fixed;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:300;opacity:0;pointer-events:none;transition:opacity .2s;padding:20px}
.shop-ov.in{opacity:1;pointer-events:auto}
.shop-modal{width:min(420px,100%);background:#0c0d12;border:1px solid var(--border);border-radius:18px;padding:22px;transform:translateY(10px);transition:transform .2s}
.shop-ov.in .shop-modal{transform:none}
.shop-modal h3{margin:0 0 4px}
.shop-modal .sub{margin:0 0 14px;font-size:13.5px}
.shop-modal .shop-plans{margin-bottom:12px}
.shop-modal .shop-btn.ghost{width:100%;justify-content:center}

@media(max-width:760px){.shop-detail{grid-template-columns:1fr}.shop-foot{flex-wrap:wrap}.shop-btns{width:100%}.shop-btns .shop-btn{flex:1;justify-content:center}}
@media(prefers-reduced-motion:reduce){.shop-card,.shop-img,.cart-drawer,.cart-btn.bump{transition:none;animation:none}}

/* ===================================================================
   KAKTUS MENU - fehlende Styles (Products, Affiliate, Cart, Status,
   Generator, Account, Admin). Blau-Theme wie der Rest der Seite.
   =================================================================== */
[hidden]{display:none!important}
html .pm-gen-banner[hidden],html .pm-hero-art img[hidden]{display:none!important}

/* ---------- Hero / Home ---------- */
.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 14px 7px 12px;margin-bottom:26px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(18,20,28,.7);color:#cfd6e4;font-size:12.5px;font-weight:600;text-decoration:none;transition:border-color .2s,background .2s}
.eyebrow:hover{border-color:rgba(0,123,255,.5);background:rgba(0,123,255,.08)}
.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px #22c55e}
.eyebrow-arr{opacity:.7;transition:transform .2s}
.eyebrow:hover .eyebrow-arr{transform:translateX(3px)}
.lstat{display:flex;align-items:center;gap:14px;text-align:left}
.lstat-ic{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;color:var(--blue2);background:rgba(0,123,255,.12);border:1px solid rgba(0,123,255,.25);flex-shrink:0}
.lstat-text strong{display:block;font-size:20px;line-height:1.1}
.trust-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;margin-top:34px}
.trust-item{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;font-weight:600}
.trust-item svg{color:var(--blue2)}

/* ---------- Gemeinsame Titel (Products / Affiliate) ---------- */
.pm-wrap,.aff-wrap{max-width:1100px;margin:0 auto;padding:30px 4px 60px}
.pm-title{font-size:clamp(30px,4.4vw,46px);font-weight:900;letter-spacing:-1.2px;line-height:1.08;margin:6px 0 10px;text-align:center;background:linear-gradient(180deg,#fff,#a9b4c9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.pm-sub{color:var(--muted);text-align:center;max-width:640px;margin:0 auto 30px;font-size:15px;line-height:1.6}
.pm-all-title{font-size:20px;font-weight:800;margin:44px 0 16px;letter-spacing:-.3px}
.prod-note{color:var(--muted);font-size:13.5px;margin-top:30px}
.center{text-align:center}

/* ---------- Banner-Grundlagen ---------- */
.hue-violet,.hue-blue{--hue:0}
.pm-tag{display:inline-block;padding:5px 11px;border-radius:999px;background:rgba(8,9,13,.78);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(6px);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}
.pm-banner{border-radius:16px 16px 0 0}

/* ---------- Featured Hero ---------- */
.pm-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;align-items:stretch;padding:18px;border-radius:22px;background:linear-gradient(180deg,rgba(18,20,28,.9),rgba(11,12,17,.94));border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}
.pm-hero-art{position:relative;aspect-ratio:16/9;align-self:center;border-radius:16px;overflow:hidden;background:#0d0d13;container-type:inline-size;transition:opacity .26s,transform .26s}
.pm-hero-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.pm-hero-art .pm-hero-gen{position:absolute;inset:0}
.pm-hero-info{display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-width:0;padding:6px 6px 6px 0}
.pm-hero-swap{transition:opacity .26s,transform .26s}
.pm-hero-swap h3{font-size:28px;font-weight:900;letter-spacing:-.6px;margin:0 0 8px}
.pm-hero-swap .muted{line-height:1.65;font-size:14.5px;margin:0 0 18px}
.pm-hero.swapping .pm-hero-swap,.pm-hero.swapping .pm-hero-art{opacity:0;transform:translateY(6px)}
.pm-hero-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:16px;border-top:1px solid rgba(255,255,255,.07)}
.pm-from small{display:block;color:var(--muted);font-size:10.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}
.pm-from span{font-size:30px;font-weight:900;letter-spacing:-.8px}
.pm-hero-cta{display:flex;gap:10px;flex-wrap:wrap}

/* Plan-Kacheln (Hero, Details-Fenster) */
.pm-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px}
.pm-tile{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 8px;border-radius:12px;background:#0b0c11;border:1px solid var(--border);color:#fff;font:inherit;text-align:center}
.pm-tile span{font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.6px;text-transform:uppercase}
.pm-tile strong{font-size:16px;font-weight:900}
.pm-tile.pick{cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.pm-tile.pick:hover{border-color:rgba(0,123,255,.55);transform:translateY(-2px)}
.pm-tile.pick.on{border-color:var(--blue);background:rgba(0,123,255,.14);box-shadow:0 0 0 1px rgba(0,123,255,.35),0 10px 26px -12px rgba(0,123,255,.7)}
.pm-tile.pick.on span{color:#9fcbff}

/* ---------- Produkt-Grid ---------- */
.pm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.pm-card{display:flex;flex-direction:column;overflow:hidden;border-radius:18px;background:linear-gradient(180deg,#0d0e14,#090a0e);border:1px solid var(--border);transition:transform .25s,border-color .25s,box-shadow .25s}
.pm-card:hover{transform:translateY(-4px);border-color:rgba(0,123,255,.5);box-shadow:0 20px 60px -20px rgba(0,123,255,.45)}
.pm-body{display:flex;flex-direction:column;flex:1;padding:6px 20px 20px}
.pm-body h4{margin:10px 0 6px;font-size:18px;letter-spacing:-.2px}
.pm-body .muted{margin:0 0 16px;font-size:14px;line-height:1.55}
.pm-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid #1a1b22}
.pm-price{font-size:22px;font-weight:900;letter-spacing:-.5px}
.pm-price small{display:block;color:var(--muted);font-size:10.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.pm-btns{display:flex;gap:8px}

/* Details-Fenster */
.pmod-body h2{font-size:26px;font-weight:900;letter-spacing:-.6px;margin:0 0 8px}
.pmod-body .muted{line-height:1.65;margin:0 0 16px}
.feat-list{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:9px}
.feat-list li{position:relative;padding-left:26px;font-size:14px;color:#d5d9e2;line-height:1.5}
.feat-list li::before{content:"";position:absolute;left:0;top:3px;width:16px;height:16px;border-radius:50%;background:rgba(34,197,94,.15) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322c55e' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/10px no-repeat}
.pmod-foot{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.pmod-foot .btn{flex:1;text-align:center;justify-content:center;text-decoration:none}

/* ---------- Affiliate ---------- */
.aff-hero{text-align:center;margin-bottom:28px}
.aff-hero-badge{display:inline-block;padding:6px 14px;margin-bottom:14px;border-radius:999px;border:1px solid rgba(0,123,255,.4);background:rgba(0,123,255,.1);color:#9fcbff;font-size:11px;font-weight:800;letter-spacing:1.6px}
.aff-grad{background:linear-gradient(92deg,#5eb0ff,#007bff 55%,#2f6bff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.aff-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:720px;margin:26px auto 0}
.aff-tier{position:relative;padding:22px 14px;border-radius:16px;background:linear-gradient(180deg,rgba(18,20,28,.9),rgba(11,12,17,.92));border:1px solid var(--border);text-align:center;transition:border-color .25s,box-shadow .25s,transform .25s}
.aff-tier strong{display:block;font-size:30px;font-weight:900;letter-spacing:-1px}
.aff-tier span{display:block;margin-top:4px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:1.4px}
.aff-check{position:absolute;top:-10px;left:50%;transform:translateX(-50%);padding:3px 10px;border-radius:999px;background:var(--blue);color:#fff;font-size:10px;font-weight:800;font-style:normal;letter-spacing:1px}
.aff-tier.active{border-color:var(--blue);background:linear-gradient(180deg,rgba(0,123,255,.16),rgba(11,12,17,.92));box-shadow:0 0 0 1px rgba(0,123,255,.3),0 16px 44px -18px rgba(0,123,255,.7)}
.aff-guest{text-align:center;padding:26px;border-radius:16px;background:var(--panel);border:1px solid var(--border)}
.aff-link-row{display:flex;gap:10px;margin:12px 0}
.aff-link-row input{flex:1;min-width:0;font-family:ui-monospace,Consolas,monospace}
.aff-link-card .muted{margin:0}

/* ---------- Cart ---------- */
.cart-ov{opacity:0;transition:opacity .25s}
.cart-ov.show{opacity:1}
.cart-body{flex:1;overflow-y:auto;padding:14px 20px}
.cart-head-n{color:var(--muted);font-size:13px;font-weight:600}
.cart-coupon{display:flex;gap:8px;margin-bottom:8px}
.cart-coupon input{flex:1;min-width:0;background:#0b0c11;border:1px solid var(--border);border-radius:10px;padding:10px 12px;color:#fff;font:inherit;font-size:13px;outline:none;text-transform:uppercase}
.cart-coupon input:focus{border-color:var(--blue)}
.cart-coupon button{background:#16171d;border:1px solid var(--border);border-radius:10px;padding:0 16px;color:#fff;font-weight:700;font-size:12px;cursor:pointer}
.cart-coupon button:hover{border-color:rgba(0,123,255,.55)}
.cart-coupon-msg{font-size:12.5px;margin-bottom:10px;color:var(--muted)}
.cart-coupon-msg.ok{color:#4ade80}
.cart-coupon-msg.err,.cart-coupon-msg.bad{color:#ff6b6b}
.cart-foot .cart-row{display:flex;justify-content:space-between;align-items:center;background:none;border:0;border-radius:0;padding:4px 0;margin:0;font-size:14px;color:#cfd3da}
.cart-foot .cart-row.disc{color:#4ade80}
.cart-foot .cart-row.total{margin:8px 0 14px;padding-top:12px;border-top:1px solid var(--border);color:#fff;font-size:15px}
.cart-foot .cart-row.total strong{font-size:22px}
.btn-cart{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.btn-cart svg{width:17px;height:17px;flex-shrink:0}
.cart-clear{display:block;margin:12px auto 0;background:none;border:0;color:var(--muted);font-size:12.5px;cursor:pointer}
.cart-clear:hover{color:#ff6b6b}
.cart-item{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;padding:12px;margin-bottom:10px;border-radius:14px;background:#0a0b0f;border:1px solid var(--border)}
.cart-thumb{width:72px;height:72px;border-radius:10px;overflow:hidden;background:#0d0d13;border:1px solid #1e1e28}
.cart-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.cart-thumb.hue-rose img{filter:hue-rotate(95deg) saturate(1.5) brightness(1.05)}
.cart-info{min-width:0;display:flex;flex-direction:column;gap:8px}
.cart-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.cart-top strong{font-size:14.5px}
.cart-top .cart-rm{font-size:20px;line-height:1;padding:0 4px;align-self:auto}
.cart-pills{display:flex;flex-wrap:wrap;gap:6px}
.cart-pill{padding:5px 10px;border-radius:999px;background:#13151b;border:1px solid var(--border);color:#cfd3da;font:inherit;font-size:11.5px;font-weight:700;cursor:pointer;transition:border-color .15s,background .15s}
.cart-pill:hover{border-color:rgba(0,123,255,.55)}
.cart-pill.on{background:rgba(0,123,255,.18);border-color:var(--blue);color:#fff}
.cart-rowline{display:flex;justify-content:space-between;align-items:center}
.cart-price{font-weight:900;font-size:15px}

/* ---------- Status-Seite ---------- */
.status-wrap{max-width:760px;margin:0 auto;padding:34px 0 60px}
.status-head{margin-bottom:22px}
.status-banner{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:14px;font-weight:700;border:1px solid var(--border);background:#12131a;margin-bottom:18px}
.status-banner-dot{width:11px;height:11px;border-radius:50%;background:#7a8190;flex-shrink:0}
.status-banner.ok{border-color:rgba(34,197,94,.4);background:rgba(34,197,94,.08);color:#86efac}
.status-banner.ok .status-banner-dot{background:#22c55e;box-shadow:0 0 12px #22c55e}
.status-banner.warn{border-color:rgba(250,204,21,.4);background:rgba(250,204,21,.08);color:#fde68a}
.status-banner.warn .status-banner-dot{background:#facc15;box-shadow:0 0 12px #facc15}
.status-banner.down{border-color:rgba(239,68,68,.45);background:rgba(239,68,68,.08);color:#fca5a5}
.status-banner.down .status-banner-dot{background:#ef4444;box-shadow:0 0 12px #ef4444}
.status-banner.maint{border-color:rgba(0,123,255,.45);background:rgba(0,123,255,.08);color:#9fcbff}
.status-banner.maint .status-banner-dot{background:#3d9bff;box-shadow:0 0 12px #3d9bff}
.status-list{display:grid;gap:10px}
.status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-radius:14px;background:linear-gradient(180deg,rgba(18,20,28,.9),rgba(11,12,17,.92));border:1px solid var(--border)}
.status-row-name{display:flex;align-items:center;gap:12px;font-weight:700}
.status-ic{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;color:var(--blue2);background:rgba(0,123,255,.12)}
.status-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;background:#16171d;border:1px solid var(--border);color:#9aa0ab}
.status-pill .dot{width:8px;height:8px;border-radius:50%;background:#7a8190}
.status-pill.operational{color:#86efac;border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.08)}
.status-pill.operational .dot{background:#22c55e;box-shadow:0 0 8px #22c55e}
.status-pill.degraded{color:#fde68a;border-color:rgba(250,204,21,.35);background:rgba(250,204,21,.08)}
.status-pill.degraded .dot{background:#facc15}
.status-pill.partial_outage{color:#fdba74;border-color:rgba(249,115,22,.4);background:rgba(249,115,22,.08)}
.status-pill.partial_outage .dot{background:#f97316}
.status-pill.major_outage{color:#fca5a5;border-color:rgba(239,68,68,.4);background:rgba(239,68,68,.08)}
.status-pill.major_outage .dot{background:#ef4444}
.status-pill.maintenance{color:#9fcbff;border-color:rgba(0,123,255,.4);background:rgba(0,123,255,.08)}
.status-pill.maintenance .dot{background:#3d9bff}
.status-foot{text-align:center;color:var(--muted);font-size:12.5px;margin-top:18px}
.status-admin-list{display:grid;gap:10px;max-width:520px;margin-bottom:16px}
.status-admin-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:#0b0c10;border:1px solid var(--border);font-weight:700}
.status-admin-sel{background:#13151b;border:1px solid var(--border);border-radius:8px;padding:8px 10px;color:#fff;font:inherit;font-size:13px}

/* ---------- Dashboard: Account / Generator ---------- */
.acc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.acc-cell{padding:12px 14px;border-radius:12px;background:#0a0a0f;border:1px solid var(--border)}
.acc-label{display:block;color:var(--muted);font-size:10.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:4px}
.acc-info{display:grid;gap:0}
.acc-btns .btn{width:100%}
.sub-empty{color:var(--muted);font-size:14px;padding:6px 2px}
.sessions-card,.tfa-card{overflow:hidden}

.gen-limit-bar{position:relative;height:34px;border-radius:10px;overflow:hidden;background:#0a0a0f;border:1px solid var(--border)}
.gen-limit-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#007bff,#3d9bff);transition:width .4s}
.gen-limit-text{position:relative;z-index:1;height:100%;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:800;letter-spacing:.5px}
.gen-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.gen-stat{padding:12px;border-radius:12px;background:#0a0a0f;border:1px solid var(--border);text-align:center}
.gen-stat strong{display:block;font-size:22px}
.gen-stat span{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.gen-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:12px}
.gen-type-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 10px;border-radius:14px;background:#0a0a0f;border:1px solid var(--border);text-align:center;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.gen-type-card:hover{transform:translateY(-2px);border-color:#3a3d47}
.gen-type-card.active{border-color:var(--blue);background:rgba(0,123,255,.12);box-shadow:0 0 0 1px rgba(0,123,255,.3)}
.gen-type-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center}
.gen-type-icon img{width:100%;height:100%;object-fit:contain;display:block}
.gen-controls{display:grid;gap:14px}
.gen-qty-controls{display:flex;align-items:center;gap:8px;margin-top:6px}
.gen-qty-controls input{width:80px;text-align:center;margin:0}
.gen-qty-btn{width:38px;height:38px;border-radius:10px;background:#16171d;border:1px solid var(--border);color:#fff;font-size:18px;cursor:pointer}
.gen-qty-btn:hover{border-color:rgba(0,123,255,.55)}
.btn-icon:empty{display:none}
.gen-output-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.gen-output-actions{display:flex;gap:8px}
.gen-history{display:grid;gap:8px}
.gen-history-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;background:#0a0a0f;border:1px solid var(--border);cursor:pointer}
.gen-history-main{min-width:0;display:grid;gap:2px}
.gen-history-type{font-weight:800;text-transform:capitalize;font-size:12px;color:var(--blue2)}
.gen-history-acc{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;color:#e8e8e8;word-break:break-all}
.gen-history-time{color:var(--muted);font-size:11px}
.gen-history-copy{flex-shrink:0}

/* ---------- Admin ---------- */
.adm-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:start}
.adm-side{position:sticky;top:16px;display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:16px;background:linear-gradient(180deg,rgba(18,20,28,.9),rgba(11,12,17,.92));border:1px solid rgba(255,255,255,.07)}
.adm-me{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
.adm-side .atabs{flex-direction:column;flex-wrap:nowrap;gap:6px;margin:0}
.adm-side .atab{width:100%;justify-content:flex-start;text-align:left}
.adm-reload{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.adm-main{min-width:0}
.adm-top h3{margin:0 0 14px;font-size:22px;font-weight:900;letter-spacing:-.4px}

.ap-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.ap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.ap-card{display:flex;flex-direction:column;overflow:hidden;border-radius:16px;background:#0b0c11;border:1px solid var(--border)}
.ap-card.off{opacity:.6}
.ap-banner{position:relative;aspect-ratio:16/9;background:#0d0d13;overflow:hidden}
.ap-banner img{width:100%;height:100%;object-fit:cover;display:block}
.ap-banner.hue-rose img{filter:hue-rotate(95deg) saturate(1.5) brightness(1.05)}
.ap-noimg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:1.5px}
.ap-tag{position:absolute;top:10px;left:10px;padding:3px 9px;border-radius:999px;background:rgba(8,9,13,.8);border:1px solid rgba(255,255,255,.16);font-size:10px;font-weight:800;letter-spacing:1px}
.ap-state{position:absolute;top:10px;right:10px}
.ap-body{display:flex;flex-direction:column;gap:12px;padding:14px}
.ap-body h4{margin:0 0 3px;font-size:16px}
.ap-body small{color:var(--muted);font-size:11.5px}
.ap-plans{display:flex;flex-wrap:wrap;gap:6px}
.ap-plan{padding:5px 9px;border-radius:8px;background:#13151b;border:1px solid var(--border);font-size:11.5px}
.ap-plan small{margin-left:4px}
.ap-acts{display:flex;gap:8px;flex-wrap:wrap}

.cp-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;align-items:end;margin-bottom:16px;padding:14px;border-radius:14px;background:#0b0c10;border:1px solid var(--border)}
.cp-form label{margin:0;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}
.cp-form label input,.cp-form label select{margin-top:6px}
.cp-check{display:flex;align-items:center;gap:8px;text-transform:none!important;letter-spacing:0!important;font-size:13px!important;color:#cfd3da!important}
.cp-check input{width:auto;margin:0}
.cp-code{font-family:ui-monospace,Consolas,monospace;font-weight:800;letter-spacing:.5px}

/* Produkt-Editor (Admin) */
.pe-modal{max-width:640px!important;max-height:90vh;overflow-y:auto}
.pe-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pe-grid>.full,.pe-grid .full{grid-column:1/-1}
.pe-grid label{display:block;margin:0;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.pe-grid label input:not([type=checkbox]),.pe-grid label select,.pe-grid label textarea{display:block;width:100%;margin-top:6px}
.pe-access-t{display:block;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.pe-access-t small{text-transform:none;letter-spacing:0;font-weight:500}
.pe-access-row{display:flex;flex-wrap:wrap;gap:8px}
.pe-grid label.pe-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#13151b;border:1px solid var(--border);color:#cfd3da;font-size:12.5px;text-transform:none;letter-spacing:0;cursor:pointer}
.pe-chip input{width:auto;margin:0}
.pe-chip:has(input:checked){border-color:var(--blue);background:rgba(0,123,255,.16);color:#fff}
.pe-grid label.pe-check{display:flex;align-items:center;gap:8px;text-transform:none;letter-spacing:0;font-size:13px;color:#cfd3da}
.pe-check input{width:auto;margin:0}
.pe-hint{color:var(--muted);font-size:12px;line-height:1.5}
.pe-plans{display:grid;gap:8px}
.pe-plans>*{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:8px;align-items:center}
.pe-plans input{margin:0!important}
.pl-l,.pl-d,.pl-p{min-width:0}
.pe-x{background:transparent;border:0;color:#ff6b6b;font-size:20px;line-height:1;cursor:pointer;padding:4px 8px;border-radius:8px}
.pe-x:hover{background:rgba(255,107,107,.12)}
.pe-presets{display:flex;flex-wrap:wrap;gap:6px}
.pe-presets button,.pe-add{padding:6px 11px;border-radius:999px;background:#13151b;border:1px solid var(--border);color:#cfd3da;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.pe-presets button:hover,.pe-add:hover{border-color:rgba(0,123,255,.55);color:#fff}
.pe-add{border-style:dashed}

/* ---------- Responsive ---------- */
@media(max-width:860px){
  .pm-hero{grid-template-columns:1fr;padding:14px}
  .pm-hero-info{padding:0 4px 4px}
  .adm-shell{grid-template-columns:1fr}
  .adm-side{position:static}
  .adm-side .atabs{flex-direction:row;flex-wrap:wrap}
  .adm-side .atab{width:auto}
}
@media(max-width:560px){
  .aff-tiers{gap:8px}
  .aff-tier strong{font-size:22px}
  .pe-grid{grid-template-columns:1fr}
  .pe-plans>*{grid-template-columns:1fr 1fr}
  .pm-grid{grid-template-columns:1fr}
  .gen-stats{grid-template-columns:1fr 1fr 1fr}
  .aff-link-row{flex-direction:column}
}

/* ---------- Products: Collection-Karten (wie Shop-Vorlage) ---------- */
.pm-grid.coll{grid-template-columns:repeat(auto-fit,minmax(280px,380px));justify-content:center;gap:20px}
.pm-coll{display:block;width:100%;padding:0;text-align:left;font:inherit;color:inherit;cursor:pointer;overflow:hidden;border-radius:18px;background:linear-gradient(180deg,#0e1016,#090a0e);border:1px solid #23252d;transition:transform .25s,border-color .25s,box-shadow .25s}
.pm-coll:hover{transform:translateY(-4px);border-color:rgba(0,123,255,.6);box-shadow:0 22px 60px -24px rgba(0,123,255,.45)}
.pm-coll:focus-visible{outline:2px solid #3d9bff;outline-offset:3px}
.pm-coll-media{display:block;padding:9px 9px 0}
html .pm-coll .pm-banner{border-radius:12px!important}
html .pm-coll .pm-banner::after{display:none!important}
html .pm-coll:hover .pm-banner>img{transform:scale(1.04)}
.pm-coll-body{display:flex;flex-direction:column;gap:6px;margin-top:9px;padding:20px 22px 22px;border-top:1px solid #1c1e26}
.pm-coll-name{font-size:22px;font-weight:800;letter-spacing:-.4px;color:#fff}
.pm-coll-count{font-size:15px;color:var(--muted)}
.pm-coll-price{font-size:19px;font-weight:800;color:#3d9bff;letter-spacing:-.2px;margin-top:4px}
.pm-coll-link{display:inline-flex;align-items:center;gap:7px;margin-top:12px;font-size:12.5px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;color:#3d9bff}
.pm-coll-link svg{transition:transform .2s}
.pm-coll:hover .pm-coll-link svg{transform:translateX(4px)}

/* ---------- Banner colors (Blue / Green / Purple = default) ---------- */
.hue-blue img,img.hue-blue{filter:hue-rotate(-65deg) saturate(1.25) brightness(1.05)}
.hue-green img,img.hue-green{filter:hue-rotate(-140deg) saturate(1.3) brightness(1.05)}

/* ---- Ranks ---- */
.rank-founder{color:#ffc83d;border-color:#ffc83d;text-shadow:0 0 10px rgba(255,200,61,.35)}
.rank-co_owner{color:#ff7a3d;border-color:#ff7a3d}
.rank-admin{color:#3ddc97;border-color:#3ddc97}
.rank-media_management{color:#b36bff;border-color:#b36bff}
.rank-moderator{color:#2fd0d0;border-color:#2fd0d0}
.rank-supporter{color:#4da3ff;border-color:#4da3ff}
/* ---- Live Stock ---- */
.stock-state{display:inline-block;margin-top:10px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;border:1px solid var(--border);color:var(--muted)}
.stock-state.ok{color:#2ecc71;border-color:#2ecc71}
.stock-state.low{color:#ff9900;border-color:#ff9900}
.stock-state.out{color:#ff4d5e;border-color:#ff4d5e}

.stock-icon img{height:40px;width:auto;max-width:48px;object-fit:contain;display:block;margin:0 auto}
.stock-icon img.wide{max-width:110px;height:auto;max-height:40px}
.gen-type-icon.wide{width:96px}

.gen-type-card .gen-stock{font-weight:700;letter-spacing:.02em}
.gen-type-card .gen-stock.ok{color:#2ecc71}
.gen-type-card .gen-stock.low{color:#ff9900}
.gen-type-card .gen-stock.out{color:#ff4d5e}
.gen-type-card.disabled{filter:grayscale(1);opacity:.4;cursor:not-allowed;background:#111216;border-color:var(--border);box-shadow:none}
.gen-type-card.disabled:hover{transform:none;border-color:var(--border)}

/* ===== Generator: loading spinner im Generate-Button ===== */
.btn-spinner{display:inline-block;width:14px;height:14px;margin-right:9px;vertical-align:-2px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:btnSpin .7s linear infinite}
@keyframes btnSpin{to{transform:rotate(360deg)}}
#genBtn.is-loading{cursor:progress;opacity:.9;animation:none}
#genBtn.is-loading::after{display:none}
@media(prefers-reduced-motion:reduce){.btn-spinner{animation-duration:1.6s}}

/* ===== Affiliate page: everything centered ===== */
.aff-wrap{max-width:820px;display:flex;flex-direction:column;align-items:center;text-align:center}
.aff-wrap > *{width:100%}
.aff-tiers{grid-template-columns:minmax(0,260px);justify-content:center}
.aff-guest{max-width:560px;margin:0 auto 20px}
.aff-wrap .dash-card{text-align:center;margin-left:auto;margin-right:auto}
.aff-wrap .sect,.aff-wrap .sect.tight{text-align:center}
.aff-wrap .dash-counts{justify-content:center}
.aff-wrap .dash-count{text-align:center;flex:0 1 170px}
.aff-wrap .dash-count::after{display:none}
.aff-wrap .aff-link-row{justify-content:center}
.aff-wrap .aff-link-row input{text-align:center}
.aff-wrap .gen-limit-text{text-align:center;justify-content:center}
.aff-wrap .table-wrap{margin:0 auto}
.aff-wrap .tbl th,.aff-wrap .tbl td{text-align:center}
@media (max-width:640px){.aff-wrap .dash-count{flex:1 1 40%}}

.gen-reset{margin-top:14px;padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.03)}
.gen-reset-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;margin-bottom:6px}
.gen-reset-row b{font-variant-numeric:tabular-nums;letter-spacing:.5px;font-size:15px}
.gen-reset p{margin:6px 0 0}

/* === Enhanced Generator UI === */
.gen-limit-fill{background:linear-gradient(90deg,#0044bb,#007bff,#33a0ff);transition:width .6s cubic-bezier(.25,.46,.45,.94)}
.gen-limit-bar{border-radius:10px;overflow:hidden;background:#0a0a0f;border:1px solid var(--border)}
.gen-stat{background:linear-gradient(160deg,#0a0f1a 60%,#0d1220);border:1px solid var(--border);border-radius:12px;padding:14px;text-align:center;transition:border-color .15s,transform .15s}
.gen-stat:hover{border-color:#1e2a45;transform:translateY(-1px)}
.gen-stat strong{display:block;font-size:24px;font-weight:800;letter-spacing:-.5px;color:#fff}
.gen-type-card{border-radius:16px;background:#0c0d14;border:1px solid var(--border);padding:18px 10px 14px;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s;position:relative;overflow:hidden}
.gen-type-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,123,255,.06) 0%,transparent 55%);opacity:0;transition:opacity .2s;pointer-events:none}
.gen-type-card:hover{transform:translateY(-3px);border-color:#1e3060;box-shadow:0 6px 24px rgba(0,0,0,.4)}
.gen-type-card:hover::after{opacity:1}
.gen-type-card.active{border-color:#007bff;background:rgba(0,123,255,.1);box-shadow:0 0 0 1px rgba(0,123,255,.25),0 4px 28px rgba(0,123,255,.12)}
.gen-type-card.active::after{opacity:1}
.gen-type-icon{width:48px;height:48px;border-radius:12px;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;margin-bottom:2px}
.gen-type-icon img{width:32px;height:32px;object-fit:contain}
.gen-qty-btn{width:38px;height:38px;border-radius:10px;background:#13131a;border:1px solid var(--border);color:#fff;font-size:18px;cursor:pointer;transition:border-color .15s,background .15s}
.gen-qty-btn:hover{border-color:rgba(0,123,255,.5);background:#0e1525}
.gen-history-item{border-radius:12px;background:#0c0d14;border:1px solid var(--border);transition:border-color .15s,background .15s}
.gen-history-item:hover{border-color:#1e2a45;background:#0e1020}
.gen-history-type{color:#007bff}
#genBtn{background:linear-gradient(135deg,#0044bb,#007bff);border:none;font-weight:700;letter-spacing:.03em;transition:opacity .15s,transform .12s,box-shadow .15s}
#genBtn:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 4px 20px rgba(0,123,255,.35)}
#genBtn:active{transform:translateY(0)}
#genBtn:disabled{background:#1a1a2a;color:#555;cursor:not-allowed;box-shadow:none}

/* === Streak UI === */
.gen-streak-card{background:linear-gradient(135deg,#090e1a 0%,#0d1425 100%);border:1px solid #1a2a4a;border-radius:16px;padding:20px;margin-top:0}
.streak-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.streak-flame{font-size:36px;line-height:1}
.streak-info{flex:1;min-width:0}
.streak-days{font-size:28px;font-weight:800;color:#fff;line-height:1.1}
.streak-days span{font-size:14px;font-weight:400;color:#7a8aaa;margin-left:4px}
.streak-sub{font-size:12px;color:#7a8aaa;margin-top:2px}
.streak-milestones{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}
.streak-mile{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;background:#111825;border:1px solid #1e2a40;color:#5a7aaa;transition:background .2s,border-color .2s,color .2s}
.streak-mile.reached{background:rgba(0,123,255,.15);border-color:#007bff;color:#6ab4ff}
.streak-claim-btn{padding:10px 22px;border-radius:10px;background:linear-gradient(135deg,#0044bb,#007bff);border:none;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:opacity .15s,transform .12s;white-space:nowrap}
.streak-claim-btn:hover{opacity:.88;transform:translateY(-1px)}
.streak-claim-btn:disabled{background:#1a1a2a;color:#556;cursor:not-allowed}

/* === Leaderboard === */
.gen-leaderboard{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.lb-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;background:#0c0d14;border:1px solid var(--border);transition:border-color .15s}
.lb-row:hover{border-color:#1e2a45}
.lb-rank{width:28px;text-align:center;font-size:15px;font-weight:800;color:#4a6090}
.lb-rank.gold{color:#ffd700}
.lb-rank.silver{color:#c0c8d8}
.lb-rank.bronze{color:#cd7f32}
.lb-user{flex:1;font-size:13px;font-weight:600;color:#ddeeff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-count{font-size:13px;color:#007bff;font-weight:700;white-space:nowrap}

/* === Output privacy blur === */
.gen-privacy-btn{padding:6px 14px;border-radius:8px;background:#111825;border:1px solid #1e2a40;color:#7a8aaa;font-size:12px;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s}
.gen-privacy-btn:hover{border-color:#007bff;color:#6ab4ff}
.gen-privacy-btn.revealed{border-color:#007bff;color:#007bff}
.gen-output-blurred .keyitem{filter:blur(5px);transition:filter .2s;user-select:none}
.gen-output-blurred.revealed .keyitem{filter:none;user-select:text}

/* === Dashboard sidebar icons === */
.dash-item{display:flex;align-items:center;gap:9px}
.dash-item svg{flex-shrink:0;opacity:.7}
.dash-item.active svg,.dash-item:hover svg{opacity:1}
.dash-logout{margin-top:auto;color:var(--muted)!important}
.dash-logout:hover{color:#ff6b6b!important}
.dash-page-title{font-size:22px;font-weight:800;letter-spacing:-.4px;margin:0 0 6px;color:#fff}

/* === Streak standalone page === */
.streak-how-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:12px}
.streak-how-item{background:#080d16;border:1px solid #1a2640;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:6px}
.streak-how-icon{font-size:24px;line-height:1}
.streak-how-item strong{font-size:13px;font-weight:700;color:#fff}
.streak-how-item span{font-size:12px;color:#7a8aaa;line-height:1.5}

/* === Affiliate redesign === */
.aff-code-display{display:flex;align-items:center;gap:14px;background:#080d16;border:1px solid #1a2640;border-radius:14px;padding:16px 20px;margin:16px auto;max-width:560px;justify-content:center}
.aff-code-label{font-size:11px;font-weight:700;letter-spacing:1px;color:#5a7aaa;text-transform:uppercase}
.aff-code-value{font-family:monospace;font-size:22px;font-weight:800;color:#6ab4ff;letter-spacing:3px;word-break:break-all}
.aff-code-inline{font-family:monospace;font-size:12px;background:#0a0f1a;padding:3px 7px;border-radius:6px;color:#6ab4ff;letter-spacing:1px}
.aff-claim-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;background:#080d16;border:1px solid #1a2640;margin-bottom:8px}
.aff-claim-row.pending{border-color:rgba(255,200,0,.2);background:rgba(255,200,0,.04)}
.aff-claim-info{flex:1;display:flex;flex-direction:column;gap:2px}
.aff-claim-info strong{font-size:13px;color:#fff}
.aff-claims-card{border-color:rgba(0,200,100,.25)!important;background:rgba(0,200,100,.04)!important}
.aff-claims-card .sect{color:#2ecc71!important}

/* === Admin dashboard: better sidebar + table overflow fix === */
.adm-shell{display:grid;grid-template-columns:200px minmax(0,1fr);gap:0;min-height:600px}
.adm-side{background:#08090e;border-right:1px solid var(--border);padding:20px 12px}
.adm-side .atabs{display:flex;flex-direction:column;gap:4px;margin-top:12px}
.adm-side .atab{display:flex;align-items:center;gap:11px;width:100%;text-align:left;justify-content:flex-start;border-radius:10px;font-size:13px;font-weight:600;padding:10px 14px;border:1px solid transparent;transition:background .15s,border-color .15s,color .15s;color:var(--muted)}
.adm-side .atab svg{width:16px;height:16px;flex-shrink:0;opacity:.75}
.adm-side .atab:hover{background:#101218;color:#fff;border-color:var(--border)}
.adm-side .atab:hover svg{opacity:1}
.adm-side .atab.active{background:rgba(0,123,255,.12);border-color:rgba(0,123,255,.35);color:#6ab4ff}
.adm-side .atab.active svg{opacity:1}
.adm-me{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 2px 16px;border-bottom:1px solid var(--border);font-size:12px}
.adm-main{padding:20px 24px;min-width:0;overflow:hidden}
.adm-top{margin-bottom:18px}
.adm-top h3{margin:0;font-size:18px;font-weight:800}
.adm-reload{width:100%;margin-top:16px;justify-content:center;display:flex;align-items:center;gap:8px}
/* Fix action buttons overflowing in user table */
.u-acts{display:flex;flex-wrap:wrap;gap:4px}
.btn.xs{padding:5px 10px;font-size:11px;border-radius:7px;letter-spacing:.5px}
.u-wrap{overflow-x:auto}
/* Mobile admin: sidebar becomes a swipeable tab strip above the content */
@media(max-width:860px){
  .adm-shell{grid-template-columns:minmax(0,1fr);min-height:0}
  .adm-side{position:static;border-right:0;border-bottom:1px solid var(--border);padding:12px}
  .adm-me{padding:4px 2px 10px}
  .adm-side .atabs{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:6px;margin-top:10px;padding-bottom:4px;scrollbar-width:none}
  .adm-side .atabs::-webkit-scrollbar{display:none}
  .adm-side .atab{width:auto;flex-shrink:0;padding:8px 12px;font-size:12px;gap:8px}
  .adm-reload{margin-top:10px}
  .adm-main{padding:16px 12px}
}

/* === Responsive: mobile dash nav === */
@media(max-width:700px){
  .dash-nav{gap:2px}
  .dash-item{font-size:11px;padding:9px 10px;gap:6px}
  .dash-item svg{width:13px;height:13px}
}

/* ============================================================
   GENERATOR — Cockpit redesign
   ============================================================ */
.gen-hero{position:relative;display:flex;align-items:center;gap:28px;flex-wrap:wrap;
  background:linear-gradient(135deg,#0a1020 0%,#0b1426 55%,#0a0d18 100%);
  border:1px solid #16233f;border-radius:20px;padding:28px 30px;overflow:hidden;margin-bottom:16px}
.gen-hero::before{content:"";position:absolute;top:-120px;right:-80px;width:360px;height:360px;
  background:radial-gradient(circle,rgba(0,123,255,.22),transparent 68%);pointer-events:none;filter:blur(10px)}
.gen-hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1.4px);background-size:22px 22px;opacity:.4;pointer-events:none}
.gen-hero-info{flex:1;min-width:260px;position:relative;z-index:1}
.gen-hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:1.4px;
  color:#6ab4ff;background:rgba(0,123,255,.1);border:1px solid rgba(0,123,255,.3);padding:6px 13px;border-radius:999px}
.gen-hero-dot{width:7px;height:7px;border-radius:50%;background:#2ecc71;box-shadow:0 0 0 0 rgba(46,204,113,.6);animation:genPulse 2s infinite}
@keyframes genPulse{0%{box-shadow:0 0 0 0 rgba(46,204,113,.6)}70%{box-shadow:0 0 0 7px rgba(46,204,113,0)}100%{box-shadow:0 0 0 0 rgba(46,204,113,0)}}
.gen-hero-title{font-size:34px;font-weight:900;letter-spacing:-1px;line-height:1.05;margin:16px 0 10px;color:#fff}
.gen-hero-title span{background:linear-gradient(135deg,#007bff,#33a0ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.gen-hero-sub{font-size:14px;color:#8b97ad;max-width:420px;margin:0;line-height:1.55}
.gen-hero .gen-reset{position:relative;z-index:1;margin-top:18px;max-width:420px}

.gen-gauge{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px}
@property --pct{syntax:'<number>';inherits:false;initial-value:100}
.gen-dial{--pct:100;width:172px;height:172px;border-radius:50%;position:relative;
  background:
    radial-gradient(closest-side,#0a0f1c 77%,transparent 78% 100%),
    conic-gradient(from -90deg,#0056ff 0%,#33a0ff calc(var(--pct)*1%),#171c29 calc(var(--pct)*1%));
  transition:--pct .6s ease;filter:drop-shadow(0 0 18px rgba(0,123,255,.25))}
.gen-dial-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.gen-dial-inner strong{font-size:44px;font-weight:900;letter-spacing:-1.5px;color:#fff;line-height:1}
.gen-dial-inner span{font-size:11px;font-weight:700;letter-spacing:1px;color:#6a7a94;text-transform:uppercase}
.gen-gauge-sub{font-size:12px;font-weight:600;color:#8b97ad;letter-spacing:.3px}

.gen-ministats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.gen-ministat{display:flex;align-items:center;gap:13px;background:linear-gradient(160deg,#0b0e16,#0c1019);
  border:1px solid var(--border);border-radius:14px;padding:16px 18px;transition:border-color .18s,transform .18s}
.gen-ministat:hover{border-color:#1e3060;transform:translateY(-2px)}
.gen-ministat-ic{font-size:22px;line-height:1;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(0,123,255,.08);border:1px solid rgba(0,123,255,.15)}
.gen-ministat-body{display:flex;flex-direction:column;min-width:0}
.gen-ministat-body strong{font-size:22px;font-weight:800;letter-spacing:-.5px;color:#fff;line-height:1.1}
.gen-ministat-body span{font-size:11px;color:#7a8498;font-weight:600;letter-spacing:.2px}

/* Premium type-card badges + checkmark */
.gen-select-card .gen-type-card{padding-top:22px}
.gen-type-check{position:absolute;top:9px;right:9px;width:20px;height:20px;border-radius:50%;
  background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;display:none;align-items:center;justify-content:center;
  box-shadow:0 2px 10px rgba(0,123,255,.5);z-index:2}
.gen-type-card.active .gen-type-check{display:flex;animation:genCheckPop .25s ease}
@keyframes genCheckPop{from{transform:scale(0)}to{transform:scale(1)}}
.gen-type-prem{position:absolute;top:9px;left:9px;font-size:9px;font-weight:900;letter-spacing:1px;
  color:#ffd24a;background:rgba(255,200,50,.1);border:1px solid rgba(255,200,50,.3);padding:3px 7px;border-radius:6px;z-index:2}

/* Launch panel */
.gen-launch-card{background:linear-gradient(135deg,#0a1020,#0a0d18);border:1px solid #16233f}
.gen-launch{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap}
.gen-launch-qty{display:flex;flex-direction:column;gap:9px}
.gen-launch-label{font-size:11px;font-weight:800;letter-spacing:1.2px;color:#7a8498}
.gen-launch-btn{flex:1;min-width:220px;height:52px;font-size:14px;padding:0 28px;border-radius:14px;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  background:linear-gradient(135deg,#0044bb,#007bff 55%,#2e9bff);
  box-shadow:0 8px 30px -6px rgba(0,123,255,.55);position:relative;overflow:hidden}
.gen-launch-btn::before{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-20deg);animation:genSheen 3.5s infinite}
@keyframes genSheen{0%{left:-80%}55%,100%{left:160%}}
.gen-launch-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 36px -6px rgba(0,123,255,.7)}
.gen-launch-btn:disabled{background:#1a1a2a;color:#555;box-shadow:none}
.gen-launch-btn:disabled::before{display:none}

@media(prefers-reduced-motion:reduce){
  .gen-hero-dot,.gen-launch-btn::before{animation:none}
}
@media(max-width:760px){
  .gen-hero{padding:22px;gap:20px}
  .gen-hero-title{font-size:27px}
  .gen-gauge{width:100%}
  .gen-dial{width:150px;height:150px}
  .gen-dial-inner strong{font-size:38px}
  .gen-ministats{grid-template-columns:1fr}
  .gen-launch-btn{min-width:100%}
}

/* ============================================================
   ADMIN — Overview Dashboard
   ============================================================ */
.ov-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.ov-kpi{position:relative;background:linear-gradient(160deg,#0c0e16,#0b0d14);border:1px solid var(--border);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px;overflow:hidden;transition:border-color .18s,transform .18s}
.ov-kpi:hover{border-color:#223;transform:translateY(-2px)}
.ov-kpi-ic{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center}
.ov-kpi-ic svg{width:20px;height:20px}
.ov-ic-blue{background:rgba(0,123,255,.12);color:#3d9bff}
.ov-ic-green{background:rgba(46,204,113,.12);color:#2ecc71}
.ov-ic-purple{background:rgba(155,107,255,.14);color:#b36bff}
.ov-ic-orange{background:rgba(255,153,0,.12);color:#ff9f33}
.ov-ic-cyan{background:rgba(0,200,220,.12);color:#2bd4e6}
.ov-kpi-body{display:flex;flex-direction:column}
.ov-kpi-body strong{font-size:26px;font-weight:900;letter-spacing:-.8px;color:#fff;line-height:1}
.ov-kpi-body span{font-size:11px;color:#8a93a6;font-weight:600;margin-top:3px;letter-spacing:.2px}
.ov-kpi-sub{font-size:11px;color:#5f8fd0;font-weight:700}

.ov-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:14px;margin-bottom:14px}
.ov-grid2{display:grid;grid-template-columns:1.5fr 1fr;gap:14px}
.ov-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.ov-chart-total{font-size:12px;font-weight:700;color:#3d9bff;background:rgba(0,123,255,.1);padding:4px 11px;border-radius:999px}

/* Chart */
.ov-chart{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;height:190px;margin-top:18px;padding:0 4px}
.ov-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%}
.ov-bar-wrap{flex:1;width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;position:relative}
.ov-bar{width:70%;max-width:44px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#33a0ff,#0056ff);box-shadow:0 0 16px rgba(0,123,255,.3);transition:height .5s cubic-bezier(.25,.46,.45,.94);min-height:3px}
.ov-bar-col.today .ov-bar{background:linear-gradient(180deg,#7fdcff,#1f8bff);box-shadow:0 0 24px rgba(0,160,255,.55)}
.ov-bar-col.today .ov-bar-label{color:#6ab4ff}
.ov-chart.reg .ov-bar{background:linear-gradient(180deg,#5ee39a,#16a35a);box-shadow:0 0 16px rgba(46,204,113,.28)}
.ov-chart.reg .ov-bar-col.today .ov-bar{background:linear-gradient(180deg,#8bf5bb,#1fbf6a);box-shadow:0 0 24px rgba(46,204,113,.5)}
.ov-chart.reg .ov-bar-col.today .ov-bar-label{color:#5ee39a}
.ov-chart.anim .ov-bar{transform-origin:bottom;animation:ovBarGrow .7s cubic-bezier(.2,.8,.2,1) both}
@keyframes ovBarGrow{from{transform:scaleY(0);opacity:.3}to{transform:scaleY(1);opacity:1}}
.ov-bar-val{font-size:12px;font-weight:800;color:#cfe6ff}
.ov-bar-label{font-size:11px;font-weight:700;color:#7a8498;letter-spacing:.3px}

/* Top generators */
.ov-topgens{display:flex;flex-direction:column;gap:7px;margin-top:10px}
.ov-topgen{display:flex;align-items:center;gap:11px;padding:9px 12px;background:#0a0d14;border:1px solid var(--border);border-radius:10px}
.ov-tg-rank{font-size:15px;font-weight:800;width:22px;text-align:center}
.ov-tg-mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.ov-tg-name{font-size:13px;font-weight:700;color:#dce7f5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ov-tg-bar{display:block;height:4px;border-radius:99px;background:#151925;overflow:hidden}
.ov-tg-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#0056ff,#33a0ff)}
.ov-tg-count{font-size:13px;font-weight:800;color:#3d9bff}

/* System status */
.ov-system{display:flex;flex-direction:column;gap:7px;margin-top:10px}
.ov-sys-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#aab3c2;padding:7px 2px}
.ov-sys-pill{font-size:11px;font-weight:800;letter-spacing:.4px;padding:3px 11px;border-radius:999px}
.ov-sys-pill.on{color:#2ecc71;background:rgba(46,204,113,.12)}
.ov-sys-pill.off{color:#8a93a6;background:rgba(255,255,255,.05)}

/* Recent activity */
.ov-activity{display:flex;flex-direction:column;margin-top:8px;max-height:360px;overflow-y:auto}
.ov-act-row{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid #15171f}
.ov-act-row:last-child{border-bottom:none}
.ov-act-dot{width:8px;height:8px;border-radius:50%;background:#3d9bff;flex-shrink:0}
.ov-act-dot.purple{background:#b36bff}
.ov-act-dot.green{background:#2ecc71}
.ov-act-dot.red{background:#ff5368}
.ov-act-body{flex:1;display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.ov-act-main{font-size:13px;color:#aeb6c4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ov-act-main b{color:#fff;font-weight:700}
.ov-act-time{font-size:11px;color:#6a7486;white-space:nowrap;flex-shrink:0}

/* Quick actions */
.ov-quick{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}
.ov-quick-btn{display:flex;align-items:center;gap:9px;padding:13px 14px;background:#0a0d14;border:1px solid var(--border);border-radius:11px;color:#dce7f5;font-size:13px;font-weight:700;cursor:pointer;text-align:left;transition:border-color .15s,background .15s,transform .12s}
.ov-quick-btn:hover{border-color:rgba(0,123,255,.5);background:#0d1424;transform:translateY(-1px)}
.ov-qb-ic{font-size:16px;line-height:1}
.ov-quick-btn.danger-on{border-color:rgba(255,80,100,.5);background:rgba(255,80,100,.08);color:#ff8494}

@media(max-width:1000px){
  .ov-kpis{grid-template-columns:repeat(2,1fr)}
  .ov-grid,.ov-grid2{grid-template-columns:1fr}
}
@media(max-width:560px){
  .ov-kpis{grid-template-columns:1fr 1fr;gap:10px}
  .ov-kpi{padding:14px}
  .ov-kpi-body strong{font-size:22px}
  .ov-chart{height:150px}
}

/* ============================================================
   SHARED — trends, mix bars, type dots
   ============================================================ */
.tr{font-weight:800;font-size:11px;letter-spacing:.2px}
.tr.up{color:#2ecc71}
.tr.down{color:#ff6b6b}
.tr.flat{color:#7a8498}
.tr-l{color:#6f7a8e;font-weight:600;font-size:11px}
.gi-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;vertical-align:1px;flex-shrink:0}
.mix-list{display:flex;flex-direction:column;gap:12px;margin-top:14px}
.mix-row .mix-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;margin-bottom:6px}
.mix-row .mix-head > span{display:flex;align-items:center;color:#dce7f5;font-weight:700}
.mix-row .mix-head b{color:#fff;font-weight:800;font-size:13px;white-space:nowrap}
.mix-row .mix-head b em{font-style:normal;color:#6f7a8e;font-weight:700;margin-left:4px;font-size:12px}
.mix-bar{height:7px;border-radius:99px;background:#131722;overflow:hidden}
.mix-bar span{display:block;height:100%;border-radius:99px;transition:width .6s cubic-bezier(.2,.8,.2,1);opacity:.9}
.mix-tag{font-size:10px;font-weight:900;letter-spacing:.6px;padding:2px 7px;border-radius:6px;margin-left:4px}
.mix-tag.low{color:#ff9f33;background:rgba(255,159,51,.12)}
.mix-tag.out{color:#ff5368;background:rgba(255,83,104,.12);margin-left:0}

/* ============================================================
   GENERATOR — personal analytics
   ============================================================ */
.gen-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.gen-chip{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:#cfe0f5;background:rgba(255,255,255,.04);border:1px solid #223050;padding:7px 13px;border-radius:999px;cursor:pointer;transition:border-color .15s,background .15s,transform .12s;font-family:inherit}
.gen-chip:hover{border-color:rgba(0,123,255,.55);background:rgba(0,123,255,.08);transform:translateY(-1px)}
.gen-chip.static{cursor:default}
.gen-chip.static:hover{transform:none;border-color:#223050;background:rgba(255,255,255,.04)}
.gen-chip.hot{border-color:rgba(255,140,40,.45);background:rgba(255,120,30,.08);color:#ffc28a}
.gen-chip.hot:hover{border-color:rgba(255,140,40,.8);background:rgba(255,120,30,.14)}

.gi-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}
.gi-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:14px;margin-bottom:14px}
.gi-grid > .dash-card{margin:0}

.gi-limbar{display:flex;gap:3px;height:14px;border-radius:99px;overflow:hidden;margin-top:16px;background:#131722}
.gi-limbar .seg{display:block;height:100%;min-width:6px}
.seg.base,.seg-dot.base{background:linear-gradient(90deg,#0056ff,#2e8fff)}
.seg.aff,.seg-dot.aff{background:linear-gradient(90deg,#8e44ff,#b36bff)}
.seg.streak,.seg-dot.streak{background:linear-gradient(90deg,#d9a520,#f0c050)}
.gi-limlegend{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.gi-limlegend > div{display:flex;flex-direction:column;align-items:flex-start;gap:5px;background:#0a0d14;border:1px solid var(--border);border-radius:10px;padding:10px 12px;min-width:0}
.gi-limlegend span{display:flex;align-items:center;gap:7px;font-size:11px;color:#8f9ab0;font-weight:700;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap}
.gi-limlegend b{color:#fff;font-size:18px;font-weight:900;letter-spacing:-.3px;line-height:1}
.seg-dot{width:9px;height:9px;border-radius:3px;flex-shrink:0}
.gi-earn{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}
.gi-earn-btn{display:flex;align-items:center;gap:11px;text-align:left;background:linear-gradient(135deg,#0b1222,#0a0d16);border:1px dashed #263a63;border-radius:12px;padding:11px 13px;cursor:pointer;color:#fff;font-family:inherit;transition:border-color .15s,transform .12s}
.gi-earn-btn:hover{border-color:#3d9bff;border-style:solid;transform:translateY(-1px)}
.gi-earn-btn > span{font-size:20px;line-height:1}
.gi-earn-btn b{display:block;font-size:13px;font-weight:800}
.gi-earn-btn em{display:block;font-style:normal;font-size:11px;color:#7f8aa0;font-weight:600;margin-top:2px}
.gi-unl{display:flex;align-items:center;gap:16px;margin-top:16px;padding:16px;border-radius:14px;background:linear-gradient(135deg,rgba(0,123,255,.12),rgba(155,107,255,.08));border:1px solid rgba(0,123,255,.3)}
.gi-unl > span{font-size:44px;font-weight:900;line-height:1;background:linear-gradient(135deg,#33a0ff,#b36bff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.gi-unl b{font-size:15px;color:#fff}
.gi-unl p{margin:4px 0 0}

.gi-tl{display:flex;flex-direction:column;gap:14px;margin-top:16px}
.gi-tl-head{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-bottom:7px}
.gi-tl-head > span{display:flex;align-items:center;color:#dce7f5;font-weight:700}
.gi-tl-head b{font-size:13px;font-weight:800;color:#fff}
.gi-tl-head b.warn{color:#ff9f33}
.gi-tl-head b.full{color:#ff6b6b}
.gi-tl-bar{height:8px;border-radius:99px;background:#131722;overflow:hidden}
.gi-tl-bar span{display:block;height:100%;border-radius:99px;transition:width .6s cubic-bezier(.2,.8,.2,1)}
.gi-tl-bar span.ok{background:linear-gradient(90deg,#0056ff,#33a0ff)}
.gi-tl-bar span.warn{background:linear-gradient(90deg,#ff7a1a,#ffb347)}
.gi-tl-bar span.full{background:linear-gradient(90deg,#d6283c,#ff5368)}
.gi-tl-note{margin:2px 0 0;font-size:11.5px}

.gen-launch-presets{display:flex;flex-direction:column;gap:9px}
.gen-launch .gen-qty-controls{margin-top:0}
.gen-launch .gen-qty-controls input,.gen-launch .gen-qty-btn,.gen-launch .gen-preset{height:44px;box-sizing:border-box}
.gen-launch .gen-qty-controls input{padding-top:0;padding-bottom:0}
.gen-launch .gen-qty-btn{width:44px}
.gen-presets{display:flex;gap:6px}
.gen-preset{min-width:46px;height:38px;padding:0 12px;border-radius:10px;background:#13131a;border:1px solid var(--border);color:#aab3c2;font-size:13px;font-weight:800;cursor:pointer;font-family:inherit;transition:all .15s}
.gen-preset:hover:not(:disabled){border-color:rgba(0,123,255,.55);color:#fff}
.gen-preset.active{background:rgba(0,123,255,.16);border-color:#007bff;color:#fff;box-shadow:0 0 14px rgba(0,123,255,.25)}
.gen-preset:disabled{opacity:.3;cursor:not-allowed}
.gen-launch-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:14px;padding-top:13px;border-top:1px solid #172038;font-size:12px}
.gen-launch-foot #genSelInfo{display:flex;align-items:center;color:#cfe0f5;font-weight:700}
.gen-launch-tip{color:#6f7a8e;font-weight:600}

/* ============================================================
   ADMIN — header, hero, extra KPI colors, panels
   ============================================================ */
.adm-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.adm-top-l{display:flex;align-items:center;gap:12px}
.adm-live{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:900;letter-spacing:1px;color:#2ecc71;background:rgba(46,204,113,.1);border:1px solid rgba(46,204,113,.3);padding:4px 11px;border-radius:999px}
.adm-live em{font-style:normal;font-weight:700;letter-spacing:.2px;color:#6f9a80}
.adm-live em:not(:empty)::before{content:"\00b7";margin:0 6px 0 2px;color:#3f6a52}
.adm-live-dot{width:7px;height:7px;border-radius:50%;background:#2ecc71;animation:genPulse 1.8s infinite}
.adm-cmdk{display:inline-flex;align-items:center;gap:10px;min-width:260px;background:#0b0d14;border:1px solid var(--border);border-radius:11px;padding:9px 12px;color:#7a8498;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:border-color .15s,color .15s}
.adm-cmdk:hover{border-color:rgba(0,123,255,.5);color:#cfe0f5}
.adm-cmdk svg{width:15px;height:15px;flex-shrink:0}
.adm-cmdk span{flex:1;text-align:left}
.adm-cmdk kbd,.cmdk kbd{font-family:inherit;font-size:10.5px;font-weight:800;color:#9aa4b6;background:#161a26;border:1px solid #262b3a;border-bottom-width:2px;border-radius:6px;padding:2px 6px;letter-spacing:.3px}

.ov-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:linear-gradient(120deg,#0b1428 0%,#0c1430 45%,#100c26 100%);border:1px solid #1b2a4d;border-radius:18px;padding:22px 24px;margin-bottom:16px;overflow:hidden}
.ov-hero::before{content:"";position:absolute;top:-140px;left:-60px;width:380px;height:380px;background:radial-gradient(circle,rgba(0,123,255,.22),transparent 68%);pointer-events:none}
.ov-hero::after{content:"";position:absolute;bottom:-160px;right:10%;width:360px;height:360px;background:radial-gradient(circle,rgba(155,107,255,.16),transparent 68%);pointer-events:none}
.ov-hero-txt{position:relative;z-index:1;min-width:240px}
.ov-hero-hi{font-size:24px;font-weight:900;letter-spacing:-.6px;color:#fff}
.ov-hero-sub{font-size:13px;color:#8b97ad;margin-top:5px}
.ov-hero-stats{position:relative;z-index:1;display:flex;gap:10px;flex-wrap:wrap}
.ov-hero-stats > div{display:flex;flex-direction:column;align-items:flex-start;gap:3px;background:rgba(5,8,16,.55);border:1px solid #1f2b48;border-radius:12px;padding:11px 16px;min-width:118px}
.ov-hero-stats strong{font-size:20px;font-weight:900;color:#fff;letter-spacing:-.4px;line-height:1.1}
.ov-hero-stats span{font-size:10.5px;font-weight:700;color:#7a8498;letter-spacing:.5px;text-transform:uppercase}

.ov-ic-gold{background:rgba(255,200,61,.12);color:#ffc83d}
.ov-ic-pink{background:rgba(255,92,170,.12);color:#ff6fb5}
.ov-ic-teal{background:rgba(0,214,180,.12);color:#2be0c0}
.ov-kpi:hover{box-shadow:0 10px 30px -14px rgba(0,123,255,.45)}

.ov-seg{display:inline-flex;gap:3px;background:#0a0d14;border:1px solid var(--border);border-radius:10px;padding:3px;margin-left:auto}
.ov-seg button{background:transparent;border:0;color:#7a8498;font-size:12px;font-weight:800;padding:6px 12px;border-radius:7px;cursor:pointer;font-family:inherit;transition:all .15s}
.ov-seg button:hover{color:#fff}
.ov-seg button.active{background:rgba(0,123,255,.18);color:#6ab4ff}

.ov-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}
.ov-grid3 > .dash-card,.ov-grid > .dash-card,.ov-grid2 > .dash-card{margin:0}
.ov-link{background:transparent;border:0;color:#3d9bff;font-size:12px;font-weight:800;cursor:pointer;padding:4px 2px;font-family:inherit}
.ov-link:hover{color:#8cc4ff;text-decoration:underline}

.ov-sys-pill.warn{color:#ff6b6b;background:rgba(255,83,104,.14)}
.ov-sys-sep{height:1px;background:#171a24;margin:6px 0}
.ov-sys-row b{font-size:13px;color:#fff;font-weight:800}
.ov-sys-row b.money{color:#ffc83d}
.ov-sys-row b.warn{color:#ff9f33}
.ov-sys-row b.bad{color:#ff6b6b}
.ov-act-dot.orange{background:#ff9f33}
.ov-quick-btn{position:relative;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;padding:13px 8px;min-height:70px;font-size:12.5px;line-height:1.2}
.ov-quick-btn .ov-qb-ic{font-size:20px}
.ov-quick-btn .ov-qb-badge{position:absolute;top:7px;right:8px;margin:0}
.ov-qb-badge{margin-left:auto;font-size:11px;font-weight:900;color:#fff;background:#ff3b5c;border-radius:999px;padding:1px 8px;box-shadow:0 0 12px rgba(255,59,92,.5)}

/* Command palette */
.cmdk-ov{position:fixed;inset:0;z-index:400;display:none;align-items:flex-start;justify-content:center;padding:12vh 16px 16px;background:rgba(3,4,8,.62);backdrop-filter:blur(6px)}
.cmdk-ov.open{display:flex;animation:cmdkFade .14s ease}
@keyframes cmdkFade{from{opacity:0}to{opacity:1}}
.cmdk{width:100%;max-width:600px;background:#0d1018;border:1px solid #232a3c;border-radius:16px;box-shadow:0 30px 80px -20px rgba(0,0,0,.8),0 0 0 1px rgba(0,123,255,.08);overflow:hidden;animation:cmdkPop .16s cubic-bezier(.2,.8,.2,1)}
@keyframes cmdkPop{from{transform:translateY(-8px) scale(.98)}to{transform:none}}
.cmdk-in{display:flex;align-items:center;gap:11px;padding:14px 16px;border-bottom:1px solid #1a1f2c}
.cmdk-in svg{width:18px;height:18px;color:#6a7486;flex-shrink:0}
.cmdk-in input{flex:1;color:#fff;font-size:15px;font-family:inherit;min-width:0}
#cmdkInput,#cmdkInput:hover,#cmdkInput:focus{background:transparent;border:0;border-radius:0;box-shadow:none;outline:0;padding:0;margin:0}
.cmdk-list{max-height:360px;overflow-y:auto;padding:6px}
.cmdk-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;color:#c9d3e3;font-size:13.5px;font-weight:600}
.cmdk-item.sel,.cmdk-item:hover{background:rgba(0,123,255,.14);color:#fff}
.cmdk-ic{width:28px;height:28px;border-radius:8px;background:#141927;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.cmdk-ic svg{width:15px;height:15px}
.cmdk-item.sel .cmdk-ic{background:rgba(0,123,255,.25);color:#8cc4ff}
.cmdk-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cmdk-hint{font-size:11px;font-weight:700;color:#5d677a;letter-spacing:.4px;text-transform:uppercase}
.cmdk-empty{padding:26px;text-align:center;color:#6a7486;font-size:13px}
.cmdk-foot{display:flex;gap:16px;padding:10px 16px;border-top:1px solid #1a1f2c;font-size:11.5px;color:#5d677a;font-weight:600}
.cmdk-foot kbd{margin-right:3px}

@media(max-width:1100px){
  .gi-kpis{grid-template-columns:repeat(3,1fr)}
  .ov-grid3{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .gi-grid{grid-template-columns:1fr}
  .adm-cmdk{min-width:0;width:100%}
}
@media(max-width:640px){
  .gi-kpis{grid-template-columns:1fr 1fr}
  .gi-kpis > .ov-kpi:last-child:nth-child(odd){grid-column:1 / -1}
  .ov-grid3{grid-template-columns:1fr}
  .gi-limlegend,.gi-earn{grid-template-columns:1fr}
  .ov-hero-stats > div{flex:1 1 40%;min-width:0}
  .gen-launch-presets{width:100%}
  .ov-seg{margin-left:0}
}
@media(prefers-reduced-motion:reduce){
  .ov-chart.anim .ov-bar,.adm-live-dot,.cmdk,.cmdk-ov.open{animation:none}
}

/* ============================================================
   CONTROL CENTER — admin shell, overview, media deals
   ============================================================ */
main:has(> .page[data-page="admin"].active){max-width:1560px}
.panel.wide.adm{padding:0;overflow:hidden}
.adm .adm-shell{grid-template-columns:248px minmax(0,1fr);min-height:calc(100vh - 150px);gap:0}
.adm .adm-side{position:sticky;top:0;align-self:start;max-height:calc(100vh - 40px);overflow-y:auto;display:flex;flex-direction:column;gap:0;padding:18px 12px 14px;border-radius:0;border:0;border-right:1px solid #171a24;background:linear-gradient(180deg,#090b11,#07080c)}
.adm-brand{display:flex;align-items:center;gap:11px;padding:4px 8px 18px;border-bottom:1px solid #161922;margin-bottom:6px}
.adm-brand-logo{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:17px;color:#fff;background:linear-gradient(135deg,#0056ff,#2e9bff);box-shadow:0 6px 18px -6px rgba(0,123,255,.7)}
.adm-brand-txt{display:flex;flex-direction:column;line-height:1.15}
.adm-brand-txt strong{font-size:15px;font-weight:900;color:#fff;letter-spacing:-.2px}
.adm-brand-txt span{font-size:10px;font-weight:800;letter-spacing:1.6px;color:#3d9bff}
.adm .adm-side .atabs{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;background:none;border:0;box-shadow:none}
.atab-group{display:flex;flex-direction:column;gap:2px;padding:10px 0 6px;border-bottom:1px solid #12151d}
.atab-group:last-child{border-bottom:0}
.atab-glabel{font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:#4f596c;padding:2px 12px 6px}
.adm .adm-side .atab{padding:9px 12px;font-size:13px;font-weight:600;letter-spacing:.1px;text-transform:none;border-radius:9px;position:relative}
.adm .adm-side .atab.active{background:linear-gradient(90deg,rgba(0,123,255,.18),rgba(0,123,255,.06));border-color:rgba(0,123,255,.3);color:#cfe5ff}
.adm .adm-side .atab.active::before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:#2e8fff}
.atab-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#e5484d;color:#fff;font-size:11px;font-weight:900;display:inline-flex;align-items:center;justify-content:center}
.adm .adm-me{margin-top:auto;padding:14px 8px 2px;border-top:1px solid #161922;border-bottom:0;color:#6c768a;font-size:11.5px}
.adm .adm-main{padding:0 28px 30px;background:radial-gradient(900px 340px at 70% -120px,rgba(0,123,255,.07),transparent 70%)}
.adm .adm-top{position:sticky;top:0;z-index:20;margin:0 -28px 22px;padding:16px 28px;background:rgba(8,10,15,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #151821}
.adm-crumb{display:flex;flex-direction:column;gap:1px;min-width:0}
.adm-crumb span{font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:#56607a}
.adm-crumb h3{margin:0!important;font-size:21px!important;font-weight:900;letter-spacing:-.4px;color:#fff}
.adm-top-r{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.adm .adm-cmdk{min-width:240px}
.adm-live{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:10px;background:#0b0d14;border:1px solid var(--border);color:#8f9ab0;font-size:12px;font-weight:700;letter-spacing:.3px}
.adm-live em{font-style:normal;font-variant-numeric:tabular-nums;color:#c9d3e3}
.adm-live em::before{display:none}
.adm-live .adm-live-dot{width:7px;height:7px;border-radius:50%;background:#4f596c;animation:none}
.adm-live.on{color:#2ecc71;border-color:rgba(46,204,113,.3);background:rgba(46,204,113,.06)}
.adm-live.on .adm-live-dot{background:#2ecc71;animation:genPulse 1.8s infinite}
.adm-icon-btn{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#0b0d14;border:1px solid var(--border);color:#aab3c2;cursor:pointer;transition:border-color .15s,color .15s,transform .15s}
.adm-icon-btn:hover{border-color:rgba(0,123,255,.5);color:#fff}
.adm-icon-btn:active svg{transform:rotate(180deg);transition:transform .3s}

/* hero */
.cc-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:22px 24px;margin-bottom:14px;border-radius:16px;overflow:hidden;
  background:linear-gradient(115deg,#0c1630 0%,#0b1124 45%,#120d26 100%);border:1px solid #1d2b52;box-shadow:0 20px 50px -30px rgba(0,123,255,.6)}
.cc-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(520px 220px at 12% 0%,rgba(0,123,255,.22),transparent 70%),radial-gradient(420px 200px at 95% 120%,rgba(155,107,255,.16),transparent 70%);pointer-events:none}
.cc-hero-l{position:relative;min-width:260px}
.cc-eyebrow{font-size:10.5px;font-weight:800;letter-spacing:1.6px;color:#6f8fc4}
.cc-eyebrow span{font-variant-numeric:tabular-nums}
.cc-hello{margin:6px 0 6px;font-size:26px;font-weight:900;letter-spacing:-.6px;color:#fff}
.cc-summary{font-size:13px;color:#93a0b8;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.cc-summary b{color:#e3ebf8;font-weight:800}
.cc-summary b.ok{color:#2ecc71}
.cc-summary i{font-style:normal;color:#3a4560}
.cc-hero-actions{position:relative;display:flex;gap:8px;flex-wrap:wrap}
.cc-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:10px;font:inherit;font-size:12.5px;font-weight:800;color:#dce7f5;background:rgba(8,11,20,.6);border:1px solid #26365e;cursor:pointer;transition:border-color .15s,transform .12s,background .15s}
.cc-btn svg{width:15px;height:15px;flex-shrink:0}
.cc-btn:hover{border-color:#3d9bff;transform:translateY(-1px)}
.cc-btn.primary{background:linear-gradient(135deg,#0056ff,#2e8fff);border-color:transparent;color:#fff;box-shadow:0 8px 22px -8px rgba(0,123,255,.8)}

/* KPI cards */
.cc-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.cc-kpi{position:relative;display:flex;flex-direction:column;gap:4px;padding:16px 16px 0;border-radius:14px;background:linear-gradient(180deg,#0e1119,#0a0c12);border:1px solid #1a1e2a;overflow:hidden;min-height:150px}
.cc-kpi-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}
.cc-kpi-label{font-size:10.5px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:#7a8498}
.cc-kpi-ic{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center}
.cc-kpi-ic svg{width:16px;height:16px}
.cc-kpi-val{font-size:28px;font-weight:900;letter-spacing:-.8px;color:#fff;line-height:1.05;font-variant-numeric:tabular-nums}
.cc-kpi-sub{font-size:11.5px;color:#7a8498;min-height:16px}
.cc-spark{margin:auto -16px 0;height:46px;color:#3987e5}
.cc-spark svg{display:block}
.cc-kpi:nth-child(3) .cc-spark{color:#2bc3d6}
.cc-kpi:nth-child(4) .cc-spark{color:#e0b13a}
.cc-meter{margin:auto 0 18px;height:6px;border-radius:99px;background:#161a25;overflow:hidden}
.cc-meter span{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#1f9e6a,#2ecc71);transition:width .7s cubic-bezier(.2,.8,.2,1)}
.tone-blue{background:rgba(0,123,255,.13);color:#5aa7ff}
.tone-green{background:rgba(46,204,113,.12);color:#3ddc84}
.tone-cyan{background:rgba(43,195,214,.12);color:#3fd0e2}
.tone-gold{background:rgba(224,177,58,.13);color:#f0c050}
.tone-purple{background:rgba(155,107,255,.14);color:#b38bff}
.tone-red{background:rgba(229,72,77,.13);color:#ff6b70}

/* card scaffolding */
.cc-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.cc-card-head h3{display:flex;align-items:center;gap:9px;margin:0;font-size:14.5px;font-weight:800;color:#f0f4fb;letter-spacing:-.1px}
.cc-h-ic{width:26px;height:26px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.cc-h-ic svg{width:14px;height:14px}
.cc-card-sub{margin:4px 0 0 35px;font-size:11.5px;color:#6f7a8e}
.md-create .cc-card-sub{margin:-6px 0 14px}
.md-create .cc-card-sub code{background:#121725;padding:1px 6px;border-radius:5px;color:#8cc4ff}
.cc-count{min-width:24px;height:22px;padding:0 8px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:900;background:#161a25;color:#9aa4b6}
.cc-count.ok{background:rgba(46,204,113,.12);color:#3ddc84}
.cc-count.warn{background:rgba(250,178,25,.13);color:#fab219}
.cc-count.bad{background:rgba(229,72,77,.15);color:#ff6b70}
.cc-card-tag{font-size:11px;font-weight:800;color:#5aa7ff;background:rgba(0,123,255,.1);padding:4px 10px;border-radius:999px}
.cc-empty{margin:6px 0;color:#6f7a8e;font-size:13px;text-align:center;padding:18px 0}
.cc-subhead{margin:16px 0 0;font-size:10.5px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:#56607a}
.cc-row{display:grid;gap:14px;margin-bottom:14px}
.cc-row > .dash-card{margin:0;min-width:0}
.cc-row-21{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.cc-row-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cc-row-4{grid-template-columns:minmax(0,1.35fr) repeat(3,minmax(0,1fr))}
.adm .dash-card{padding:18px}

/* needs attention */
.cc-attn{margin-bottom:14px}
.cc-attn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:10px}
.cc-attn-tile{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px;border-radius:12px;background:#0b0e15;border:1px solid #1b2030;color:#dce7f5;font:inherit;cursor:pointer;transition:border-color .15s,transform .12s,background .15s;position:relative;overflow:hidden}
.cc-attn-tile::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#3d9bff}
.cc-attn-tile:hover{transform:translateY(-1px);border-color:#2a3550;background:#0d111b}
.cc-attn-tile.static{cursor:default}
.cc-attn-tile.static:hover{transform:none}
.cc-attn-ic{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(0,123,255,.12);color:#5aa7ff}
.cc-attn-ic svg{width:16px;height:16px}
.cc-attn-txt{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.cc-attn-txt b{font-size:13px;font-weight:800;color:#f0f4fb}
.cc-attn-txt em{font-style:normal;font-size:11.5px;color:#7a8498;line-height:1.35}
.cc-attn-tag{font-size:10px;font-weight:900;letter-spacing:.8px;text-transform:uppercase;padding:3px 8px;border-radius:6px;background:#161a25;color:#8f9ab0;flex-shrink:0}
.cc-attn-go{color:#4f596c;font-weight:900;flex-shrink:0}
.tone-critical::before{background:#e5484d}.tone-critical .cc-attn-ic{background:rgba(229,72,77,.14);color:#ff6b70}.tone-critical .cc-attn-tag{background:rgba(229,72,77,.15);color:#ff6b70}
.tone-warning::before{background:#fab219}.tone-warning .cc-attn-ic{background:rgba(250,178,25,.13);color:#fab219}.tone-warning .cc-attn-tag{background:rgba(250,178,25,.13);color:#fab219}
.tone-info::before{background:#3d9bff}
.tone-ok::before{background:#2ecc71}.tone-ok .cc-attn-ic{background:rgba(46,204,113,.12);color:#3ddc84}

/* svg chart */
.svg-chart{position:relative;min-height:220px}
.svg-chart svg{display:block;overflow:visible}
.sc-grid{stroke:#1a1f2b;stroke-width:1}
.sc-grid.base{stroke:#2a3142}
.sc-ylab,.sc-xlab{fill:#647089;font-size:11px;font-family:inherit;font-variant-numeric:tabular-nums}
.sc-xlab.today{fill:#8cc4ff;font-weight:700}
.sc-bar{fill:#2f7fdc;transition:fill .12s}
.sc-bar.today{fill:#4f9bf0}
.sc-bar.hover{fill:#7bb8ff}
.sc-hit{fill:transparent;cursor:crosshair}
.sc-tip{position:absolute;pointer-events:none;padding:6px 10px;border-radius:8px;background:#0e121c;border:1px solid #2a3550;box-shadow:0 10px 24px -10px rgba(0,0,0,.8);font-size:12px;color:#c9d3e3;white-space:nowrap;z-index:5}
.sc-tip span{color:#7a8498;margin-right:6px}
.sc-tip b{color:#fff}
.sc-empty{position:absolute;left:0;right:0;top:40%;text-align:center;color:#6f7a8e;font-size:13px;pointer-events:none}
.cc-select{background:#0b0d14;border:1px solid var(--border);border-radius:10px;color:#dce7f5;font:inherit;font-size:12.5px;font-weight:700;padding:8px 30px 8px 12px;cursor:pointer;-webkit-appearance:none;appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%237a8498' stroke-width='1.6' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center}

/* status list */
.cc-status{display:flex;flex-direction:column;gap:6px}
.cc-st-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;background:#0b0e15;border:1px solid #161a25;font-size:13px}
.cc-st-l{flex:1;color:#aab3c2;min-width:0}
.cc-st-row b{color:#f0f4fb;font-weight:800;font-size:12.5px;white-space:nowrap}
.cc-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:#4f596c}
.st-ok{background:#2ecc71;box-shadow:0 0 0 3px rgba(46,204,113,.15)}
.st-warn{background:#fab219;box-shadow:0 0 0 3px rgba(250,178,25,.15)}
.st-bad{background:#e5484d;box-shadow:0 0 0 3px rgba(229,72,77,.18)}
.st-info,.st-blue{background:#3d9bff}
.st-slate{background:#4b5468}
.st-off{background:#3a4152}

/* online now */
.cc-online{display:flex;flex-direction:column;gap:4px;max-height:330px;overflow-y:auto}
.cc-on-row{display:flex;align-items:center;gap:10px;padding:8px 6px;border-bottom:1px solid #12151d}
.cc-on-row:last-child{border-bottom:0}
.cc-on-av{position:relative;width:30px;height:30px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;color:#fff;background:linear-gradient(135deg,#0056ff,#2e8fff)}
.cc-on-av img{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover}
.cc-on-av i{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;background:#2ecc71;border:2px solid #0b0e15}
.cc-on-name{flex:1;min-width:0;font-size:13px;font-weight:700;color:#e3ebf8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-badge{font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:6px;background:#161a25;color:#9aa4b6;white-space:nowrap}
.cc-badge.cyan{background:rgba(43,195,214,.12);color:#3fd0e2}
.cc-on-t{font-size:11px;color:#5d677a;white-space:nowrap}

/* licenses donut */
.cc-lic{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.cc-donut svg{display:block}
.dn-track{fill:none;stroke:#161a25;stroke-width:12}
.dn-used{fill:none;stroke:#2f7fdc;stroke-width:12;stroke-linecap:butt}
.dn-free{fill:none;stroke:#4b5468;stroke-width:12;stroke-linecap:butt}
.dn-big{fill:#fff;font-size:21px;font-weight:900;font-family:inherit}
.dn-small{fill:#7a8498;font-size:10px;font-weight:700;font-family:inherit;letter-spacing:.5px}
.cc-legend{flex:1;min-width:150px;display:flex;flex-direction:column;gap:5px}
.cc-legend > div{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:9px;background:#0b0e15;border:1px solid #161a25;font-size:12.5px;color:#aab3c2}
.cc-legend b{margin-left:auto;color:#fff;font-weight:800}

/* bars: one hue for magnitude, status colours only with a LOW/OUT label */
.mix-bar span{background:linear-gradient(90deg,#2a6fc4,#3d93ec)}
.mix-bar span.st-low{background:#fab219}
.mix-bar span.st-out{background:#d03b3b}
.mix-list.compact{gap:9px;margin-top:10px}
.mix-tag.low{color:#fab219;background:rgba(250,178,25,.12)}
.mix-tag.out{color:#ff6b70;background:rgba(208,59,59,.16)}

/* media deals */
.md-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.md-top .u-stats{margin:0}
.md-bot{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;padding:7px 12px;border-radius:999px}
.md-bot::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.md-bot.on{color:#3ddc84;background:rgba(46,204,113,.1)}
.md-bot.off{color:#ff6b70;background:rgba(229,72,77,.12)}
.md-row{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.md-form{display:flex;flex-direction:column;gap:12px}
.md-form label,.md-lab{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#7a8498}
.md-form input,.md-form select,.md-form textarea{font-size:13.5px;text-transform:none;letter-spacing:0;font-weight:500;padding:10px 12px;width:100%}
.md-form textarea{resize:vertical;min-height:110px;font-family:inherit;line-height:1.5}
.md-field{display:flex;flex-direction:column;gap:7px}
.md-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.md-chips{display:flex;flex-wrap:wrap;gap:6px}
.md-chips button{background:#0b0d14;border:1px solid var(--border);color:#aab3c2;font:inherit;font-size:12px;font-weight:800;padding:7px 11px;border-radius:9px;cursor:pointer;transition:all .15s}
.md-chips button:hover{border-color:rgba(0,123,255,.5);color:#fff}
.md-chips button.active{background:rgba(0,123,255,.16);border-color:#2e8fff;color:#fff}
.md-preview{padding:11px 13px;border-radius:10px;background:rgba(0,123,255,.07);border:1px dashed #24406e;font-size:12.5px;color:#aab8cf}
.md-preview b{color:#fff}
.md-preview .bad{color:#ff6b70;font-weight:700}
.md-toggle{flex-direction:row!important;align-items:center;gap:12px!important;text-transform:none!important;letter-spacing:0!important;font-size:13px!important;font-weight:600!important;color:#c9d3e3!important;cursor:pointer;padding:10px 12px;border-radius:10px;background:#0b0e15;border:1px solid #1b2030}
.md-toggle input{position:absolute;opacity:0;width:1px;height:1px}
.md-switch{position:relative;width:38px;height:22px;border-radius:999px;background:#232838;flex-shrink:0;transition:background .2s}
.md-switch::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#8f9ab0;transition:transform .2s,background .2s}
.md-toggle input:checked + .md-switch{background:#d03b3b}
.md-toggle input:checked + .md-switch::after{transform:translateX(16px);background:#fff}
.md-toggle input:focus-visible + .md-switch{box-shadow:0 0 0 3px var(--ring)}
.md-toggle em{display:block;font-style:normal;font-size:11.5px;color:#6f7a8e;margin-top:2px;font-weight:500}
.md-settings form button:disabled,.md-settings form input:disabled,.md-settings form textarea:disabled{opacity:.55;cursor:not-allowed}
.md-result{margin-top:14px;padding:14px;border-radius:12px;background:rgba(46,204,113,.06);border:1px solid rgba(46,204,113,.28);display:flex;flex-direction:column;gap:9px}
.md-res-head{font-weight:800;color:#3ddc84;font-size:13px}
.md-res-key{display:flex;align-items:center;gap:10px}
.md-res-key code{flex:1;font-family:ui-monospace,Consolas,monospace;font-size:14px;letter-spacing:1px;color:#fff;background:#0b0e15;border:1px solid #1b2030;border-radius:8px;padding:9px 12px;overflow:auto}
.md-warn{margin:0;padding-left:18px;color:#fab219;font-size:12px;line-height:1.6}
.md-list{display:flex;flex-direction:column;gap:10px}
.md-item{display:flex;align-items:flex-start;gap:14px;padding:14px;border-radius:12px;background:#0b0e15;border:1px solid #1a1f2c;position:relative;overflow:hidden}
.md-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#3d9bff}
.md-item.st-submitted::before{background:#fab219}
.md-item.st-expired::before,.md-item.st-blacklisted::before{background:#e5484d}
.md-item.st-delivered::before{background:#2ecc71}
.md-item.st-cancelled::before{background:#4b5468}
.md-av{width:38px;height:38px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;background:linear-gradient(135deg,#0056ff,#2e8fff)}
.md-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.md-l1{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13.5px;color:#f0f4fb}
.md-plat{font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:6px;background:rgba(155,107,255,.13);color:#b38bff}
.md-id{font-size:11px;color:#56607a;font-weight:700}
.md-l2{font-size:12px;color:#7a8498}
.md-l2 code{font-family:ui-monospace,Consolas,monospace;font-size:11.5px;color:#8cc4ff}
.md-note{font-size:12.5px;color:#aab3c2}
.md-video{font-size:12.5px;color:#5aa7ff;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.md-video:hover{text-decoration:underline}
.md-time{display:flex;flex-direction:column;gap:6px;margin-top:3px;max-width:520px}
.md-cd{font-size:12.5px;color:#aab3c2;font-variant-numeric:tabular-nums}
.md-cd b{color:#fff}
.md-cd.soon b{color:#fab219}
.md-cd.late,.md-cd.late b{color:#ff6b70}
.md-prog{height:5px;border-radius:99px;background:#161a25;overflow:hidden}
.md-prog span{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#2a6fc4,#3d93ec);transition:width 1s linear}
.md-cd.soon + .md-prog span{background:#fab219}
.md-cd.late + .md-prog span{background:#e5484d}
.md-time.closed{font-size:12px;color:#5d677a}
.md-acts{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end;max-width:300px}
.md-acts .btn.xs{text-decoration:none}
.btn.xs.md-danger{color:#ff8a8f;border-color:rgba(229,72,77,.35)}
.btn.xs.md-danger:hover{background:rgba(229,72,77,.12)}

/* generator additions */
.gi-spark{margin:10px -16px -16px;height:40px;color:#3987e5}
.gi-tips-card{margin-bottom:14px}
.gen-sel-ic{width:13px;height:13px;color:#3ddc84;margin-right:7px;flex-shrink:0}

@media(max-width:1250px){
  .cc-row-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1050px){
  .cc-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cc-row-21,.cc-row-3,.md-row{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:860px){
  .adm .adm-shell{grid-template-columns:minmax(0,1fr);min-height:0}
  .adm .adm-side{position:static;max-height:none;border-right:0;border-bottom:1px solid #171a24;padding:12px}
  .adm-brand{padding:2px 4px 10px;margin-bottom:8px}
  .adm .adm-side .atabs{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:4px;scrollbar-width:none}
  .adm .adm-side .atabs::-webkit-scrollbar{display:none}
  .atab-group{display:contents}
  .atab-glabel{display:none}
  .adm .adm-side .atab{width:auto;flex-shrink:0;font-size:12px;padding:8px 12px}
  .adm .adm-side .atab.active::before{display:none}
  .adm .adm-me{display:none}
  .adm .adm-main{padding:0 14px 20px}
  .adm .adm-top{margin:0 -14px 16px;padding:12px 14px;position:static}
  .adm .adm-cmdk{min-width:0;flex:1}
  .adm-top-r{width:100%}
}
@media(max-width:600px){
  .cc-kpis{grid-template-columns:minmax(0,1fr)}
  .cc-row-4{grid-template-columns:minmax(0,1fr)}
  .md-2{grid-template-columns:1fr}
  .md-item{flex-wrap:wrap}
  .md-acts{max-width:none;justify-content:flex-start;width:100%}
  .cc-hello{font-size:22px}
}
@media(prefers-reduced-motion:reduce){
  .adm-live.on .adm-live-dot,.md-prog span,.cc-meter span{animation:none;transition:none}
}
.cc-card-head .cc-select{width:auto;min-width:160px;margin:0}
.u-pill.warn{background:rgba(250,178,25,.12);color:#fab219;border-color:rgba(250,178,25,.32)}
.gen-out-title{display:flex;align-items:center;gap:9px;margin:0;font-size:14.5px;font-weight:800;color:#f0f4fb}
.gi-grid > .dash-card .cc-card-head,.gen-select-card .cc-card-head{margin-bottom:6px}
.adm-cmdk span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
@media(max-width:860px){.adm .adm-cmdk kbd{display:none}}
.cc-card-head .ov-seg{max-width:100%;overflow-x:auto;scrollbar-width:none}
.cc-card-head .ov-seg::-webkit-scrollbar{display:none}

.ov-tg-rank{width:24px;height:24px;border-radius:7px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:900;color:#7d8aa5;background:#121726}
.ov-tg-rank.r1{color:#1a1300;background:linear-gradient(145deg,#ffe27a,#e0b13a)}
.ov-tg-rank.r2{color:#141820;background:linear-gradient(145deg,#eef2f8,#aab4c4)}
.ov-tg-rank.r3{color:#1c120a;background:linear-gradient(145deg,#d9b48f,#a57a55)}

/* ============================================================
   USER DASHBOARD (.ud) — overview, redeem, generator, streak,
   rankings, settings
   ============================================================ */
/* Sidebar */
.ud .dash-nav{gap:3px}
.ud-glabel{display:block;font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:#4f5b72;padding:12px 14px 5px}
.ud-glabel:first-child{padding-top:2px}
.ud .dash-item svg{width:16px;height:16px}
.ud .dash-logout{margin-top:10px;border-top:1px solid rgba(255,255,255,.06);border-radius:0 0 11px 11px;padding-top:13px}
.ud .dash-logout:hover{background:rgba(229,72,77,.1);color:#ff8a8e;transform:none}

/* Overview */
.ud-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.ud.nogen .ud-kpis{display:none}
.cc-btn{text-decoration:none}
.ud-kpis .cc-kpi{min-height:132px;padding-bottom:16px}
.ud-kpis .cc-kpi:has(.cc-spark){padding-bottom:0}
.ud-kpis .cc-spark{margin-top:auto}
.ud-kpis .cc-kpi-sub .tr{font-size:11.5px}
.ud-link{background:none;border:0;padding:0;font:inherit;font-weight:700;color:#5aa7ff;cursor:pointer}
.ud-link:hover{color:#8cc4ff;text-decoration:underline}
.ud-row-21{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}
.ud-row-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ud-row-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ud.nogen .ud-ov-mid{grid-template-columns:minmax(0,1fr)}
.ud-mix-card{display:flex;flex-direction:column}
.ud-mix-card .ud-mini{margin-top:auto}
.ud-mix-card .mix-list{margin-bottom:16px}
.ud-subs{display:flex;flex-direction:column;gap:10px}
.ud-subs .sub-card{display:flex;align-items:flex-start;gap:12px;margin:0;padding:13px 14px;border-radius:12px;background:#0b0d14;border:1px solid #1a1f2c}
.ud-subs .sub-ic{width:34px;height:34px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgba(0,123,255,.12);color:#5aa7ff}
.ud-subs .sub-ic svg{width:17px;height:17px}
.ud-subs .sub-body{flex:1;min-width:0}
.ud-subs .sub-top strong{font-size:14px;text-transform:capitalize}
.ud-subs .sub-exp{margin:3px 0 9px}
.sub-bar{height:5px;border-radius:99px;background:#151a26;overflow:hidden}
.sub-bar span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#0056ff,#33a0ff);transition:width .6s cubic-bezier(.2,.8,.2,1)}
.sub-bar.low span{background:#fab219}
.sub-bar.frozen span{background:#5c6b87}
.ud-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:22px 12px;border:1px dashed #243049;border-radius:12px}
.ud-empty > span{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(0,123,255,.12);color:#5aa7ff;margin-bottom:6px}
.ud-empty > span svg{width:20px;height:20px}
.ud-empty b{font-size:14px;color:#fff}
.ud-empty em{font-style:normal;font-size:12px;color:#7a8498;margin-bottom:10px}
.ud-ranks{margin-bottom:14px}
.ud-ranks:empty{display:none}
.ud-acc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ud-acc > div{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:10px;background:#0b0d14;border:1px solid #171c28;min-width:0}
.ud-acc span{font-size:10px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;color:#5f6a80}
.ud-acc b{font-size:13px;color:#e8eef8;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ud-mini{display:flex;align-items:baseline;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid #171c28;font-size:12px;color:#7a8498}
.ud-mini b{font-size:18px;color:#fff;font-weight:900;font-variant-numeric:tabular-nums}
.ud-mini em{font-style:normal;margin-left:auto}

/* Redeem */
.ud-redeem{display:flex;flex-direction:column;align-items:flex-start;padding:26px}
.ud-redeem-ic{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(0,86,255,.25),rgba(51,160,255,.12));color:#6ab4ff;border:1px solid rgba(0,123,255,.3);margin-bottom:14px}
.ud-redeem-ic svg{width:22px;height:22px}
.ud .dash-main h2.ud-title{font-size:24px;margin:0 0 4px}
.ud-lead{margin:0 0 18px;font-size:13.5px;color:#8b97ad}
.ud-key-row{display:flex;gap:10px;width:100%}
.ud-key-in{flex:1;min-width:0;margin:0;height:50px;padding:0 16px;border-radius:12px;background:#080b12;border:1px solid #223050;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:16px;letter-spacing:1.5px;transition:border-color .15s,box-shadow .15s}
.ud-key-in:focus{outline:none;border-color:#2e8fff;box-shadow:0 0 0 3px rgba(0,123,255,.18)}
.ud-key-row .btn{height:50px;padding:0 26px;border-radius:12px}
.ud-redeem .notice{width:100%;box-sizing:border-box}
.notice.bad{border-color:rgba(229,72,77,.45);background:rgba(229,72,77,.08);color:#ffb3b5}
.ud-help{margin:16px 0 0;font-size:12.5px;color:#6f7a8e}
.ud-help a{color:#5aa7ff;font-weight:700}
.ud-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;counter-reset:ud}
.ud-steps li{position:relative;padding-left:40px;display:flex;flex-direction:column;gap:3px;counter-increment:ud}
.ud-steps li::before{content:counter(ud);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;color:#5aa7ff;background:rgba(0,123,255,.12)}
.ud-steps b{font-size:13.5px;color:#f0f4fb}
.ud-steps span{font-size:12.5px;color:#7a8498;line-height:1.5}
.ud-steps code{font-size:11.5px;color:#9cc8ff;background:#0b1222;padding:1px 6px;border-radius:5px}
.ud-tbl td:first-child{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#cfe0f5;letter-spacing:.4px}

/* Generator */
.ud-gen-hero{padding:24px 26px;gap:24px}
.ud-gen-hero .gen-hero-title{font-size:28px;margin:14px 0 4px}
.ud-gen-hero .gen-dial{width:150px;height:150px}
.ud-gen-hero .gen-dial-inner strong{font-size:38px}
.gen-chip svg{width:14px;height:14px;flex-shrink:0}
.gen-chip b{color:#fff}
.gen-chip.hot,.gen-chip.hot:hover{border-color:rgba(0,123,255,.6);background:rgba(0,123,255,.12);color:#9cc8ff}
.gen-type-icon.pl{width:50px;height:50px;border-radius:14px;margin-bottom:4px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 6px 16px -8px rgba(0,0,0,.8)}
.gen-type-icon.pl svg{width:27px;height:27px;display:block}
.pl-steam{background:linear-gradient(145deg,#1b2838,#2a475e);color:#fff}
.pl-discord{background:#5865f2;color:#fff}
.pl-rockstar{background:#f5c518;color:#111}
.pl-netflix{background:#0b0b0b;color:#e50914;border:1px solid #222}
.pl-ph{background:#0b0b0b;color:#f2f2f2;border:1px solid #2a2a2a}
.pl-ph svg{width:32px;height:32px}
.pl-vpn{background:linear-gradient(145deg,#0f766e,#14b8a6);color:#fff}
.pl-capcut{background:linear-gradient(145deg,#000,#1a1a1a);color:#fff}
.pl-curiositystream{background:linear-gradient(145deg,#0b3a53,#1b7ea8);color:#fff}
.pl-roblox{background:linear-gradient(145deg,#c0392b,#e2231a);color:#fff}
.pl-rockstarkeys{background:linear-gradient(145deg,#8a5a00,#fcaf17);color:#1a1200}
.pl-crunchyroll{background:linear-gradient(145deg,#c85a12,#f47521);color:#fff}
.gen-life-badge{position:absolute;top:9px;left:9px;padding:2px 7px;border-radius:7px;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(135deg,#ffcf3f,#ff9d2e);color:#241a00;box-shadow:0 2px 8px rgba(255,180,0,.3)}
.gen-type-card .gen-stock.low{color:#fab219}
.gen-type-lim{font-size:10px;font-weight:800;letter-spacing:.3px;padding:2px 8px;border-radius:999px;color:#7fb6ff;background:rgba(0,123,255,.1)}
.gen-type-lim:empty{display:none}
.gen-type-lim.warn{color:#fab219;background:rgba(250,178,25,.12)}
.gen-type-lim.full{color:#ff6b70;background:rgba(229,72,77,.14)}
.gen-privacy-btn{display:inline-flex;align-items:center;gap:6px}
.gen-privacy-btn svg{width:14px;height:14px}
.ud-hist-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.ud-hist-acts{display:flex;gap:8px;flex-wrap:wrap}
.gi-earn-btn > span{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(0,123,255,.12);color:#5aa7ff}
.gi-earn-btn > span svg{width:16px;height:16px}

/* Streak */
.ud-streak .streak-flame{width:68px;height:68px;border-radius:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:radial-gradient(circle at 50% 70%,rgba(51,160,255,.35),rgba(0,86,255,.08) 70%);border:1px solid rgba(0,123,255,.35);color:#4fb0ff}
.ud-streak .streak-flame svg{width:36px;height:36px;filter:drop-shadow(0 0 10px rgba(51,160,255,.6))}
.ud-streak .streak-flame.cold{background:#0e121b;border-color:#1c2333;color:#3a4560}
.ud-streak .streak-flame.cold svg{filter:none}
.ud-streak .streak-days{display:flex;align-items:baseline;gap:8px}
.ud-streak .streak-days #streakCount{font-size:38px;font-weight:900;letter-spacing:-1px;color:#fff;margin:0;line-height:1}
.ud-streak .streak-sub{margin-top:6px}
.ud .streak-how-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.ud-streak-next{display:flex;align-items:center;gap:12px;margin-top:18px;font-size:12px;color:#7a8498;font-weight:600}
.ud-streak-bar{flex:1;height:6px;border-radius:99px;background:#131722;overflow:hidden}
.ud-streak-bar span{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#0056ff,#33a0ff);transition:width .6s cubic-bezier(.2,.8,.2,1)}
.ud .streak-how-grid{margin-top:0}
.ud .streak-how-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:0;margin-bottom:4px}
.ud .streak-how-icon svg{width:17px;height:17px}

/* Rankings */
.ud .gen-leaderboard{display:flex;flex-direction:column;gap:8px}
.ud .lb-row{gap:14px;padding:11px 14px}
.ud .lb-rank{width:30px;height:30px;border-radius:9px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;color:#7d8aa5;background:#121726}
.ud .lb-rank.gold{color:#1a1300;background:linear-gradient(145deg,#ffe27a,#e0b13a)}
.ud .lb-rank.silver{color:#141820;background:linear-gradient(145deg,#eef2f8,#aab4c4)}
.ud .lb-rank.bronze{color:#1c120a;background:linear-gradient(145deg,#d9b48f,#a57a55)}
.lb-mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.ud .lb-user{font-weight:800;color:#e8eef8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-bar{height:4px;border-radius:99px;background:#141a27;overflow:hidden}
.lb-bar span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#2a6fc4,#3d93ec)}
.ud .lb-count{font-weight:900;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.ud .lb-count em{font-style:normal;color:#6f7a8e;font-weight:700;font-size:11px}
.ud .lb-row.me{border-color:rgba(0,123,255,.55);background:rgba(0,123,255,.07)}
.lb-you{font-size:9.5px;font-weight:900;letter-spacing:.8px;color:#fff;background:#0f6fff;padding:2px 6px;border-radius:5px;margin-left:6px;vertical-align:1px}

/* Settings */
.ud .cc-card-sub.ud-sub0{margin:0 0 14px}
.ud-inline{display:flex;gap:8px}
.ud-inline input{flex:1;min-width:0;margin:0}
.ud-inline .btn{flex-shrink:0}
.ud-form{display:grid;gap:12px}
.ud-form input,.ud-inline input{margin-bottom:0}
.ud-form label{margin:0}
.ud [data-dashview="settings"] .cc-row{align-items:start}
.ud-col{display:flex;flex-direction:column;gap:14px;min-width:0}
.ud-col > .dash-card{margin:0}
.ud-kpis .cc-kpi-label{letter-spacing:1px}
.ud-form .btn{justify-self:start}
.ud-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ud-secret{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;color:#6ab4ff;letter-spacing:2px;word-break:break-all}
.ud-code-in{max-width:150px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:3px;text-align:center}
.ud .btn-link-refresh{background:none;border:0;color:#5aa7ff;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.ud .cc-row{margin-bottom:16px}

@media(max-width:900px){
  .ud .ud-glabel{display:none}
  .ud .dash-logout{margin-top:0;border-top:0;border-radius:11px;padding-top:9px}
  .ud-row-21,.ud-row-2{grid-template-columns:minmax(0,1fr)}
  .ud-kpis,.ud-acc,.ud .streak-how-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .ud-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .ud-kpis .cc-kpi{min-height:118px;padding:13px 13px 13px}
  .ud-kpis .cc-kpi:has(.cc-spark){padding-bottom:0}
  .ud-kpis .cc-spark{margin:auto -13px 0}
  .ud-kpis .cc-kpi-val{font-size:24px}
  .ud-2{grid-template-columns:minmax(0,1fr)}
  .ud-key-row{flex-direction:column}
  .ud-key-row .btn{width:100%}
  .ud-redeem{padding:20px}
  .ud-gen-hero{padding:20px}
  .ud-gen-hero .gen-hero-title{font-size:24px}
  .ud-streak .streak-claim-btn{width:100%}
  .ud .gi-limlegend{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .ud .gi-limlegend > div{padding:9px 10px}
  .ud .gi-limlegend span{font-size:10px;letter-spacing:0}
}

/* ============================================================
   ADMIN APP (admin.html) — Control Center
   ============================================================ */
body.adm-app{background:#06070a;color:#e6ebf3;min-height:100vh}
.adm-app .page[data-page="admin"]{display:block;animation:none}
.aa{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}
/* Sidebar */
.aa-side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:#090a0e;border-right:1px solid #15171f;z-index:40}
.aa-brand{display:flex;align-items:center;gap:11px;padding:20px 20px 18px;text-decoration:none;color:inherit}
.aa-logo{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(145deg,#0056ff,#2e8fff);box-shadow:0 8px 22px -8px rgba(0,110,255,.9),inset 0 1px 0 rgba(255,255,255,.25)}
.aa-logo svg{width:20px;height:20px}
.aa-brand-txt strong{display:block;font-size:15px;font-weight:900;letter-spacing:-.2px;color:#fff;line-height:1.1}
.aa-brand-txt span{font-size:9.5px;font-weight:800;letter-spacing:1.6px;color:#4f9bff}
.aa-nav,.aa-nav.atabs{flex:1;display:block;overflow-y:auto;overflow-x:hidden;margin:0;padding:4px 12px 12px;background:none;border:0;border-radius:0;box-shadow:none;scrollbar-width:thin;scrollbar-color:#1c2030 transparent}
.aa-nav .atab-group{display:block;padding:6px 0 0;border-bottom:0}
.aa-nav .atab-group.hidden{display:none}
.aa-nav .atab.hidden{display:none}
.aa-nav .atab-glabel{display:block;font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:#4a5265;padding:8px 10px 6px;border-bottom:1px solid #12141b;margin-bottom:5px}
.aa-nav .atab{position:relative;display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;margin:1px 0;border:1px solid transparent;border-radius:10px;background:transparent;color:#a3acbd;font:inherit;font-size:13px;font-weight:600;text-align:left;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.aa-nav .atab svg{width:16px;height:16px;flex-shrink:0;opacity:.75}
.aa-nav .atab:hover{background:#10131a;color:#fff}
.aa-nav .atab.active{background:linear-gradient(90deg,rgba(0,110,255,.16),rgba(0,110,255,.05));border-color:rgba(47,140,255,.28);color:#fff;box-shadow:none}
.aa-nav .atab.active svg{opacity:1;color:#4f9bff}
.aa-nav .atab.active::before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:#2f8cff;box-shadow:0 0 12px rgba(47,140,255,.8)}
.aa-nav .atab-badge{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#2f8cff;color:#fff;font-size:10.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;font-style:normal}
.aa-me{padding:12px;border-top:1px solid #15171f;background:#08090d}
.aa-me-row{display:flex;align-items:center;gap:10px;padding:6px 6px 10px}
.aa-me-av,.aa-av{position:relative;flex-shrink:0;width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#1d4ed8,#2f8cff);color:#fff;font-size:13px;font-weight:800;overflow:hidden}
.aa-me-av img,.aa-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.aa-me-txt{min-width:0;display:flex;flex-direction:column;gap:3px}
.aa-me-txt strong{font-size:13px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aa-me-txt .rank-chip{align-self:flex-start;font-size:10px;padding:2px 8px}
.aa-me-acts{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.aa-me-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border-radius:9px;border:1px solid #1a1d27;background:#0d0f15;color:#a3acbd;font:inherit;font-size:12px;font-weight:700;text-decoration:none;cursor:pointer;transition:border-color .15s,color .15s}
.aa-me-btn svg{width:14px;height:14px}
.aa-me-btn:hover{border-color:#2a3550;color:#fff}
#aaLogout:hover{border-color:rgba(229,72,77,.45);color:#ff8a8e}
/* Main + top bar */
.aa-main{min-width:0;max-width:none;margin:0;padding:0;display:flex;flex-direction:column}
.aa-top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;padding:12px 28px;min-height:62px;background:rgba(6,7,10,.86);backdrop-filter:blur(12px) saturate(140%);border-bottom:1px solid #13151d}
.aa-crumb{min-width:0}
.aa-crumb span{display:block;font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:#596277}
.aa-crumb h1{margin:1px 0 0;font-size:17px;font-weight:800;letter-spacing:-.2px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aa-top-r{margin-left:auto;display:flex;align-items:center;gap:8px}
.aa-search{display:flex;align-items:center;gap:9px;width:290px;height:38px;padding:0 10px 0 12px;border-radius:10px;border:1px solid #1a1d27;background:#0b0d12;color:#6c7588;font:inherit;font-size:13px;cursor:pointer;transition:border-color .15s}
.aa-search:hover{border-color:#2a3550}
.aa-search svg{width:15px;height:15px;flex-shrink:0}
.aa-search span{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aa-search kbd{font:600 10.5px ui-monospace,Consolas,monospace;color:#7b8496;background:#12151d;border:1px solid #20242f;border-radius:6px;padding:2px 6px}
.aa-live{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 12px;border-radius:10px;border:1px solid #1a1d27;background:#0b0d12;font-size:12px;font-weight:700;color:#9aa3b5;white-space:nowrap}
.aa-live i{width:7px;height:7px;border-radius:50%;background:#2ecc71;box-shadow:0 0 0 0 rgba(46,204,113,.6);animation:genPulse 2s infinite}
.aa-live em{font-style:normal;font-variant-numeric:tabular-nums;color:#cfd6e2}
.aa-icon{width:38px;height:38px;border-radius:10px;border:1px solid #1a1d27;background:#0b0d12;color:#a3acbd;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:border-color .15s,color .15s,background .15s}
.aa-icon svg{width:17px;height:17px}
.aa-icon:hover{border-color:#2a3550;color:#fff}
.aa-icon.on{color:#4f9bff;border-color:rgba(47,140,255,.4);background:rgba(47,140,255,.08)}
.aa-burger{display:none}
.aa-body{width:100%;max-width:1240px;margin:0 auto;padding:26px 28px 70px;box-sizing:border-box}
.aa-scrim{display:none}
/* Page heads, cards, KPIs */
.aa-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.aa-head h2{margin:0;font-size:26px;font-weight:900;letter-spacing:-.6px;color:#fff}
.aa-head p{margin:5px 0 0;font-size:13.5px;color:#8892a6;max-width:680px}
.aa-head-r{display:flex;gap:8px;flex-wrap:wrap}
.aa-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 15px;border-radius:10px;border:1px solid #1f2430;background:#0e1117;color:#dbe3ef;font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:border-color .15s,background .15s,transform .12s,box-shadow .15s}
.aa-btn svg{width:15px;height:15px;flex-shrink:0}
.aa-btn:hover{border-color:#34405c;background:#121620}
.aa-btn:active{transform:translateY(1px)}
.aa-btn.primary{border-color:transparent;background:linear-gradient(135deg,#0056ff,#2e8fff);color:#fff;box-shadow:0 10px 26px -10px rgba(0,110,255,.9),inset 0 1px 0 rgba(255,255,255,.2)}
.aa-btn.primary:hover{box-shadow:0 14px 30px -10px rgba(0,110,255,1),inset 0 1px 0 rgba(255,255,255,.25)}
.aa-btn.danger{color:#ff8a8e;border-color:rgba(229,72,77,.3);background:rgba(229,72,77,.06)}
.aa-btn.danger:hover{border-color:rgba(229,72,77,.6);background:rgba(229,72,77,.12)}
.aa-btn.ghost{background:transparent;border-color:transparent;color:#a3acbd}
.aa-btn.ghost:hover{color:#fff;background:#10131a}
.aa-btn.sm{height:32px;padding:0 11px;font-size:12px;border-radius:9px}
.aa-btn.sm svg{width:13px;height:13px}
.aa-link{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:0;color:#4f9bff;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.aa-link svg{width:14px;height:14px}
.aa-link:hover{color:#8cc4ff}
.aa-muted{color:#6c7588}
p.aa-muted{margin:0;font-size:13px}
.aa-hint{display:flex;align-items:flex-start;gap:8px;margin:12px 0 0;font-size:12px;color:#7b8496;line-height:1.5}
.aa-hint svg{width:14px;height:14px;flex-shrink:0;margin-top:1px;color:#4f9bff}
.aa-card{background:linear-gradient(180deg,#0d0f15,#0a0c10);border:1px solid #181b24;border-radius:14px;padding:16px 18px;margin-bottom:14px}
.aa-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.aa-card-head h3{display:flex;align-items:center;gap:9px;margin:0;font-size:14px;font-weight:800;color:#f0f4fb}
.aa-h-ic{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.aa-h-ic svg{width:15px;height:15px}
.aa-tag{font-size:11px;font-weight:800;color:#5aa7ff;background:rgba(0,123,255,.1);padding:4px 10px;border-radius:999px}
.aa-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px}
#tmKpis.aa-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.aa-kpi{position:relative;display:flex;flex-direction:column;gap:3px;min-height:112px;padding:15px 16px 14px;border-radius:14px;background:linear-gradient(180deg,#0e1016,#0a0c10);border:1px solid #181b24;overflow:hidden;transition:border-color .15s,transform .15s}
.aa-kpi::after{content:"";position:absolute;right:-40px;bottom:-60px;width:150px;height:150px;border-radius:50%;opacity:.16;filter:blur(30px);pointer-events:none}
.aa-kpi.glow-blue::after{background:#2f8cff}.aa-kpi.glow-green::after{background:#2ecc71}.aa-kpi.glow-cyan::after{background:#2bc3d6}.aa-kpi.glow-gold::after{background:#e0b13a}.aa-kpi.glow-red::after{background:#e5484d}.aa-kpi.glow-purple::after{background:#9b6bff}
.aa-kpi[data-kpi-go]{cursor:pointer}
.aa-kpi[data-kpi-go]:hover{border-color:#26304a;transform:translateY(-1px)}
.aa-kpi-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.aa-kpi-l{font-size:10.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#7b8496;padding-top:3px}
.aa-kpi-ic{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.aa-kpi-ic svg{width:16px;height:16px}
.aa-kpi-v{font-size:27px;font-weight:900;letter-spacing:-.8px;color:#fff;line-height:1.05;font-variant-numeric:tabular-nums}
.aa-kpi-s{font-size:11.5px;color:#7b8496;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aa-kpi-bar{height:4px;border-radius:99px;background:#151923;overflow:hidden;margin-top:auto;position:relative;top:4px}
.aa-kpi-bar span{display:block;height:100%;border-radius:99px;background:currentColor;transition:width .6s cubic-bezier(.2,.8,.2,1)}
.aa-kpi-bar.tone-green{background:#151923;color:#2ecc71}.aa-kpi-bar.tone-blue{background:#151923;color:#2f8cff}
.aa-kpi-spark{margin:auto -16px -14px;height:40px;color:#3987e5}
.aa-grid-21{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:14px;align-items:start}
/* Toolbar, tabs, table */
.aa-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.aa-input{display:flex;align-items:center;gap:9px;height:40px;padding:0 12px;border-radius:10px;border:1px solid #1a1d27;background:#0b0d12;transition:border-color .15s,box-shadow .15s}
.aa-input:focus-within{border-color:#2f8cff;box-shadow:0 0 0 3px rgba(47,140,255,.15)}
.aa-input svg{width:15px;height:15px;color:#596277;flex-shrink:0}
.adm-app .aa-input input:not([type=checkbox]):not([type=radio]),.adm-app .aa-input input:not([type=checkbox]):not([type=radio]):hover,.adm-app .aa-input input:not([type=checkbox]):not([type=radio]):focus{flex:1;width:auto;min-width:0;margin:0;padding:0;height:100%;border:0;border-radius:0;background:transparent;box-shadow:none;color:#fff;font-size:13.5px;outline:none}
.aa-grow{flex:1;min-width:220px}
.aa-select{width:auto;min-width:150px;height:40px;margin:0;padding:0 34px 0 12px;border-radius:10px;border:1px solid #1a1d27;background:#0b0d12 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237b8496' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 11px center/14px;color:#dbe3ef;font-size:13px;font-weight:600;appearance:none;-webkit-appearance:none;cursor:pointer}
.aa-select:focus{outline:none;border-color:#2f8cff}
.aa-select.sm{height:32px;min-width:0;font-size:12px;padding:0 28px 0 10px;background-position:right 8px center;border-radius:8px}
.aa-tabsrow{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.aa-seg{display:inline-flex;flex-wrap:wrap;gap:3px;padding:3px;border-radius:11px;background:#0b0d12;border:1px solid #171a23;max-width:100%}
.aa-seg button{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 11px;border:0;border-radius:8px;background:transparent;color:#8892a6;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:background .15s,color .15s}
.aa-seg button b{min-width:18px;height:18px;padding:0 5px;border-radius:6px;background:#151923;color:#7b8496;font-size:10.5px;display:inline-flex;align-items:center;justify-content:center}
.aa-seg button:hover{color:#fff}
.aa-seg button.on{background:#151a26;color:#fff;box-shadow:inset 0 0 0 1px #232a3b}
.aa-seg button.on b{background:#2f8cff;color:#fff}
.aa-hits{font-size:12px;color:#596277;font-weight:600}
.aa-bulk{position:sticky;top:72px;z-index:5;display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 10px;margin-bottom:10px;border-radius:12px;background:linear-gradient(90deg,rgba(0,90,255,.2),rgba(0,90,255,.08));border:1px solid rgba(47,140,255,.35);backdrop-filter:blur(8px)}
.aa-bulk > b{font-size:14px;color:#fff;padding-left:4px}
.aa-bulk > span{font-size:12.5px;color:#a9c8ff;margin-right:8px}
.aa-bulk button{height:30px;padding:0 11px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:rgba(6,8,14,.55);color:#e6ebf3;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.aa-bulk button:hover{border-color:rgba(255,255,255,.3)}
.aa-bulk button.danger{color:#ff8a8e;border-color:rgba(229,72,77,.4)}
.aa-bulk button.ghost{margin-left:auto;background:transparent;border-color:transparent;color:#a9c8ff}
.aa-table-wrap{border:1px solid #181b24;border-radius:14px;overflow:auto;background:#0a0b10}
.aa-table{width:100%;border-collapse:collapse;font-size:13px}
.aa-table th{position:sticky;top:0;z-index:1;padding:11px 14px;background:#0d0f15;border-bottom:1px solid #181b24;text-align:left;font-size:10.5px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;color:#6c7588;white-space:nowrap}
.aa-table td{padding:11px 14px;border-bottom:1px solid #12141b;vertical-align:middle;color:#dbe3ef}
.aa-table tbody tr:last-child td{border-bottom:0}
.aa-table tbody tr[data-id],.aa-table tbody tr[data-u]{cursor:pointer;transition:background .12s}
.aa-table tbody tr[data-id]:hover,.aa-table tbody tr[data-u]:hover{background:#0f1218}
.aa-table tbody tr.sel{background:rgba(47,140,255,.07)}
.aa-table th.cb,.aa-table td.cb{width:34px;padding-right:0}
.aa-table input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:#2f8cff;cursor:pointer}
.aa-empty-row td{padding:34px 14px;text-align:center;color:#6c7588}
.aa-cell2{line-height:1.3}
.aa-cell2 small,.aa-table td small{display:block;font-size:11px;color:#6c7588;margin-top:2px}
.aa-who{display:flex;align-items:center;gap:10px;min-width:0}
.aa-who > div{min-width:0}
.aa-who b{display:block;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}
.aa-who small{display:block;font-size:11px;color:#6c7588;margin-top:1px}
.aa-who small .pv,.aa-dr-head small .pv,.aa-dl-row .pv{font-family:ui-monospace,Consolas,monospace}
.aa-av{width:30px;height:30px;font-size:12px}
.aa-av.lg{width:40px;height:40px;font-size:15px}
.aa-av.xl{width:56px;height:56px;font-size:20px}
.aa-av.on::after{content:"";position:absolute;right:0;bottom:0;width:9px;height:9px;border-radius:50%;background:#2ecc71;box-shadow:0 0 0 2px #0a0b10;z-index:1}
.kx-code{display:flex;align-items:center;gap:6px}
.kx-code .pv{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12.5px;letter-spacing:.3px;color:#e6ebf3;white-space:nowrap}
.kx-sub{max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aa-copy{width:24px;height:24px;border-radius:6px;border:1px solid transparent;background:transparent;color:#596277;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}
.aa-copy svg{width:13px;height:13px}
.aa-copy:hover{color:#fff;border-color:#232a3b;background:#121620}
.tx-gold{color:#f0c050}.tx-red{color:#ff6b70}
.tone-gray{background:#151923;color:#8892a6}
.aff-sect-ic{display:flex;align-items:center;gap:8px}
.aff-sect-ic svg{width:16px;height:16px;flex-shrink:0}
/* Pills + software chips */
.aa-pill{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap;background:#151923;color:#a3acbd}
.aa-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}
.aa-pill.green{background:rgba(46,204,113,.12);color:#3ddc84}
.aa-pill.blue{background:rgba(47,140,255,.13);color:#5aa7ff}
.aa-pill.gold{background:rgba(224,177,58,.13);color:#f0c050}
.aa-pill.red{background:rgba(229,72,77,.13);color:#ff6b70}
.aa-pill.cyan{background:rgba(43,195,214,.12);color:#3fd0e2}
.aa-pill.gray{background:#151923;color:#8892a6}
.aa-pill.dot::before{box-shadow:0 0 0 0 rgba(61,220,132,.6);animation:genPulse 2s infinite}
.aa-pills{display:flex;flex-wrap:wrap;gap:5px}
.kx-soft-chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:#dbe3ef;white-space:nowrap}
.kx-soft-chip svg{width:14px;height:14px;padding:4px;border-radius:7px;box-sizing:content-box;background:rgba(47,140,255,.13);color:#5aa7ff}
.kx-soft-chip.s-menu svg{background:rgba(155,107,255,.14);color:#b38bff}
.kx-soft-chip.s-api svg{background:rgba(43,195,214,.13);color:#3fd0e2}
.aa-hw{display:inline-flex;align-items:center;gap:6px;font-family:ui-monospace,Consolas,monospace;font-size:12px;color:#cfd6e2}
.aa-hw svg{width:13px;height:13px;color:#9b6bff}
/* Privacy blur */
.pv{transition:filter .2s}
html:not(.aa-reveal) .adm-app .pv{filter:blur(5px);user-select:none}
/* Quick create templates */
.aa-quick .aa-card-head{margin-bottom:10px}
.aa-quick-list{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.aa-quick-list > p.aa-muted{margin-right:8px}
.kx-tpl{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 8px;border-radius:11px;border:1px solid #1a1e29;background:#0b0d12;color:#e6ebf3;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s,transform .12s}
.kx-tpl:hover{border-color:rgba(47,140,255,.5);background:#0e1320;transform:translateY(-1px)}
.kx-tpl-ic{width:30px;height:30px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:rgba(47,140,255,.13);color:#5aa7ff;flex-shrink:0}
.kx-tpl-ic.s-menu{background:rgba(155,107,255,.14);color:#b38bff}.kx-tpl-ic.s-api{background:rgba(43,195,214,.13);color:#3fd0e2}
.kx-tpl-ic svg{width:15px;height:15px}
.kx-tpl-t b{display:block;font-size:12.5px;color:#fff}
.kx-tpl-t em{display:block;font-style:normal;font-size:11px;color:#7b8496}
.kx-tpl-go{color:#4f9bff;display:flex}.kx-tpl-go svg{width:14px;height:14px}
.kx-tpl.add{border-style:dashed;color:#7b8496;font-size:12.5px;font-weight:700;padding:8px 12px;gap:6px}
.kx-tpl.add svg{width:14px;height:14px}
/* Drawer */
.aa-drawer-ov{position:fixed;inset:0;z-index:250;background:rgba(2,3,6,.55);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .2s}
.aa-drawer-ov.open{opacity:1;pointer-events:auto}
.aa-drawer{position:fixed;top:0;right:0;bottom:0;z-index:260;width:min(520px,100vw);overflow-y:auto;background:linear-gradient(180deg,#0c0e14,#08090d);border-left:1px solid #1a1d27;box-shadow:-30px 0 80px -20px rgba(0,0,0,.9);padding:22px 22px 40px;box-sizing:border-box;transform:translateX(105%);transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.aa-drawer.open{transform:none}
.aa-drawer::before{content:"";position:absolute;top:-80px;right:-60px;width:260px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(47,140,255,.22),transparent 70%);pointer-events:none}
.aa-dr-x{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:9px;border:1px solid #1f2430;background:#0e1117;color:#a3acbd;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}
.aa-dr-x svg{width:16px;height:16px;transform:rotate(45deg)}
.aa-dr-x:hover{color:#fff;border-color:#34405c}
.aa-dr-head{position:relative;display:flex;align-items:center;gap:14px;padding-right:44px;margin-bottom:16px}
.aa-dr-head h3{margin:0 0 6px;font-size:17px;font-weight:800;color:#fff;word-break:break-all}
.aa-dr-head h3.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:15px;letter-spacing:.3px}
.aa-dr-head small{display:block;margin-top:6px;font-size:12px;color:#7b8496}
.aa-dr-ic{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.aa-dr-ic svg{width:21px;height:21px}
.aa-dr-pills{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.aa-dr-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}
.aa-dr-tile{padding:10px 12px;border-radius:11px;background:#0b0d12;border:1px solid #171a23;min-width:0}
.aa-dr-tile span{display:block;font-size:9.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#6c7588}
.aa-dr-tile b{display:block;margin-top:4px;font-size:15px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aa-dr-tile em{display:block;font-style:normal;font-size:11px;color:#7b8496;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aa-dr-quick{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.aa-dr-quick .aa-muted{font-size:12px}
.aa-dr-sec{margin-top:18px}
.aa-dr-sec h4{display:flex;align-items:center;gap:10px;margin:0 0 9px;font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:#596277}
.aa-dr-sec h4::after{content:"";flex:1;height:1px;background:#15171f}
.aa-owner{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:#0b0d12;border:1px solid #171a23;margin-bottom:8px}
.aa-owner > div{flex:1;min-width:0}
.aa-owner b{display:block;color:#fff;font-size:14px}
.aa-owner small{display:block;font-size:11.5px;color:#7b8496;font-family:ui-monospace,Consolas,monospace}
.aa-inline{display:flex;gap:8px;align-items:center}
.aa-inline.end{justify-content:flex-end;margin-top:8px}
.aa-inline input{flex:1;min-width:0;height:34px;margin:0;padding:0 11px;border-radius:9px;border:1px solid #1a1d27;background:#0b0d12;color:#fff;font-size:13px}
.aa-inline input:focus{outline:none;border-color:#2f8cff}
.aa-dl{border:1px solid #171a23;border-radius:12px;overflow:hidden}
.aa-dl-row{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px;padding:9px 12px;border-bottom:1px solid #12141b;font-size:13px}
.aa-dl-row:last-child{border-bottom:0}
.aa-dl-row span{color:#7b8496}
.aa-dl-row b{font-weight:600;color:#e6ebf3;word-break:break-word}
.aa-dr-acts{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.aa-dr-acts button{display:flex;align-items:center;justify-content:center;gap:8px;height:38px;border-radius:10px;border:1px solid #1d222d;background:#0d1016;color:#dbe3ef;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:border-color .15s,background .15s}
.aa-dr-acts button svg{width:15px;height:15px;color:#7b8496}
.aa-dr-acts button:hover{border-color:#34405c;background:#11151e}
.aa-dr-acts button:hover svg{color:#4f9bff}
.aa-dr-acts button.danger{color:#ff8a8e;border-color:rgba(229,72,77,.25)}
.aa-dr-acts button.danger svg{color:#ff6b70}
.aa-dr-acts button.danger:hover{background:rgba(229,72,77,.08);border-color:rgba(229,72,77,.5)}
.aa-dr-acts button.wide{grid-column:1 / -1}
.aa-dr-edit{margin-top:10px;padding:12px;border-radius:12px;border:1px solid rgba(47,140,255,.3);background:rgba(47,140,255,.05)}
.aa-dr-edit h5{margin:0 0 10px;font-size:12.5px;color:#fff}
.aa-dr-edit textarea{width:100%;box-sizing:border-box;margin:0;padding:9px 11px;border-radius:9px;border:1px solid #1a1d27;background:#0b0d12;color:#fff;font:inherit;font-size:13px;resize:vertical}
.aa-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.aa-chips button{height:30px;padding:0 11px;border-radius:8px;border:1px solid #1f2430;background:#0b0d12;color:#dbe3ef;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.aa-chips button:hover{border-color:#2f8cff;color:#fff}
.aa-timeline{display:flex;flex-direction:column}
.aa-tl-item{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:start;padding:8px 0;border-bottom:1px dashed #15171f}
.aa-tl-item:last-child{border-bottom:0}
.aa-tl-ic{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:rgba(46,204,113,.1);color:#3ddc84}
.aa-tl-ic svg{width:14px;height:14px}
.aa-tl-item b{display:block;font-size:12.5px;color:#fff}
.aa-tl-item small{display:block;font-size:11px;color:#7b8496;word-break:break-word}
.aa-tl-item em{font-style:normal;font-size:11px;color:#596277;white-space:nowrap;padding-top:2px}
.aa-lics{display:flex;flex-direction:column;gap:6px}
.aa-lic{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:11px;background:#0b0d12;border:1px solid #171a23;font-size:12.5px;color:#cfd6e2}
.aa-lic span{flex:1}
.aa-lic em{font-style:normal;font-size:11px;color:#6c7588}
.aa-dr-head.user .aa-av{box-shadow:0 0 0 3px rgba(47,140,255,.25)}
/* Software picker (create dialog + drawer) */
.kx-soft-pick{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-bottom:14px}
.kx-soft-pick button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px;border-radius:12px;border:1px solid #1d222d;background:#0b0d12;color:#dbe3ef;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.kx-soft-pick button svg{width:18px;height:18px;color:#5aa7ff;margin-bottom:4px}
.kx-soft-pick button b{font-size:13.5px;color:#fff}
.kx-soft-pick button small{font-size:11px;color:#7b8496}
.kx-soft-pick button:hover{border-color:#34405c}
.kx-soft-pick button.on{border-color:#2f8cff;background:rgba(47,140,255,.09);box-shadow:0 0 0 1px rgba(47,140,255,.35)}
.kx-soft-pick button.on::after{content:"";position:absolute;top:10px;right:10px;width:8px;height:8px;border-radius:50%;background:#2f8cff;box-shadow:0 0 10px #2f8cff}
/* Modals of the admin app */
.cmodal-ov.aa-modal-ov{z-index:320}
.cmodal.aa-modal{max-width:520px;padding:0;overflow:hidden}
.aa-modal-h{display:flex;gap:12px;align-items:flex-start;padding:20px 22px 6px}
.aa-modal-h .aa-h-ic{width:38px;height:38px;border-radius:11px}
.aa-modal-h .aa-h-ic svg{width:18px;height:18px}
.aa-modal-h h3{margin:0;font-size:17px;font-weight:800;color:#fff}
.aa-modal-h p{margin:3px 0 0;font-size:12.5px;color:#8892a6;line-height:1.5}
.aa-modal-b{padding:14px 22px 6px;max-height:62vh;overflow-y:auto}
.aa-modal-f{display:flex;justify-content:flex-end;gap:8px;padding:14px 22px 18px;border-top:1px solid #15171f;margin-top:10px;background:rgba(0,0,0,.18)}
.aa-f-l,.aa-f{display:block;font-size:10.5px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;color:#7b8496;margin-bottom:8px}
.aa-f{margin-bottom:12px}
.aa-f input,.aa-f select{display:block;width:100%;box-sizing:border-box;height:40px;margin-top:6px;padding:0 12px;border-radius:10px;border:1px solid #1d222d;background:#0b0d12;color:#fff;font-size:14px;font-weight:500;letter-spacing:0;text-transform:none}
.aa-f select{appearance:none;-webkit-appearance:none;background:#0b0d12 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237b8496' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 12px center/14px}
.aa-f input:focus,.aa-f select:focus{outline:none;border-color:#2f8cff;box-shadow:0 0 0 3px rgba(47,140,255,.15)}
.aa-f input:disabled,.aa-f select:disabled{opacity:.6}
.aa-f2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.aa-check{display:flex;align-items:center;gap:9px;font-size:13px;color:#cfd6e2;cursor:pointer;margin:4px 0 6px}
.aa-check input{width:16px;height:16px;margin:0;accent-color:#2f8cff}
.kc-out{display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto}
.kc-key{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid rgba(47,140,255,.3);background:rgba(47,140,255,.06);color:#fff;font:600 13px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.4px;cursor:pointer;text-align:left}
.kc-key svg{width:14px;height:14px;color:#5aa7ff;flex-shrink:0}
.kc-key:hover{border-color:#2f8cff;background:rgba(47,140,255,.12)}
.kt-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #15171f}
.kt-row:last-child{border-bottom:0}
.kt-row > div{flex:1;min-width:0}
.kt-row b{display:block;font-size:13px;color:#fff}
.kt-row small{display:block;font-size:11.5px;color:#7b8496}
/* Team */
.tm-list{display:flex;flex-direction:column}
.tm-group{font-size:10px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:#596277;padding:12px 2px 6px}
.tm-group:first-child{padding-top:0}
.tm-row{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:11px;border:1px solid #151820;background:#0b0d12;margin-bottom:6px}
.tm-main{flex:1;min-width:0}
.tm-main b{display:flex;align-items:center;gap:7px;font-size:13.5px;color:#fff}
.tm-main b .aa-pill{height:18px;font-size:10px}
.tm-main small{display:block;font-size:11.5px;color:#6c7588;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tm-src{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#8b9cf7;background:rgba(88,101,242,.12);padding:4px 8px;border-radius:7px;white-space:nowrap}
.tm-src svg{width:12px;height:12px}
.tm-matrix{display:flex;flex-direction:column;gap:10px}
.tm-acc{padding:10px 12px;border-radius:11px;background:#0b0d12;border:1px solid #151820}
.tm-acc .rank-chip{font-size:10.5px}
.tm-acc p{margin:6px 0 0;font-size:12.5px;color:#9aa3b5;line-height:1.5}
/* Old panels inside the new shell */
.adm-app .apanel .dash-card{padding:18px}
.adm-app .apanel .table-wrap{border-radius:12px}
.adm-app #toasts{z-index:400}
.adm-app .cmodal-ov{z-index:330}
.adm-app .cmdk-ov{z-index:340}
/* Responsive */
@media(max-width:1180px){
  .aa-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .aa-search{width:220px}
}
@media(max-width:980px){
  .aa{grid-template-columns:minmax(0,1fr)}
  .aa-side{position:fixed;left:0;top:0;bottom:0;width:264px;transform:translateX(-102%);transition:transform .25s cubic-bezier(.2,.8,.2,1);box-shadow:30px 0 80px -20px rgba(0,0,0,.9)}
  .aa-side.open{transform:none}
  .aa-scrim{display:block;position:fixed;inset:0;z-index:35;background:rgba(2,3,6,.6);opacity:0;pointer-events:none;transition:opacity .2s}
  .aa-scrim.open{opacity:1;pointer-events:auto}
  .aa-burger{display:inline-flex}
  .aa-top{padding:10px 16px;gap:10px}
  .aa-search{width:38px;padding:0;justify-content:center}
  .aa-search span,.aa-search kbd{display:none}
  .aa-live{display:none}
  .aa-body{padding:18px 16px 60px}
  .aa-grid-21{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:640px){
  .aa-kpis,#tmKpis.aa-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .aa-kpi{min-height:100px;padding:13px}
  .aa-kpi-v{font-size:23px}
  .aa-head h2{font-size:22px}
  .aa-head-r{width:100%}
  .aa-head-r .aa-btn{flex:1}
  .aa-select{flex:1}
  .aa-table{min-width:720px}
  .aa-drawer{padding:18px 16px 40px}
  .aa-dr-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .aa-dr-acts{grid-template-columns:1fr}
  .aa-dl-row{grid-template-columns:100px minmax(0,1fr)}
  .aa-f2{grid-template-columns:1fr}
  .tm-row{flex-wrap:wrap}
  .aa-bulk{top:66px}
}
@media(prefers-reduced-motion:reduce){
  .aa-drawer,.aa-side,.aa-live i,.aa-pill.dot::before{transition:none;animation:none}
}

/* ============================================================
   SITE BAR (.kn), HOMEPAGE (.kh), FOOTER (.kf)
   ============================================================ */
.kn{position:sticky;top:0;z-index:60;padding:14px 24px 0;transition:padding .25s ease}
.kn-in{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:14px;height:62px;padding:0 10px 0 16px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(16,18,26,.72),rgba(9,10,15,.72));backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);box-shadow:0 18px 50px -24px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.05);transition:height .25s ease,border-color .25s,background .25s}
.kn.scrolled{padding-top:8px}
.kn.scrolled .kn-in{height:56px;border-color:rgba(47,140,255,.18);background:linear-gradient(180deg,rgba(12,14,22,.9),rgba(8,9,14,.9))}
.kn-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;flex-shrink:0}
.kn-logo{position:relative;width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,rgba(74,222,128,.22),rgba(10,30,18,.6) 70%);border:1px solid rgba(74,222,128,.25);box-shadow:0 8px 20px -10px rgba(34,197,94,.7)}
.kn-logo img{width:24px;height:auto;display:block}
.kn-logo svg{width:24px;height:24px}
.kn-logo img + svg{display:none}
.kn-brand-t strong{display:block;font-size:16px;font-weight:900;letter-spacing:-.3px;line-height:1.05}
.kn-brand-t strong em{font-style:normal;background:linear-gradient(135deg,#3d9bff,#7cc4ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.kn-brand-t small{display:block;font-size:10px;font-weight:700;letter-spacing:1px;color:#6c7588;text-transform:uppercase}
.kn-links{display:flex;align-items:center;gap:2px;margin:0 auto;overflow:visible}
.kn .nav-item{position:relative;background:transparent;border:0;color:#9aa3b5;font:inherit;font-size:13.5px;font-weight:600;letter-spacing:0;padding:9px 13px;border-radius:10px;cursor:pointer;white-space:nowrap;transition:color .15s,background .15s;box-shadow:none;transform:none}
.kn .nav-item:hover{color:#fff;background:rgba(255,255,255,.04);transform:none}
.kn .nav-item.active{color:#fff;background:transparent;box-shadow:none}
.kn .nav-item.active::after{content:"";position:absolute;left:13px;right:13px;bottom:2px;height:2px;border-radius:2px;background:linear-gradient(90deg,#0056ff,#3d9bff);box-shadow:0 0 10px rgba(47,140,255,.8)}
.kn .nav-item.hidden{display:none}
.kn-right{display:flex;align-items:center;gap:8px;flex-shrink:0}
.kn-icon{width:38px;height:38px;border-radius:11px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#cfd6e2;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:border-color .15s,color .15s,background .15s;padding:0}
.kn-icon svg{width:18px;height:18px}
.kn-icon:hover{border-color:rgba(47,140,255,.45);color:#fff;background:rgba(47,140,255,.08)}
.kn-discord:hover{color:#8b9cf7;border-color:rgba(88,101,242,.5);background:rgba(88,101,242,.1)}
.kn .cart-btn{border-radius:11px}
.kn .nav-auth{margin-left:2px}
.kn .nav-auth .btn{height:38px;padding:0 15px;border-radius:11px;font-size:12px}
.kn .burger{display:none}
.kn .profile-pill{height:38px;border-radius:11px;background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.08);padding:0 12px 0 5px}
.kn .profile-pill .pf-avatar{width:28px;height:28px;border-radius:8px}
.kn .profile-menu{border-radius:14px;background:linear-gradient(180deg,#141720,#0d0f15);border-color:rgba(255,255,255,.08)}
.kn .mobile-menu{max-width:1200px;margin:8px auto 0;border-radius:16px;background:rgba(10,12,18,.96);backdrop-filter:blur(14px);border-color:rgba(255,255,255,.08)}
.kn .mobile-menu button{border-radius:10px;font-size:14px;font-weight:600}
.kn .mobile-menu button:hover{background:rgba(255,255,255,.05)}
@media(max-width:980px){
  .kn{padding:10px 12px 0}
  .kn-links{display:none}
  .kn .burger{display:inline-flex}
  .kn-right{margin-left:auto}
}
@media(max-width:560px){
  .kn-brand-t small{display:none}
  .kn-discord{display:none}
  .kn .nav-auth .btn{display:none}
  .kn-in{gap:8px;padding:0 8px 0 10px}
  .kn-right{gap:6px}
  .kn .profile-pill span:not(.pf-avatar){display:none}
}
/* ---------- Homepage ---------- */
main:has(> .page[data-page="home"].active){max-width:1200px}
.kh{position:relative}
.kh-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center;padding:56px 0 30px}
.kh-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:5px 12px 5px 5px;border-radius:999px;border:1px solid rgba(47,140,255,.25);background:rgba(47,140,255,.06);color:#cfe0f5;font-size:13px;font-weight:600;text-decoration:none;transition:border-color .15s,background .15s}
.kh-eyebrow:hover{border-color:rgba(47,140,255,.55);background:rgba(47,140,255,.1)}
.kh-eyebrow svg{width:13px;height:13px;color:#4f9bff}
.kh-new{font-size:10.5px;font-weight:900;letter-spacing:.8px;color:#fff;background:linear-gradient(135deg,#0056ff,#2e8fff);padding:3px 8px;border-radius:999px}
.kh-title{margin:22px 0 18px;font-size:clamp(40px,5.6vw,68px);line-height:1.02;font-weight:900;letter-spacing:-2.2px;color:#fff}
.kh-title span{background:linear-gradient(120deg,#2e8fff 10%,#7cc4ff 55%,#2e8fff 90%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:khShine 6s linear infinite}
@keyframes khShine{to{background-position:200% center}}
.kh-lead{margin:0;max-width:520px;font-size:17px;line-height:1.6;color:#9aa3b5}
.kh-lead b{color:#fff}
.kh-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.kh-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:50px;padding:0 24px;border-radius:13px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#e6ebf3;font:inherit;font-size:15px;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .15s,border-color .15s,background .15s,box-shadow .2s}
.kh-btn svg{width:17px;height:17px}
.kh-btn:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.07)}
.kh-btn.primary{border-color:transparent;color:#fff;background:linear-gradient(135deg,#0056ff,#2e8fff);box-shadow:0 14px 34px -12px rgba(0,110,255,.95),inset 0 1px 0 rgba(255,255,255,.25)}
.kh-btn.primary:hover{box-shadow:0 18px 40px -12px rgba(0,110,255,1),inset 0 1px 0 rgba(255,255,255,.3)}
.kh-btn.primary:hover svg{transform:translateX(2px)}
.kh-btn svg{transition:transform .15s}
.kh-stats{display:flex;gap:0;margin-top:36px;padding-top:24px;border-top:1px solid rgba(255,255,255,.07);max-width:520px}
.kh-stats > div{flex:1;padding-right:18px}
.kh-stats > div + div{padding-left:18px;border-left:1px solid rgba(255,255,255,.07)}
.kh-stats strong{display:block;font-size:28px;font-weight:900;letter-spacing:-.8px;color:#fff;font-variant-numeric:tabular-nums}
.kh-stats span{display:block;font-size:12px;font-weight:600;color:#6c7588;margin-top:2px}
/* hero visual: orbit */
.kh-orbit{position:relative;width:100%;max-width:500px;aspect-ratio:1;margin:0 auto}
.ko-glow{position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle,rgba(0,110,255,.42),rgba(0,86,255,.08) 55%,transparent 70%);filter:blur(30px);animation:koBreath 6s ease-in-out infinite}
@keyframes koBreath{0%,100%{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
.ko-ring{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(120,170,255,.14);transform:translate(-50%,-50%);animation:koSpin 36s linear infinite}
.ko-ring::before{content:"";position:absolute;inset:-1px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 70%,rgba(61,155,255,.55) 85%,transparent 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 calc(100% - 1px))}
.ko-ring.r1{width:46%;height:46%}
.ko-ring.r2{width:76%;height:76%;animation-duration:58s;animation-direction:reverse}
.ko-ring.r3{width:98%;height:98%;border-style:dashed;border-color:rgba(120,170,255,.07);animation-duration:120s}
.ko-ring.r3::before{display:none}
@keyframes koSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes koCounter{to{transform:rotate(-360deg)}}
.ko-ring.r2 .ko-chip{animation-duration:58s;animation-direction:reverse}
/* each logo sits at angle --a on the ring edge and counter-rotates so it stays upright */
.ko-item{position:absolute;inset:0;transform:rotate(var(--a));pointer-events:none}
.ko-chip{position:absolute;left:100%;top:50%;translate:-50% -50%;rotate:calc(-1 * var(--a));animation:koCounter 36s linear infinite;display:flex;padding:6px;border-radius:15px;background:rgba(10,13,22,.85);border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 30px -12px rgba(0,0,0,.9),0 0 0 4px rgba(6,8,14,.6);backdrop-filter:blur(6px)}
.ko-chip .kh-pl{width:38px;height:38px;border-radius:11px}
.ko-chip .kh-pl svg{width:21px;height:21px}
.ko-spark{width:10px;height:10px;margin:4px;border-radius:50%;background:#3d9bff;box-shadow:0 0 14px 3px rgba(61,155,255,.8)}
.ko-ring.r2 .ko-chip:has(.ko-spark){padding:0;border-radius:50%;background:transparent;border:0;box-shadow:none}
.ko-core{position:absolute;left:50%;top:50%;width:22%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:30%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,rgba(74,222,128,.25),rgba(8,20,14,.95) 70%);border:1px solid rgba(74,222,128,.35);box-shadow:0 0 0 8px rgba(34,197,94,.05),0 20px 60px -10px rgba(34,197,94,.45),inset 0 1px 0 rgba(255,255,255,.12)}
.ko-core svg{width:56%;height:56%;position:relative;z-index:1}
.ko-ripple{position:absolute;inset:0;border-radius:30%;border:1px solid rgba(74,222,128,.45);animation:koRipple 3.6s ease-out infinite}
.ko-ripple.d2{animation-delay:1.8s}
@keyframes koRipple{from{transform:scale(1);opacity:.8}to{transform:scale(2.1);opacity:0}}
.ko-toast{position:absolute;display:flex;align-items:center;gap:10px;padding:9px 14px 9px 9px;border-radius:14px;background:rgba(10,13,22,.88);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);box-shadow:0 18px 40px -18px rgba(0,0,0,.95);opacity:0;animation:koToast 9s cubic-bezier(.16,1,.3,1) infinite;white-space:nowrap;z-index:2}
.ko-toast i{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ko-toast i svg{width:15px;height:15px}
.ko-toast span{font-size:11.5px;color:#7b8496;line-height:1.3}
.ko-toast b{display:block;font-size:13px;color:#fff}
.ko-toast.t1{left:-8%;top:6%}
.ko-toast.t2{right:-6%;top:46%;animation-delay:3s}
.ko-toast.t3{left:6%;bottom:8%;animation-delay:6s}
@keyframes koToast{0%{opacity:0;transform:translateY(10px) scale(.96);filter:blur(4px)}6%,30%{opacity:1;transform:none;filter:none}36%,100%{opacity:0;transform:translateY(-8px) scale(.98);filter:blur(3px)}}
/* brand logo tile (Steam, Discord, ...) */
.kh-pl{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.kh-pl svg{width:19px;height:19px;display:block}
/* marquee */
.kh-marquee{position:relative;overflow:hidden;margin:6px 0 0;padding:16px 0;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.kh-mq-track{display:flex;align-items:center;gap:26px;width:max-content;animation:khMarquee 38s linear infinite}
.kh-marquee:hover .kh-mq-track{animation-play-state:paused}
@keyframes khMarquee{to{transform:translateX(-50%)}}
.kh-mq-track > span{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:#aeb6c6;white-space:nowrap}
.kh-mq-track .kh-pl{width:30px;height:30px;border-radius:9px}
.kh-mq-track .kh-pl svg{width:17px;height:17px}
.kh-mq-track .mq-txt{color:#6c7588;font-weight:600}
.kh-mq-track > i{width:5px;height:5px;border-radius:50%;background:#2a3550;flex-shrink:0}
/* scroll animations: [data-anim] fades in once, [data-stagger] children follow each other */
.js [data-anim]{opacity:0;transform:translateY(28px);filter:blur(8px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1),filter .9s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--d,0) * 90ms + var(--i,0) * 85ms);will-change:opacity,transform}
.js [data-anim="zoom"]{transform:scale(.94)}
.js [data-anim].in{opacity:1;transform:none;filter:none}
.js [data-anim].in.done{will-change:auto}
.kh-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:70;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#0056ff,#3d9bff,#7cc4ff);box-shadow:0 0 12px rgba(61,155,255,.8);pointer-events:none}
/* sections */
.kh-sec{margin-top:96px}
.kh-sec-head{text-align:center;margin-bottom:32px}
.kh-kicker{display:inline-block;font-size:11.5px;font-weight:900;letter-spacing:2px;color:#4f9bff;margin-bottom:10px}
.kh-sec-head h2{margin:0;font-size:clamp(28px,3.4vw,40px);font-weight:900;letter-spacing:-1.2px;color:#fff}
.kh-sec-head p{margin:10px auto 0;max-width:560px;font-size:15.5px;color:#8892a6}
.kh-link{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding:0;background:none;border:0;color:#4f9bff;font:inherit;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none}
.kh-link svg{width:15px;height:15px;transition:transform .15s}
.kh-link:hover{color:#8cc4ff}
.kh-link:hover svg{transform:translateX(3px)}
.kh-prods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.kh-prod{position:relative;display:flex;flex-direction:column;gap:10px;padding:26px;border-radius:20px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(17,20,28,.9),rgba(10,12,17,.9));transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden}
.kh-prod:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.14);box-shadow:0 24px 50px -28px rgba(0,0,0,.9)}
.kh-prod.hot{border-color:rgba(47,140,255,.45);background:linear-gradient(180deg,rgba(14,26,52,.95),rgba(10,12,20,.95));box-shadow:0 0 0 1px rgba(47,140,255,.15),0 30px 60px -30px rgba(0,110,255,.6)}
.kh-prod.hot::before{content:"";position:absolute;top:-80px;right:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(47,140,255,.3),transparent 70%);pointer-events:none}
.kh-badge{position:absolute;top:18px;right:18px;font-size:10.5px;font-weight:900;letter-spacing:.6px;color:#fff;background:linear-gradient(135deg,#0056ff,#2e8fff);padding:5px 10px;border-radius:999px}
.kh-prod-ic,.kh-tile-ic{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.kh-prod-ic svg,.kh-tile-ic svg{width:22px;height:22px}
.kh-prod h3{margin:8px 0 0;font-size:20px;font-weight:800;color:#fff}
.kh-prod p{margin:0;font-size:14px;line-height:1.55;color:#8892a6}
.kh-prod ul{list-style:none;margin:6px 0 14px;padding:0;display:flex;flex-direction:column;gap:8px}
.kh-prod li{display:flex;align-items:center;gap:9px;font-size:13.5px;color:#cfd6e2}
.kh-prod li::before{content:"";width:16px;height:16px;flex-shrink:0;border-radius:50%;background:rgba(46,204,113,.14) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233ddc84' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") no-repeat center/10px}
/* bento */
.kh-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.kh-tile{display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(17,20,28,.85),rgba(10,12,17,.85));text-align:left;font:inherit;color:inherit;transition:border-color .2s,transform .2s}
.kh-tile:hover{border-color:rgba(255,255,255,.14)}
.kh-tile h4{margin:8px 0 0;font-size:16px;font-weight:800;color:#fff}
.kh-tile p{margin:0;font-size:13.5px;line-height:1.55;color:#8892a6}
.kh-tile.big{grid-column:span 2;grid-row:span 2;padding-top:96px;min-height:260px;position:relative;overflow:hidden;background:radial-gradient(500px 260px at 0% 0%,rgba(46,204,113,.12),transparent 60%),linear-gradient(180deg,rgba(17,20,28,.9),rgba(10,12,17,.9))}
.kh-tile.big .kh-tile-ic{position:absolute;top:22px;left:22px;width:56px;height:56px;border-radius:16px}
.kh-tile.big .kh-tile-ic svg{width:27px;height:27px}
.kh-tile.big h4{font-size:22px}
.kh-tile.big p{font-size:14.5px;max-width:420px;margin-bottom:10px}
.kh-tile.wide{grid-column:span 4;flex-direction:row;align-items:center;gap:18px;cursor:pointer;background:linear-gradient(90deg,rgba(0,86,255,.14),rgba(10,12,17,.85) 60%);border-color:rgba(47,140,255,.25)}
.kh-tile.wide:hover{transform:translateY(-2px);border-color:rgba(47,140,255,.5)}
.kh-tile.wide > div{flex:1}
.kh-tile.wide h4{margin:0 0 4px}
.kh-tile-go{width:22px;height:22px;color:#4f9bff;flex-shrink:0}
/* steps */
.kh-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:s;position:relative}
.kh-steps::before{content:"";position:absolute;top:44px;left:16%;right:16%;height:2px;background:linear-gradient(90deg,transparent,rgba(47,140,255,.4),transparent);pointer-events:none}
.kh-step{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:24px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(17,20,28,.88),rgba(10,12,17,.88))}
.kh-step-n{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:900;color:#fff;background:linear-gradient(135deg,#0056ff,#2e8fff);box-shadow:0 10px 24px -10px rgba(0,110,255,.9);margin-bottom:6px}
.kh-step h4{margin:0;font-size:17px;font-weight:800;color:#fff}
.kh-step p{margin:0 0 10px;font-size:14px;color:#8892a6}
/* CTA band */
.kh-band{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:96px;padding:36px 40px;border-radius:24px;border:1px solid rgba(47,140,255,.3);background:radial-gradient(600px 240px at 100% 0%,rgba(88,101,242,.22),transparent 60%),radial-gradient(500px 240px at 0% 100%,rgba(0,86,255,.25),transparent 60%),linear-gradient(180deg,#0d1424,#090c15);box-shadow:0 30px 70px -40px rgba(0,110,255,.8)}
.kh-band h2{margin:0;font-size:30px;font-weight:900;letter-spacing:-.8px;color:#fff}
.kh-band p{margin:6px 0 0;font-size:15px;color:#9aa3b5}
.kh-band .kh-cta{margin-top:0}
.kh-faq{max-width:780px;margin:96px auto 0}
/* footer */
footer.kf{max-width:1200px;margin:90px auto 0;padding:0 24px 28px;text-align:left;border-top:0;font-size:13.5px}
.kf-top{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:30px;padding:36px 0 30px;border-top:1px solid rgba(255,255,255,.07)}
.kf-brand p{margin:14px 0 14px;max-width:320px;color:#7b8496;line-height:1.6}
.kf-discord{display:inline-flex;align-items:center;gap:8px;color:#8b9cf7;font-weight:700;text-decoration:none}
.kf-discord svg{width:17px;height:17px}
.kf-discord:hover{color:#b3bdfb}
.kf-col{display:flex;flex-direction:column;gap:9px}
.kf-col h5{margin:4px 0 6px;font-size:11px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;color:#596277}
.kf-col a{color:#a3acbd;text-decoration:none;font-weight:600;width:fit-content}
.kf-col a:hover{color:#fff}
.kf-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:18px;border-top:1px solid rgba(255,255,255,.05);font-size:12.5px;color:#596277}
@media(max-width:1000px){
  .kh-hero{grid-template-columns:minmax(0,1fr);gap:20px;padding-top:30px;text-align:center}
  .kh-lead,.kh-stats{margin-left:auto;margin-right:auto}
  .kh-cta{justify-content:center}
  .kh-orbit{max-width:420px}
  .kh-prods{grid-template-columns:minmax(0,1fr)}
  .kh-bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kh-tile.big{grid-column:span 2;grid-row:auto;min-height:220px}
  .kh-tile.wide{grid-column:span 2}
  .kh-steps{grid-template-columns:minmax(0,1fr)}
  .kh-steps::before{display:none}
  .kf-top{grid-template-columns:repeat(3,minmax(0,1fr))}
  .kf-brand{grid-column:1 / -1}
}
@media(max-width:560px){
  .kh-title{letter-spacing:-1.4px}
  .kh-lead{font-size:15.5px}
  .kh-btn{flex:1;height:48px;padding:0 16px}
  .kh-stats strong{font-size:22px}
  .kh-stats > div{padding-right:10px}
  .kh-stats > div + div{padding-left:10px}
  .kh-orbit{max-width:340px}
  .ko-toast{display:none}
  .ko-chip .kh-pl{width:30px;height:30px}
  .ko-chip .kh-pl svg{width:17px;height:17px}
  .kh-sec,.kh-band,.kh-faq{margin-top:70px}
  .kh-bento{grid-template-columns:minmax(0,1fr)}
  .kh-tile.big,.kh-tile.wide{grid-column:auto}
  .kh-tile.wide{flex-direction:column;align-items:flex-start}
  .kh-band{padding:26px 22px}
  .kh-band .kh-cta{width:100%}
  .kf-top{grid-template-columns:repeat(2,minmax(0,1fr))}
  footer.kf{padding:0 16px 24px}
}
@media(prefers-reduced-motion:reduce){
  .kh-title span,.ko-ring,.ko-chip,.ko-glow,.ko-ripple,.kh-mq-track{animation:none}
  .ko-toast{animation:none;opacity:1}
  .ko-toast.t2,.ko-toast.t3{display:none}
  .js [data-anim]{opacity:1;transform:none;filter:none;transition:none}
}

/* ═══════════════════════════════════════════════════════════════════
   BX — Expanded Blacklist & Abuse panels (insane edition)
   ═══════════════════════════════════════════════════════════════════ */
.bx-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:4px 0 16px}
.bx-stat{position:relative;overflow:hidden;border-radius:16px;padding:16px 16px 14px;
  background:linear-gradient(165deg,rgba(255,255,255,.055),rgba(255,255,255,.012));
  border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px rgba(0,0,0,.28);transition:transform .2s,border-color .2s}
.bx-stat:hover{transform:translateY(-3px);border-color:rgba(58,184,255,.3)}
.bx-stat::after{content:'';position:absolute;inset:0 0 auto 0;height:3px;background:var(--bxc,#3ab8ff);opacity:.9}
.bx-stat::before{content:'';position:absolute;right:-30px;top:-30px;width:90px;height:90px;border-radius:50%;
  background:var(--bxc,#3ab8ff);filter:blur(42px);opacity:.14}
.bx-stat .bx-sv{font-size:28px;font-weight:900;letter-spacing:-.02em;color:#eef3fa;line-height:1}
.bx-stat .bx-sl{margin-top:5px;font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#8494a6}
.bx-stat .bx-si{position:absolute;top:14px;right:14px;width:20px;height:20px;color:var(--bxc,#3ab8ff);opacity:.8}
.bx-stat .bx-si svg{width:20px;height:20px}
.bx-c-red{--bxc:#ff4f6a}.bx-c-orange{--bxc:#ff9838}.bx-c-yellow{--bxc:#ffc800}.bx-c-blue{--bxc:#3ab8ff}.bx-c-green{--bxc:#2ed47a}.bx-c-purple{--bxc:#a97bff}.bx-c-gray{--bxc:#7c8aa0}

.bx-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 16px}
.bx-chips{display:flex;gap:7px;flex-wrap:wrap}
.bx-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:10px;cursor:pointer;
  border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.03);color:#8494a6;
  font-size:12px;font-weight:700;letter-spacing:.01em;transition:all .15s;white-space:nowrap}
.bx-chip:hover{color:#eaf0f8;border-color:rgba(58,184,255,.28)}
.bx-chip.active{background:rgba(58,184,255,.14);border-color:rgba(58,184,255,.4);color:#3ab8ff;box-shadow:0 0 14px rgba(58,184,255,.12)}
.bx-chip .bx-cn{font-size:10.5px;font-weight:800;padding:1px 6px;border-radius:99px;background:rgba(255,255,255,.08);color:inherit}
.bx-search{flex:1;min-width:200px;display:flex;align-items:center;gap:9px;padding:9px 14px;border-radius:11px;
  background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}
.bx-search svg{width:16px;height:16px;color:#6f7f90;flex-shrink:0}
.bx-search input{flex:1;background:none;border:none;outline:none;color:#eaf0f8;font-size:13px}
.bx-search input::placeholder{color:#5e6b7d}

.bx-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px}
.bx-card{position:relative;overflow:hidden;border-radius:15px;padding:15px 16px 14px 20px;
  background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
  border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 24px rgba(0,0,0,.26);
  transition:transform .18s,border-color .18s,box-shadow .18s;animation:bxIn .32s cubic-bezier(.2,.8,.2,1.1) both}
.bx-card:hover{transform:translateY(-3px);border-color:var(--bxc,rgba(58,184,255,.35));box-shadow:0 16px 40px rgba(0,0,0,.4)}
.bx-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--bxc,#3ab8ff)}
@keyframes bxIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.bx-card-top{display:flex;align-items:center;gap:9px;margin-bottom:10px}
.bx-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:8px;font-size:10.5px;font-weight:800;
  letter-spacing:.05em;text-transform:uppercase;background:color-mix(in srgb,var(--bxc) 16%,transparent);
  color:var(--bxc);border:1px solid color-mix(in srgb,var(--bxc) 32%,transparent)}
.bx-badge svg{width:12px;height:12px}
.bx-card-time{margin-left:auto;font-size:11px;color:#6f7f90;white-space:nowrap}
.bx-card-main{font-size:15px;font-weight:800;color:#eef3fa;word-break:break-all;line-height:1.25}
.bx-reason{margin-top:8px;display:inline-block;padding:4px 10px;border-radius:8px;font-size:12px;font-weight:600;
  background:rgba(255,79,106,.12);color:#ff8794;border:1px solid rgba(255,79,106,.22);max-width:100%;word-break:break-word}
.bx-meta{margin-top:10px;display:flex;flex-direction:column;gap:5px}
.bx-meta-row{display:flex;align-items:center;gap:8px;font-size:11.5px;color:#9fb0c2}
.bx-meta-row b{color:#6f7f90;font-weight:700;min-width:56px;font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.bx-meta-row .pv,.bx-mono{font-family:ui-monospace,Consolas,monospace;color:#b9c6d6;word-break:break-all;cursor:pointer}
.bx-actions{margin-top:12px;display:flex;gap:7px;flex-wrap:wrap}
.bx-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:9px;cursor:pointer;
  border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#c3cedb;
  font-size:11.5px;font-weight:700;transition:all .15s}
.bx-btn:hover{background:rgba(255,255,255,.08);color:#fff}
.bx-btn svg{width:13px;height:13px}
.bx-btn.primary{border-color:rgba(58,184,255,.35);background:rgba(58,184,255,.14);color:#3ab8ff}
.bx-btn.primary:hover{background:rgba(58,184,255,.24)}
.bx-btn.danger{border-color:rgba(255,79,106,.35);background:rgba(255,79,106,.13);color:#ff6e7e}
.bx-btn.danger:hover{background:rgba(255,79,106,.24)}
.bx-btn.warn{border-color:rgba(255,152,56,.35);background:rgba(255,152,56,.13);color:#ffa24a}
.bx-empty{grid-column:1/-1;text-align:center;padding:48px 20px;color:#6f7f90}
.bx-empty svg{width:46px;height:46px;opacity:.4;margin-bottom:12px}
.bx-empty-t{font-size:15px;font-weight:700;color:#8494a6}
@media(max-width:640px){.bx-cards{grid-template-columns:1fr}.bx-search{min-width:0;width:100%}}

/* Active IP blocks panel (Abuse tab) — the live flood blocks, now liftable */
.abip-panel{margin:0 0 16px;border:1px solid rgba(255,93,108,.28);border-radius:14px;
  background:linear-gradient(180deg,rgba(255,93,108,.09),rgba(255,93,108,.03));padding:14px 16px}
.abip-head{display:flex;align-items:center;gap:9px;margin-bottom:10px;color:#ff8a94;font-weight:800;font-size:14px}
.abip-head svg{width:17px;height:17px}
.abip-head .abip-n{min-width:22px;height:22px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:999px;background:rgba(255,93,108,.2);color:#ffb3ba;font-size:12px;font-weight:800}
.abip-head .abip-all{margin-left:auto}
.abip-rows{display:flex;flex-direction:column;gap:8px}
.abip-row{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:10px;
  background:rgba(10,12,18,.5);border:1px solid rgba(255,255,255,.06)}
.abip-row .abip-ip{font-size:13px;color:#dfe6f0;cursor:pointer}
.abip-row em{font-style:normal;font-size:12px;color:#ff9aa3;font-weight:700;white-space:nowrap}
.abip-row .abip-un{margin-left:auto}
@media(max-width:640px){.abip-row{flex-wrap:wrap}.abip-row .abip-un{margin-left:0}}

/* HWID reset request form (user dashboard) */
.hwidreq-form{display:flex;flex-direction:column;gap:14px}
.hwidreq-field{display:flex;flex-direction:column;gap:6px}
.hwidreq-field>span{font-size:12.5px;font-weight:700;color:#c3cedb}
.hwidreq-field>span em{font-weight:600;color:#8494a6;font-style:normal}
.hwidreq-field input,.hwidreq-field textarea{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 13px;color:#eaf0f8;font-size:13.5px;font-family:inherit;outline:none;transition:border-color .15s;resize:vertical}
.hwidreq-field input:focus,.hwidreq-field textarea:focus{border-color:rgba(58,184,255,.45)}
.hwidreq-field input:read-only{opacity:.7;cursor:not-allowed}
.hwidreq-count{font-size:11px;color:#6f7f90;align-self:flex-end}
.hwidreq-count b{color:#ffc800}

/* ═══════════ STOCK CENTER (redesign) ═══════════ */
.sk2-hero{display:flex;align-items:center;gap:16px;justify-content:space-between;flex-wrap:wrap;
  padding:18px 20px;border-radius:18px;margin:4px 0 16px;
  background:linear-gradient(135deg,rgba(58,184,255,.12),rgba(169,123,255,.06) 60%,rgba(255,255,255,.015));
  border:1px solid rgba(58,184,255,.22);box-shadow:0 12px 36px rgba(0,0,0,.3)}
.sk2-hero-l{display:flex;align-items:center;gap:14px}
.sk2-hero-ic{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;flex:none;
  background:rgba(58,184,255,.16);border:1px solid rgba(58,184,255,.35);color:#3ab8ff}
.sk2-hero-ic svg{width:24px;height:24px}
.sk2-hero-t{margin:0;font-size:19px;font-weight:900;color:#eef3fa;letter-spacing:-.01em}
.sk2-hero-s{margin:3px 0 0;font-size:12.5px;color:#8fa0b4}
.sk2-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:13px}
.sk2-card{position:relative;overflow:hidden;border-radius:16px;padding:15px 16px 14px;
  background:linear-gradient(165deg,rgba(255,255,255,.05),rgba(255,255,255,.012));
  border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 24px rgba(0,0,0,.26);
  transition:transform .18s,border-color .18s,box-shadow .18s;animation:bxIn .34s cubic-bezier(.2,.8,.2,1.1) both}
.sk2-card:hover{transform:translateY(-4px);border-color:var(--bxc,rgba(58,184,255,.4));box-shadow:0 18px 44px rgba(0,0,0,.42)}
.sk2-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--bxc,#3ab8ff)}
.sk2-card::after{content:'';position:absolute;right:-26px;top:-26px;width:84px;height:84px;border-radius:50%;background:var(--bxc,#3ab8ff);filter:blur(44px);opacity:.16}
.sk2-card-top{display:flex;align-items:center;gap:9px;margin-bottom:12px}
.sk2-ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none;
  background:color-mix(in srgb,var(--bxc) 16%,transparent);color:var(--bxc);border:1px solid color-mix(in srgb,var(--bxc) 30%,transparent)}
.sk2-ic svg{width:17px;height:17px}
.sk2-name{font-size:13.5px;font-weight:800;color:#eaf0f8}
.sk2-count{font-size:30px;font-weight:900;letter-spacing:-.02em;color:#fff;line-height:1;display:flex;align-items:baseline;gap:7px}
.sk2-count small{font-size:11px;font-weight:600;color:#7c8ba0;letter-spacing:0}
.sk2-bar{margin:12px 0 11px;height:7px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}
.sk2-bar span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--bxc,#3ab8ff),color-mix(in srgb,var(--bxc) 55%,#fff));transition:width .5s cubic-bezier(.2,.8,.2,1)}
.sk2-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sk2-res{font-size:11.5px;color:#8494a6}
.sk2-res b{color:#b9c6d6}
.bx-btn.sm{padding:5px 10px;font-size:11px}
@media(max-width:560px){.sk2-grid{grid-template-columns:1fr 1fr}.sk2-count{font-size:25px}}

/* Gen limits stepper */
.genlim-row{display:flex;align-items:center;gap:8px;margin:6px 0 6px}
.genlim-step{width:34px;height:36px;border-radius:9px;cursor:pointer;flex:none;font-size:18px;font-weight:800;
  border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#c3cedb;transition:all .15s}
.genlim-step:hover{background:var(--bxc,rgba(58,184,255,.2));color:#fff;border-color:var(--bxc,rgba(58,184,255,.4))}
.genlim-in{flex:1;min-width:0;height:36px;text-align:center;border-radius:9px;border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.25);color:#fff;font-size:17px;font-weight:800;outline:none}
.genlim-in:focus{border-color:var(--bxc,rgba(58,184,255,.5))}
.genlim-in::-webkit-outer-spin-button,.genlim-in::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

/* ═══════════════════════════════════════════════════════════════════
   STOCK — master/detail workbench (admin/stock)
   ═══════════════════════════════════════════════════════════════════ */
.stk{--stk-card:#10131b;--stk-in:#07080c;--stk-line:rgba(255,255,255,.07);--stk-line2:rgba(255,255,255,.12);--stk-mut:#7f8ba0;--stk-txt:#e8edf5;--stk-acc:#3ab8ff;--pc:#3ab8ff;--pt:#061018;color:var(--stk-txt)}
.stk *{box-sizing:border-box}
.stk-top{display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap;margin:2px 0 14px}
.stk-title{margin-right:auto}
.stk-eyebrow{display:block;font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--stk-acc);margin-bottom:5px}
.stk-title h2{margin:0;font-size:30px;font-weight:900;letter-spacing:-.025em;line-height:1}
.stk-kpis{display:flex;gap:6px;flex-wrap:wrap}
.stk-kpi{display:flex;flex-direction:column;gap:3px;padding:9px 14px;min-width:112px;border-radius:12px;background:var(--stk-card);border:1px solid var(--stk-line)}
.stk-kpi-l{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--stk-mut)}
.stk-kpi-v{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.stk-kpi.bad{border-color:rgba(255,93,115,.3)}.stk-kpi.bad .stk-kpi-v{color:#ff5d73}
.stk-kpi.warn{border-color:rgba(255,194,74,.28)}.stk-kpi.warn .stk-kpi-v{color:#ffc24a}
.stk-refresh{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;cursor:pointer;background:var(--stk-card);border:1px solid var(--stk-line);color:var(--stk-mut);transition:color .15s,border-color .15s}
.stk-refresh:hover{color:#fff;border-color:var(--stk-line2)}
.stk-refresh svg{width:18px;height:18px}
.stk-refresh.spin svg{animation:stkSpin .6s ease}
@keyframes stkSpin{to{transform:rotate(360deg)}}
.stk-dist{margin:0 0 18px}
.stk-dist-bar{display:flex;gap:2px;height:8px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.04)}
.stk-dist-bar span{min-width:4px;height:100%;opacity:.85;transition:opacity .15s}
.stk-dist-bar span:hover{opacity:1}
.stk-dist-empty{height:8px;border-radius:99px;background:repeating-linear-gradient(45deg,rgba(255,93,115,.2) 0 6px,rgba(255,93,115,.07) 6px 12px)}
.stk-body{display:grid;grid-template-columns:minmax(260px,330px) minmax(0,1fr);gap:16px;align-items:start}
.stk-empty{margin:0;padding:18px;color:var(--stk-mut);font-size:13px}

/* product list */
.stk-list{display:flex;flex-direction:column;gap:3px;padding:6px;border-radius:16px;background:var(--stk-card);border:1px solid var(--stk-line);position:sticky;top:12px}
.stk-row{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:0 11px;width:100%;padding:10px 12px 11px;border:0;border-radius:11px;background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit;transition:background .15s,box-shadow .15s}
.stk-row:hover{background:rgba(255,255,255,.035)}
.stk-row:focus-visible{outline:2px solid var(--pc);outline-offset:1px}
.stk-row.on{background:color-mix(in srgb,var(--pc) 10%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pc) 30%,transparent)}
.stk-row-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--pc) 14%,transparent);color:var(--pc)}
.stk-row-ic svg{width:17px;height:17px}
.stk-row-txt{display:flex;flex-direction:column;min-width:0}
.stk-row-name{font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stk-row-sub{font-size:11px;color:var(--stk-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stk-row-n{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}
.stk-row.stk-s-out .stk-row-n{color:#ff5d73}
.stk-row.stk-s-low .stk-row-n{color:#ffc24a}
.stk-row-bar{grid-column:2/4;height:3px;margin-top:8px;border-radius:99px;background:rgba(255,255,255,.05);overflow:hidden}
.stk-row-bar i{display:block;height:100%;border-radius:99px;background:var(--pc);opacity:.75;transition:width .5s cubic-bezier(.2,.8,.2,1)}

/* workbench */
.stk-bench{border-radius:18px;background:var(--stk-card);border:1px solid var(--stk-line);overflow:hidden;min-width:0}
.stk-bh{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:20px 22px;background:linear-gradient(120deg,color-mix(in srgb,var(--pc) 13%,transparent),transparent 62%);border-bottom:1px solid var(--stk-line)}
.stk-bh-id{display:flex;align-items:center;gap:14px;min-width:0}
.stk-bh-ic{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;flex:none;background:color-mix(in srgb,var(--pc) 18%,transparent);color:var(--pc);box-shadow:0 0 0 1px color-mix(in srgb,var(--pc) 30%,transparent),0 10px 30px color-mix(in srgb,var(--pc) 22%,transparent)}
.stk-bh-ic svg{width:26px;height:26px}
.stk-bh h3{margin:0 0 6px;font-size:22px;font-weight:800;letter-spacing:-.015em}
.stk-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:99px;font-size:11px;font-weight:700}
.stk-pill i{width:6px;height:6px;border-radius:50%;background:currentColor}
.stk-pill.stk-s-ok{color:#3fd68a;background:rgba(63,214,138,.1)}
.stk-pill.stk-s-low{color:#ffc24a;background:rgba(255,194,74,.1)}
.stk-pill.stk-s-out{color:#ff5d73;background:rgba(255,93,115,.11)}
.stk-bh-sub{margin-left:8px;font-size:11.5px;color:var(--stk-mut)}
.stk-bh-stats{display:flex;align-items:flex-start;gap:26px}
.stk-bh-stats div{display:flex;flex-direction:column;gap:5px}
.stk-bh-stats span{font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--stk-mut)}
.stk-bh-stats b{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}
.stk-bh-stats div:first-child b{font-size:34px;line-height:1;letter-spacing:-.02em}
.stk-tabs{display:flex;gap:2px;padding:0 12px;border-bottom:1px solid var(--stk-line);overflow-x:auto;scrollbar-width:none}
.stk-tabs::-webkit-scrollbar{display:none}
.stk-tab{position:relative;padding:13px 12px;border:0;background:none;color:var(--stk-mut);font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:color .15s}
.stk-tab:hover{color:var(--stk-txt)}
.stk-tab.on{color:#fff}
.stk-tab.on::after{content:'';position:absolute;left:10px;right:10px;bottom:-1px;height:2px;border-radius:2px;background:var(--pc)}
.stk-pane{padding:20px 22px 22px;display:flex;flex-direction:column;gap:14px;animation:stkFade .2s ease}
@keyframes stkFade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

/* inputs */
.stk-drop{display:flex;flex-direction:column;align-items:center;gap:3px;padding:18px;border-radius:14px;border:1.5px dashed var(--stk-line2);background:rgba(255,255,255,.015);cursor:pointer;text-align:center;transition:border-color .15s,background .15s}
.stk-drop:hover,.stk-drop.over{border-color:var(--pc);background:color-mix(in srgb,var(--pc) 6%,transparent)}
.stk-drop-ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.05);color:var(--pc);margin-bottom:5px}
.stk-drop-ic svg{width:18px;height:18px}
.stk-drop-t{font-size:13px;font-weight:700}
.stk-drop-s{font-size:11.5px;color:var(--stk-mut)}
.stk-ta{width:100%;min-height:190px;resize:vertical;padding:12px 14px;border-radius:12px;border:1px solid var(--stk-line2);background:var(--stk-in);color:#dfe6f0;font:12.5px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;outline:none;transition:border-color .15s}
.stk-ta:focus{border-color:color-mix(in srgb,var(--pc) 60%,transparent)}
.stk-ta.tall{min-height:320px}
.stk-ta:disabled{opacity:.55;cursor:not-allowed}
.stk-ana{display:flex;gap:6px;flex-wrap:wrap;min-height:24px}
.stk-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:99px;font-size:11.5px;color:var(--stk-mut);background:rgba(255,255,255,.04)}
.stk-chip b{color:var(--stk-txt);font-variant-numeric:tabular-nums}
.stk-chip code{font-size:11px;color:#c7d2e0;background:none;padding:0}
.stk-chip.ok b{color:#3fd68a}.stk-chip.warn b{color:#ffc24a}.stk-chip.bad b{color:#ff5d73}
.stk-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.stk-foot.top{justify-content:flex-start}
.stk-hint{font-size:11.5px;line-height:1.5;color:var(--stk-mut);max-width:460px}
.stk-num{width:120px;height:38px;padding:0 12px;border-radius:10px;border:1px solid var(--stk-line2);background:var(--stk-in);color:#fff;font:inherit;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;outline:none}
.stk-num:focus{border-color:var(--pc)}

/* buttons */
.stk-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 16px;border-radius:10px;border:1px solid var(--stk-line2);background:rgba(255,255,255,.04);color:var(--stk-txt);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,opacity .15s,filter .15s}
.stk-btn:hover:not(:disabled){background:rgba(255,255,255,.08)}
.stk-btn:focus-visible{outline:2px solid var(--pc);outline-offset:2px}
.stk-btn svg{width:15px;height:15px}
.stk-btn.primary{background:var(--pc);border-color:transparent;color:var(--pt)}
.stk-btn.primary:hover:not(:disabled){background:var(--pc);filter:brightness(1.1)}
.stk-btn.danger{color:#ff7385;border-color:rgba(255,93,115,.32);background:rgba(255,93,115,.07)}
.stk-btn.danger:hover:not(:disabled){background:rgba(255,93,115,.15)}
.stk-btn:disabled{opacity:.4;cursor:not-allowed}
.stk-btn.busy{color:transparent!important;opacity:1}
.stk-btn.busy svg{visibility:hidden}
.stk-btn.busy::after{content:'';position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:stkSpin .7s linear infinite}
.stk-btn.primary.busy::after{border-color:rgba(0,0,0,.2);border-top-color:var(--pt)}
.stk-link{border:0;background:none;padding:0;color:var(--pc);font:inherit;font-size:12px;font-weight:700;letter-spacing:0;text-transform:none;cursor:pointer}
.stk-link:hover:not(:disabled){text-decoration:underline}
.stk-link:disabled{opacity:.35;cursor:not-allowed}

/* tab content blocks */
.stk-result{padding:12px 14px;border-radius:12px;background:rgba(63,214,138,.08);border:1px solid rgba(63,214,138,.25);font-size:12.5px;line-height:1.6}
.stk-result b{color:#3fd68a;font-size:14px}
.stk-result span{color:var(--stk-mut);font-size:11.5px}
.stk-sec{display:flex;flex-direction:column;gap:10px}
.stk-sec+.stk-sec{padding-top:16px;border-top:1px solid var(--stk-line)}
.stk-sec h4{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;font-size:11.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--stk-mut)}
.stk-act{display:flex;gap:8px;flex-wrap:wrap}
.stk-flow{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px 18px;border-radius:14px;background:var(--stk-in);border:1px solid var(--stk-line)}
.stk-flow-n{display:flex;flex-direction:column;font-size:11px;color:var(--stk-mut)}
.stk-flow-n b{font-size:22px;font-weight:800;color:var(--stk-txt);font-variant-numeric:tabular-nums}
.stk-flow-n:last-child{text-align:right}
.stk-flow-a{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--pc);text-align:center}
.stk-flow-a svg{width:22px;height:22px}
.stk-flow-a em{font-style:normal;font-size:11px;color:var(--stk-mut)}
.stk-warn{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:rgba(255,194,74,.07);border:1px solid rgba(255,194,74,.22);font-size:12.5px;line-height:1.5;color:#d8c9a6}
.stk-warn svg{width:18px;height:18px;flex:none;color:#ffc24a;margin-top:1px}
.stk-warn b{color:#ffd47a}
.stk-p{margin:0;font-size:13px;line-height:1.6;color:#b5c0cf}
.stk-p b{color:#fff}
.stk-auto{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.stk-auto-in{display:flex;align-items:baseline;gap:10px;padding:10px 16px;border-radius:14px;background:var(--stk-in);border:1px solid var(--stk-line2);transition:border-color .15s}
.stk-auto-in:focus-within{border-color:var(--pc)}
.stk-auto-in input{width:150px;border:0;background:none;outline:none;color:#fff;font:inherit;font-size:30px;font-weight:800;font-variant-numeric:tabular-nums}
.stk-auto-in input::placeholder{color:#3c4556}
.stk-auto-in input::-webkit-outer-spin-button,.stk-auto-in input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.stk-auto-in span{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--stk-mut)}
.stk-presets{display:flex;gap:6px;flex-wrap:wrap}
.stk-preset{height:34px;padding:0 13px;border-radius:99px;border:1px solid var(--stk-line2);background:rgba(255,255,255,.03);color:#c3cedb;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;font-variant-numeric:tabular-nums;transition:all .15s}
.stk-preset:hover{border-color:var(--pc);color:#fff}
.stk-preset.on{background:color-mix(in srgb,var(--pc) 18%,transparent);border-color:var(--pc);color:#fff}
.stk-note{font-size:12px;color:var(--stk-mut)}

/* isolate from the site-wide input/textarea styles */
.stk .stk-ta,.stk .stk-num{box-shadow:none;margin:0;height:auto}
.stk .stk-num{height:38px;min-height:0}
.stk .stk-auto-in input{width:150px!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#fff!important;font-size:30px!important;font-weight:800!important;line-height:1.1!important}
@media(max-width:980px){.stk-body{grid-template-columns:1fr}.stk-list{position:static;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}}
@media(max-width:560px){.stk-title h2{font-size:24px}.stk-kpis{width:100%}.stk-kpi{min-width:0;flex:1 1 40%}.stk-bh-stats{gap:16px;width:100%;justify-content:space-between}.stk-pane,.stk-bh{padding:16px}.stk-flow{grid-template-columns:1fr;text-align:center}.stk-flow-n:last-child{text-align:center}.stk-num{width:100%}.stk .stk-auto-in input{width:110px!important}}
@media(prefers-reduced-motion:reduce){.stk-pane,.stk-refresh.spin svg,.stk-row-bar i{animation:none;transition:none}}

/* ═══════════════════════════════════════════════════════════════════
   GL — Generation Limits (admin/gen-limits)
   ═══════════════════════════════════════════════════════════════════ */
.gl{--gl-card:#10131b;--gl-in:#07080c;--gl-line:rgba(255,255,255,.07);--gl-line2:rgba(255,255,255,.12);--gl-mut:#7f8ba0;--gl-txt:#e8edf5;--gl-acc:#3ab8ff;--pc:#3ab8ff;color:var(--gl-txt)}
.gl *{box-sizing:border-box}
.gl-top{display:flex;align-items:center;gap:16px 22px;flex-wrap:wrap;margin:2px 0 18px}
.gl-title{margin-right:4px}
.gl-eyebrow{display:block;font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gl-acc);margin-bottom:5px}
.gl-title h2{margin:0;font-size:30px;font-weight:900;letter-spacing:-.025em;line-height:1}
.gl-lead{margin:0;flex:1;min-width:240px;font-size:12.5px;line-height:1.55;color:var(--gl-mut);max-width:560px}
.gl-lead b{color:var(--gl-txt)}
.gl-save{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 20px;border-radius:11px;border:0;cursor:pointer;background:var(--gl-acc);color:#061018;font:inherit;font-size:13px;font-weight:800;white-space:nowrap;transition:filter .15s,opacity .15s}
.gl-save:hover{filter:brightness(1.1)}
.gl-save:disabled{opacity:.5;cursor:default}
.gl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:13px}
.gl-msg{grid-column:1/-1;padding:18px;color:var(--gl-mut);font-size:13px}
.gl-card{position:relative;overflow:hidden;border-radius:16px;padding:16px 16px 15px;background:var(--gl-card);border:1px solid var(--gl-line);transition:transform .18s,border-color .18s,box-shadow .18s;animation:glIn .32s cubic-bezier(.2,.8,.2,1.1) both}
.gl-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--pc) 36%,transparent);box-shadow:0 16px 40px rgba(0,0,0,.4)}
.gl-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--pc)}
.gl-card::after{content:'';position:absolute;right:-28px;top:-28px;width:86px;height:86px;border-radius:50%;background:var(--pc);filter:blur(46px);opacity:.14}
@keyframes glIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.gl-card-h{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.gl-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none;background:color-mix(in srgb,var(--pc) 16%,transparent);color:var(--pc);border:1px solid color-mix(in srgb,var(--pc) 30%,transparent)}
.gl-ic svg{width:18px;height:18px}
.gl-name{font-size:14px;font-weight:800;color:var(--gl-txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gl-tag{margin-left:auto;flex:none;font-size:10.5px;font-weight:700;color:var(--pc);background:color-mix(in srgb,var(--pc) 14%,transparent);border:1px solid color-mix(in srgb,var(--pc) 26%,transparent);padding:3px 8px;border-radius:99px;white-space:nowrap}
.gl-field{display:flex;align-items:center;justify-content:space-between;gap:10px}
.gl-field+.gl-field{margin-top:9px}
.gl-field-l{font-size:11.5px;font-weight:700;color:var(--gl-mut)}
.gl-ctl{display:flex;align-items:center;gap:0;flex:none}
.gl-step{width:32px;height:34px;border:1px solid var(--gl-line2);background:rgba(255,255,255,.03);color:#c3cedb;font:inherit;font-size:18px;font-weight:800;cursor:pointer;transition:background .15s,color .15s}
.gl-step:first-child{border-radius:9px 0 0 9px;border-right:0}
.gl-step:last-child{border-radius:0 9px 9px 0;border-left:0}
.gl-step:hover{background:color-mix(in srgb,var(--pc) 22%,transparent);color:#fff}
.gl .gl-in{width:60px!important;height:34px!important;min-height:0!important;margin:0!important;text-align:center;border:1px solid var(--gl-line2)!important;border-radius:0!important;background:var(--gl-in)!important;color:#fff!important;font:inherit!important;font-size:15px!important;font-weight:800!important;outline:none!important;box-shadow:none!important;-moz-appearance:textfield}
.gl .gl-in:focus{border-color:var(--pc)!important}
.gl-in::-webkit-outer-spin-button,.gl-in::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.gl-in::placeholder{color:#4a5568;font-size:18px}
@media(max-width:560px){.gl-title h2{font-size:24px}.gl-save{width:100%;justify-content:center}.gl-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.gl-card{animation:none;transition:none}}

/* ═══════════════════════════════════════════════════════════════════
   PCD — PC Data (admin/pc-data)
   ═══════════════════════════════════════════════════════════════════ */
.pcd{--pcd-card:#10131b;--pcd-line:rgba(255,255,255,.07);--pcd-line2:rgba(255,255,255,.12);--pcd-mut:#7f8ba0;--pcd-txt:#e8edf5;--pcd-acc:#3ab8ff;color:var(--pcd-txt)}
.pcd *{box-sizing:border-box}
.pcd-msg{padding:20px;color:var(--pcd-mut);font-size:13px}
.pcd-top{display:flex;align-items:center;gap:14px 22px;flex-wrap:wrap;margin:2px 0 16px}
.pcd-title{margin-right:2px}
.pcd-eyebrow{display:block;font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--pcd-acc);margin-bottom:5px}
.pcd-title h2{margin:0;font-size:30px;font-weight:900;letter-spacing:-.025em;line-height:1}
.pcd-lead{margin:0;flex:1;min-width:220px;font-size:12.5px;line-height:1.55;color:var(--pcd-mut);max-width:520px}
.pcd-search{display:flex;align-items:center;gap:9px;padding:9px 14px;border-radius:11px;background:rgba(255,255,255,.035);border:1px solid var(--pcd-line2);min-width:230px}
.pcd-search svg{width:16px;height:16px;color:#6f7f90;flex:none}
.pcd .pcd-search input{flex:1;min-width:0;background:none!important;border:0!important;outline:none!important;box-shadow:none!important;color:#eaf0f8!important;font:inherit!important;font-size:13px!important;height:auto!important;margin:0!important;padding:0!important}
.pcd-search input::placeholder{color:#5e6b7d}
.pcd-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:11px;margin:0 0 16px}
.pcd-kpi{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:14px;background:var(--pcd-card);border:1px solid var(--pcd-line)}
.pcd-kpi-ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none;background:rgba(58,184,255,.12);color:#3ab8ff}
.pcd-kpi-ic svg{width:19px;height:19px}
.pcd-kpi.ok .pcd-kpi-ic{background:rgba(46,212,122,.12);color:#2ed47a}
.pcd-kpi.bad .pcd-kpi-ic{background:rgba(255,93,115,.13);color:#ff5d73}
.pcd-kpi-tx{display:flex;flex-direction:column;min-width:0}
.pcd-kpi-tx b{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.05}
.pcd-kpi-tx span{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--pcd-mut)}
.pcd-kpi.bad .pcd-kpi-tx b{color:#ff5d73}
.pcd-shared{border-radius:15px;background:linear-gradient(165deg,rgba(255,93,115,.08),rgba(255,93,115,.015));border:1px solid rgba(255,93,115,.26);padding:14px 16px;margin:0 0 16px}
.pcd-shared-h{display:flex;align-items:center;gap:9px;margin-bottom:10px;color:#ff8292;font-size:13px;font-weight:800}
.pcd-shared-h svg{width:17px;height:17px;flex:none}
.pcd-shared-h span{margin-left:auto;font-size:11px;font-weight:700;color:#ff8292;background:rgba(255,93,115,.14);border:1px solid rgba(255,93,115,.28);padding:2px 9px;border-radius:99px}
.pcd-shared-list{display:flex;flex-direction:column;gap:2px}
.pcd-shared-row{display:flex;align-items:center;gap:11px;padding:8px 0;border-top:1px solid rgba(255,255,255,.05)}
.pcd-shared-names{flex:1;font-size:12.5px;min-width:0;overflow:hidden;text-overflow:ellipsis}
.pcd-badge{flex:none;font-size:10px;font-weight:800;letter-spacing:.03em;padding:3px 8px;border-radius:99px}
.pcd-badge.bad{color:#ff8292;background:rgba(255,93,115,.14);border:1px solid rgba(255,93,115,.3)}
.pcd-mono{font-family:ui-monospace,Consolas,monospace;font-size:11px;color:#9fb0c2;cursor:pointer;flex:none}
.pcd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:12px}
.pcd-card{position:relative;overflow:hidden;border-radius:15px;padding:14px 15px 13px;background:var(--pcd-card);border:1px solid var(--pcd-line);transition:transform .16s,border-color .16s,box-shadow .16s;animation:pcdIn .3s cubic-bezier(.2,.8,.2,1.1) both}
.pcd-card:hover{transform:translateY(-3px);border-color:rgba(58,184,255,.32);box-shadow:0 14px 36px rgba(0,0,0,.4)}
.pcd-card.alt{border-color:rgba(255,93,115,.32)}
.pcd-card.alt::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#ff5d73}
@keyframes pcdIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.pcd-card-h{display:flex;align-items:center;gap:11px;margin-bottom:12px}
.pcd-ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none;background:rgba(58,184,255,.1);color:#3ab8ff;border:1px solid rgba(58,184,255,.2)}
.pcd-ic svg{width:19px;height:19px}
.pcd-id{display:flex;flex-direction:column;min-width:0;flex:1}
.pcd-user{font-size:14px;font-weight:800;color:#eef3fa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.pcd-pc{font-size:11.5px;color:var(--pcd-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcd-seen{font-size:11px;color:#6f7f90;white-space:nowrap;flex:none}
.pcd-specs{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;margin-bottom:12px}
.pcd-spec{display:flex;align-items:center;gap:7px;min-width:0;font-size:11.5px;color:#9fb0c2}
.pcd-spec svg{width:14px;height:14px;flex:none;color:#6f7f90}
.pcd-spec span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.pcd-foot{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.pcd-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#8fa0b4;background:rgba(255,255,255,.035);border:1px solid var(--pcd-line);padding:4px 9px;border-radius:8px;cursor:pointer;max-width:100%}
.pcd-chip svg{width:12px;height:12px;flex:none;opacity:.7}
.pcd-chip.mono{font-family:ui-monospace,Consolas,monospace}
.pcd-del{margin-left:auto;width:30px;height:28px;display:grid;place-items:center;border-radius:8px;cursor:pointer;background:rgba(255,93,115,.08);border:1px solid rgba(255,93,115,.22);color:#ff6e7e;transition:background .15s}
.pcd-del:hover{background:rgba(255,93,115,.2)}
.pcd-del svg{width:14px;height:14px}
.pcd-empty{text-align:center;padding:50px 20px;color:#6f7f90}
.pcd-empty svg{width:46px;height:46px;opacity:.4;margin-bottom:12px}
.pcd-empty-t{font-size:14px;font-weight:700;color:#8494a6}
@media(max-width:560px){.pcd-title h2{font-size:24px}.pcd-search{width:100%;min-width:0}.pcd-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.pcd-card{animation:none;transition:none}}

/* ═══════════════════════════════════════════════════════════════════
   GLG — Generation Logs (admin/gen-logs)
   ═══════════════════════════════════════════════════════════════════ */
.glg{--glg-card:#10131b;--glg-line:rgba(255,255,255,.07);--glg-line2:rgba(255,255,255,.12);--glg-mut:#7f8ba0;--glg-txt:#e8edf5;--glg-acc:#3ab8ff;color:var(--glg-txt)}
.glg *{box-sizing:border-box}
.glg-msg{padding:22px;color:var(--glg-mut);font-size:13px}
.glg-top{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;margin:2px 0 16px}
.glg-title{margin-right:2px}
.glg-eyebrow{display:block;font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--glg-acc);margin-bottom:5px}
.glg-title h2{margin:0;font-size:30px;font-weight:900;letter-spacing:-.025em;line-height:1}
.glg-lead{margin:0;flex:1;min-width:210px;font-size:12.5px;line-height:1.55;color:var(--glg-mut);max-width:440px}
.glg-search{display:flex;align-items:center;gap:9px;padding:9px 14px;border-radius:11px;background:rgba(255,255,255,.035);border:1px solid var(--glg-line2);min-width:220px}
.glg-search svg{width:16px;height:16px;color:#6f7f90;flex:none}
.glg .glg-search input{flex:1;min-width:0;background:none!important;border:0!important;outline:none!important;box-shadow:none!important;color:#eaf0f8!important;font:inherit!important;font-size:13px!important;height:auto!important;margin:0!important;padding:0!important}
.glg-search input::placeholder{color:#5e6b7d}
.glg-refresh{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;cursor:pointer;background:rgba(255,255,255,.04);border:1px solid var(--glg-line2);color:var(--glg-mut);transition:color .15s,border-color .15s}
.glg-refresh:hover{color:#fff;border-color:rgba(255,255,255,.25)}
.glg-refresh svg{width:17px;height:17px}
.glg-refresh:active svg{animation:glgSpin .5s ease}
@keyframes glgSpin{to{transform:rotate(360deg)}}
.glg-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:11px;margin:0 0 14px}
.glg-kpi{display:flex;align-items:center;gap:12px;padding:12px 15px;border-radius:14px;background:var(--glg-card);border:1px solid var(--glg-line)}
.glg-kpi-ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none}
.glg-kpi-ic svg{width:19px;height:19px}
.glg-kpi-tx{display:flex;flex-direction:column;min-width:0}
.glg-kpi-tx b{font-size:19px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.glg-kpi-tx span{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--glg-mut)}
.glg-chips{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 14px}
.glg-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;cursor:pointer;border:1px solid var(--glg-line2);background:rgba(255,255,255,.03);color:#9fb0c2;font:inherit;font-size:12px;font-weight:700;transition:all .15s}
.glg-chip i{width:7px;height:7px;border-radius:50%;flex:none}
.glg-chip b{font-variant-numeric:tabular-nums;color:#eaf0f8}
.glg-chip:hover{color:#fff;border-color:var(--pc,rgba(58,184,255,.4))}
.glg-chip.on{background:color-mix(in srgb,var(--pc,#3ab8ff) 16%,transparent);border-color:var(--pc,#3ab8ff);color:#fff}
.glg-feed{display:flex;flex-direction:column;gap:3px;border-radius:14px;background:var(--glg-card);border:1px solid var(--glg-line);padding:6px;max-height:68vh;overflow:auto}
.glg-feed::-webkit-scrollbar{width:8px}.glg-feed::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:99px}
.glg-row{display:grid;grid-template-columns:34px minmax(90px,150px) auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 12px;border-radius:10px;transition:background .12s;animation:glgIn .26s ease both;border-left:2px solid transparent}
.glg-row:hover{background:rgba(255,255,255,.035);border-left-color:var(--pc)}
@keyframes glgIn{from{opacity:0;transform:translateX(-5px)}to{opacity:1;transform:none}}
.glg-plat{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex:none;background:color-mix(in srgb,var(--pc) 15%,transparent);color:var(--pc)}
.glg-plat svg{width:18px;height:18px}
.glg-user{font-size:13px;font-weight:700;color:#eef3fa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.glg-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--pc);background:color-mix(in srgb,var(--pc) 13%,transparent);border:1px solid color-mix(in srgb,var(--pc) 26%,transparent);padding:3px 9px;border-radius:7px;white-space:nowrap;justify-self:start}
.glg-badge em{font-style:normal;font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#8fa0b4;background:rgba(255,255,255,.08);padding:1px 5px;border-radius:5px}
.glg-acc{font-family:ui-monospace,Consolas,monospace;font-size:12px;color:#9fb0c2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;min-width:0}
.glg-acc:hover{color:#dfe6f0}
.glg-time{font-size:11px;color:#6f7f90;white-space:nowrap;justify-self:end;font-variant-numeric:tabular-nums}
@media(max-width:720px){.glg-row{grid-template-columns:30px 1fr auto;grid-auto-flow:row}.glg-acc{grid-column:1/-1;padding-left:42px}.glg-time{grid-column:2/4;justify-self:start;padding-left:0}}
@media(max-width:560px){.glg-title h2{font-size:24px}.glg-search{width:100%;min-width:0}}
@media(prefers-reduced-motion:reduce){.glg-row{animation:none}.glg-refresh:active svg{animation:none}}

/* ═══════════════════════════════════════════════════════════════════
   SEK — Security API Keys (admin/seckeys)
   ═══════════════════════════════════════════════════════════════════ */
.sek{--sek-card:#10131b;--sek-in:#07080c;--sek-line:rgba(255,255,255,.07);--sek-line2:rgba(255,255,255,.12);--sek-mut:#7f8ba0;--sek-txt:#e8edf5;--sek-acc:#3ab8ff;--sek-grn:#2ed47a;color:var(--sek-txt)}
.sek *{box-sizing:border-box}
.sek-msg{padding:22px;color:var(--sek-mut);font-size:13px}
.sek-top{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;margin:2px 0 16px}
.sek-title{margin-right:2px}
.sek-eyebrow{display:block;font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--sek-acc);margin-bottom:5px}
.sek-title h2{margin:0;font-size:30px;font-weight:900;letter-spacing:-.025em;line-height:1}
.sek-lead{margin:0;flex:1;min-width:240px;font-size:12.5px;line-height:1.55;color:var(--sek-mut);max-width:500px}
.sek-lead code{font-family:ui-monospace,Consolas,monospace;font-size:11.5px;color:#9fcbff;background:rgba(58,184,255,.1);padding:1px 6px;border-radius:5px}
.sek-top-btns{display:flex;gap:8px}
.sek-btn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 15px;border-radius:10px;border:1px solid var(--sek-line2);background:rgba(255,255,255,.04);color:var(--sek-txt);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,filter .15s}
.sek-btn:hover{background:rgba(255,255,255,.08)}
.sek-btn svg{width:15px;height:15px}
.sek-btn.primary{background:var(--sek-acc);border-color:transparent;color:#061018}
.sek-btn.primary:hover{filter:brightness(1.1);background:var(--sek-acc)}
.sek-btn:disabled{opacity:.5;cursor:default}
.sek-btn.env{width:100%;justify-content:center;margin-top:4px;color:#9fcbff}
.sek-create{background:var(--sek-card);border:1px solid var(--sek-line2);border-radius:16px;padding:18px;margin:0 0 16px;max-width:620px;animation:sekIn .25s ease}
.sek-create-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sek-f{display:flex;flex-direction:column;gap:6px}
.sek-f>span{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--sek-mut)}
.sek .sek-f input{height:40px;padding:0 13px;border-radius:10px;border:1px solid var(--sek-line2);background:var(--sek-in);color:#fff;font:inherit;font-size:13.5px;outline:none;box-shadow:none;margin:0;width:100%}
.sek .sek-f input:focus{border-color:var(--sek-acc)}
.sek-create-btns{grid-column:1/-1;display:flex;gap:8px}
.sek-result{margin-top:16px;background:rgba(46,212,122,.06);border:1px solid rgba(46,212,122,.3);border-radius:12px;padding:16px}
.sek-result-h{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;color:#5fe39a;margin-bottom:12px}
.sek-result-h svg{width:16px;height:16px}
.sek-result-row{display:flex;align-items:center;gap:9px;margin-bottom:9px}
.sek-result-row>span{font-size:10px;font-weight:700;color:#8fa0b4;min-width:62px;letter-spacing:.06em}
.sek-result-row code{flex:1;min-width:0;font-family:ui-monospace,Consolas,monospace;font-size:12px;color:#7dffa0;background:rgba(46,212,122,.08);border:1px solid rgba(46,212,122,.22);border-radius:7px;padding:7px 11px;word-break:break-all}
.sek-cpy{flex:none;height:32px;padding:0 12px;border-radius:8px;border:1px solid var(--sek-line2);background:rgba(255,255,255,.05);color:#c3cedb;font:inherit;font-size:11.5px;font-weight:700;cursor:pointer;transition:all .15s}
.sek-cpy:hover{background:rgba(255,255,255,.1)}
.sek-cpy.ok{color:#5fe39a;border-color:rgba(46,212,122,.4)}
.sek-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:11px;margin:0 0 14px}
.sek-kpi{display:flex;align-items:center;gap:12px;padding:12px 15px;border-radius:14px;background:var(--sek-card);border:1px solid var(--sek-line)}
.sek-kpi-ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none}
.sek-kpi-ic svg{width:19px;height:19px}
.sek-kpi-ic.blue{background:rgba(58,184,255,.12);color:#3ab8ff}.sek-kpi-ic.green{background:rgba(46,212,122,.12);color:#2ed47a}.sek-kpi-ic.red{background:rgba(255,93,115,.12);color:#ff5d73}.sek-kpi-ic.purple{background:rgba(169,123,255,.14);color:#a97bff}
.sek-kpi>div:last-child{display:flex;flex-direction:column;min-width:0}
.sek-kpi b{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1}
.sek-kpi span{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--sek-mut)}
.sek-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px}
.sek-card{position:relative;overflow:hidden;border-radius:15px;padding:15px 16px 13px;background:var(--sek-card);border:1px solid var(--sek-line);transition:transform .16s,border-color .16s,box-shadow .16s;animation:sekIn .3s cubic-bezier(.2,.8,.2,1.1) both}
.sek-card:hover{transform:translateY(-3px);border-color:rgba(58,184,255,.3);box-shadow:0 14px 36px rgba(0,0,0,.4)}
.sek-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--sek-grn)}
.sek-card.off{opacity:.72}
.sek-card.off::before{background:#5a6472}
@keyframes sekIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.sek-card-h{display:flex;align-items:center;gap:11px;margin-bottom:13px}
.sek-ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none;background:rgba(46,212,122,.1);color:#2ed47a;border:1px solid rgba(46,212,122,.2)}
.sek-card.off .sek-ic{background:rgba(255,255,255,.04);color:#7f8ba0;border-color:var(--sek-line)}
.sek-ic svg{width:19px;height:19px}
.sek-id{display:flex;flex-direction:column;min-width:0;flex:1}
.sek-label{font-size:14px;font-weight:800;color:#eef3fa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sek-label em{font-style:normal;color:var(--sek-mut);font-weight:600}
.sek-key{font-family:ui-monospace,Consolas,monospace;font-size:12px;color:#8fa0b4;cursor:pointer;letter-spacing:.03em;transition:color .15s}
.sek-key:hover{color:#dfe6f0}
.sek-key.copied{color:#5fe39a}
.sek-status{flex:none;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:4px 9px;border-radius:99px}
.sek-status.on{color:#5fe39a;background:rgba(46,212,122,.13);border:1px solid rgba(46,212,122,.3)}
.sek-status.off{color:#9aa6b5;background:rgba(255,255,255,.05);border:1px solid var(--sek-line2)}
.sek-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;margin-bottom:13px}
.sek-m{display:flex;align-items:center;gap:7px;min-width:0;font-size:11.5px;color:#9fb0c2}
.sek-m svg{width:13px;height:13px;flex:none;color:#6f7f90}
.sek-m span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sek-exp{font-weight:700}.sek-exp.bad{color:#ff6e7e}
.sek-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:11px;border-top:1px solid var(--sek-line)}
.sek-uses{font-size:11px;color:var(--sek-mut);font-weight:600}
.sek-acts{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}
.sek-mini{height:28px;padding:0 10px;border-radius:8px;border:1px solid var(--sek-line2);background:rgba(255,255,255,.04);color:#c3cedb;font:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s}
.sek-mini:hover{background:rgba(255,255,255,.09);color:#fff}
.sek-mini.danger{color:#ff7385;border-color:rgba(255,93,115,.3);background:rgba(255,93,115,.07)}
.sek-mini.danger:hover{background:rgba(255,93,115,.16)}
.sek-empty{grid-column:1/-1;text-align:center;padding:48px 20px;color:#6f7f90}
.sek-empty svg{width:44px;height:44px;opacity:.4;margin-bottom:12px}
.sek-empty-t{font-size:14px;font-weight:700;color:#8494a6}
.sek-modal{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.72);backdrop-filter:blur(4px);align-items:center;justify-content:center;padding:16px}
.sek-modal-box{background:var(--sek-card);border:1px solid var(--sek-line2);border-radius:16px;padding:24px;width:min(420px,100%);box-shadow:0 30px 80px rgba(0,0,0,.6)}
.sek-modal-box h4{margin:0 0 6px;font-size:17px;font-weight:800}
.sek-modal-sub{margin:0 0 14px;font-size:12.5px;color:var(--sek-mut)}
.sek .sek-modal-in{width:100%;height:40px;padding:0 13px;border-radius:10px;border:1px solid var(--sek-line2);background:var(--sek-in);color:#fff;font:inherit;font-size:13.5px;outline:none;box-shadow:none;margin:0 0 12px}
.sek .sek-modal-in:focus{border-color:var(--sek-acc)}
.sek-reset-res{background:rgba(46,212,122,.06);border:1px solid rgba(46,212,122,.28);border-radius:10px;padding:12px;margin-bottom:12px}
.sek-reset-res-l{font-size:11px;color:#5fe39a;margin-bottom:8px;font-weight:700}
.sek-modal-btns{display:flex;gap:8px}
@media(max-width:560px){.sek-title h2{font-size:24px}.sek-create-grid{grid-template-columns:1fr}.sek-grid{grid-template-columns:1fr}.sek-top-btns{width:100%}.sek-top-btns .sek-btn{flex:1;justify-content:center}}
@media(prefers-reduced-motion:reduce){.sek-card,.sek-create{animation:none;transition:none}}

/* ═══════════════════════════════════════════════════════════════════
   BBOT — Discord Bot Control (admin/bot)
   ═══════════════════════════════════════════════════════════════════ */
.bbot{--bb-card:#10131b;--bb-in:#07080c;--bb-line:rgba(255,255,255,.07);--bb-line2:rgba(255,255,255,.12);--bb-mut:#7f8ba0;--bb-txt:#e8edf5;--bb-acc:#5865f2;color:var(--bb-txt)}
.bbot *{box-sizing:border-box}
.bbot-top{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:2px 0 16px}
.bbot-title{margin-right:auto}
.bbot-eyebrow{display:block;font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#7983f5;margin-bottom:5px}
.bbot-title h2{margin:0;font-size:30px;font-weight:900;letter-spacing:-.025em;line-height:1}
.bbot-status{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border-radius:99px;font-size:12.5px;font-weight:700;background:rgba(255,255,255,.04);border:1px solid var(--bb-line2);color:var(--bb-mut)}
.bbot-status i{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}
.bbot-status.online{color:#2ed47a;background:rgba(46,212,122,.1);border-color:rgba(46,212,122,.3)}
.bbot-status.off{color:#ff5d73;background:rgba(255,93,115,.1);border-color:rgba(255,93,115,.3)}
.bbot-cols{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:14px;align-items:start}
.bbot-side{display:flex;flex-direction:column;gap:14px;min-width:0}
.bbot-card{border-radius:16px;background:var(--bb-card);border:1px solid var(--bb-line);padding:16px;min-width:0}
.bbot-card-h{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.bbot-card-h h3{margin:0;font-size:15px;font-weight:800}
.bbot-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none}
.bbot-ic svg{width:18px;height:18px}
.bbot-ic.blue{background:rgba(88,101,242,.16);color:#7983f5}
.bbot-ic.purple{background:rgba(169,123,255,.14);color:#a97bff}
.bbot-ic.gold{background:rgba(252,175,23,.14);color:#fcaf17}
.bbot-selects{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.bbot-sel{display:flex;flex-direction:column;gap:5px;min-width:0}
.bbot-sel>span{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--bb-mut)}
.bbot .bbot-sel select,.bbot .bbot-sel input{height:38px;padding:0 11px;border-radius:9px;border:1px solid var(--bb-line2);background:var(--bb-in);color:#fff;font:inherit;font-size:13px;outline:none;box-shadow:none;margin:0;width:100%;min-width:0}
.bbot .bbot-sel select:focus,.bbot .bbot-sel input:focus{border-color:var(--bb-acc)}
.bbot-feed{display:flex;flex-direction:column;gap:7px;height:340px;overflow-y:auto;padding:12px;border-radius:12px;background:var(--bb-in);border:1px solid var(--bb-line)}
.bbot-feed.sm{height:220px}
.bbot-feed::-webkit-scrollbar{width:7px}.bbot-feed::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:99px}
.bbot-msg{margin:auto;color:var(--bb-mut);font-size:12.5px;text-align:center}
.bbot-bubble{max-width:82%;align-self:flex-start;background:rgba(255,255,255,.04);border:1px solid var(--bb-line);border-radius:12px;border-top-left-radius:4px;padding:8px 11px}
.bbot-bubble.me{align-self:flex-end;background:rgba(88,101,242,.14);border-color:rgba(88,101,242,.3);border-top-left-radius:12px;border-top-right-radius:4px}
.bbot-bubble-h{display:flex;align-items:center;gap:7px;margin-bottom:3px}
.bbot-bubble-h b{font-size:11.5px;font-weight:800;color:#dfe6f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
.bbot-bubble-h em{margin-left:auto;font-style:normal;font-size:10px;color:#6f7f90;flex:none}
.bbot-tag{font-size:8.5px;font-weight:800;letter-spacing:.05em;color:#7983f5;background:rgba(88,101,242,.18);padding:1px 5px;border-radius:5px;flex:none}
.bbot-bubble-t{font-size:12.5px;line-height:1.45;color:#c7d2e0;white-space:pre-wrap;word-break:break-word}
.bbot-empty-msg{color:#5e6b7d;font-style:italic}
.bbot-send{display:flex;gap:8px;margin-top:12px}
.bbot .bbot-send input{flex:1;height:42px;padding:0 15px;border-radius:11px;border:1px solid var(--bb-line2);background:var(--bb-in);color:#fff;font:inherit;font-size:13.5px;outline:none;box-shadow:none;margin:0;min-width:0}
.bbot .bbot-send input:focus{border-color:var(--bb-acc)}
.bbot-send-btn{width:42px;height:42px;flex:none;border:0;border-radius:11px;background:var(--bb-acc);color:#fff;cursor:pointer;display:grid;place-items:center;transition:filter .15s}
.bbot-send-btn:hover{filter:brightness(1.12)}
.bbot-send-btn svg{width:18px;height:18px}
.bbot-dm{display:flex;flex-direction:column;gap:9px;margin-bottom:12px}
.bbot .bbot-dm input{height:40px;padding:0 13px;border-radius:10px;border:1px solid var(--bb-line2);background:var(--bb-in);color:#fff;font:inherit;font-size:13px;outline:none;box-shadow:none;margin:0;width:100%}
.bbot .bbot-dm input:focus{border-color:var(--bb-acc)}
.bbot-dm-btns{display:flex;gap:8px}
.bbot-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 15px;border-radius:10px;border:1px solid var(--bb-line2);background:rgba(255,255,255,.04);color:var(--bb-txt);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s,filter .15s}
.bbot-btn:hover{background:rgba(255,255,255,.08)}
.bbot-btn.primary{background:var(--bb-acc);border-color:transparent;color:#fff}
.bbot-btn.primary:hover{filter:brightness(1.12);background:var(--bb-acc)}
.bbot-gen{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bbot-gen .bbot-gen-go{grid-column:1/-1;width:100%}
.bbot-keys{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.bbot-keys:empty{display:none}
.bbot-keys .keyitem{font-family:ui-monospace,Consolas,monospace;font-size:12px;color:#9fe3b5;background:rgba(46,212,122,.07);border:1px solid rgba(46,212,122,.22);border-radius:8px;padding:8px 11px;cursor:pointer;word-break:break-all;transition:background .15s}
.bbot-keys .keyitem:hover{background:rgba(46,212,122,.14)}
@media(max-width:900px){.bbot-cols{grid-template-columns:1fr}}
@media(max-width:560px){.bbot-title h2{font-size:24px}.bbot-selects,.bbot-gen{grid-template-columns:1fr}}

/* ═══════════════════════════════════════════════════════════════════
   CPN — Coupons (admin/coupons)
   ═══════════════════════════════════════════════════════════════════ */
.cpn{--cp-card:#10131b;--cp-in:#07080c;--cp-line:rgba(255,255,255,.07);--cp-line2:rgba(255,255,255,.12);--cp-mut:#7f8ba0;--cp-txt:#e8edf5;--cp-acc:#3ab8ff;color:var(--cp-txt)}
.cpn *{box-sizing:border-box}
.cpn-msg{padding:22px;color:var(--cp-mut);font-size:13px}
.cpn-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:2px 0 16px}
.cpn-title{margin-right:auto}
.cpn-eyebrow{display:block;font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--cp-acc);margin-bottom:5px}
.cpn-title h2{margin:0;font-size:30px;font-weight:900;letter-spacing:-.025em;line-height:1}
.cpn-top-btns{display:flex;gap:8px}
.cpn-btn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 15px;border-radius:10px;border:1px solid var(--cp-line2);background:rgba(255,255,255,.04);color:var(--cp-txt);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s,filter .15s}
.cpn-btn:hover{background:rgba(255,255,255,.08)}
.cpn-btn svg{width:15px;height:15px}
.cpn-btn.primary{background:var(--cp-acc);border-color:transparent;color:#061018}
.cpn-btn.primary:hover{filter:brightness(1.1);background:var(--cp-acc)}
.cpn-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:11px;margin:0 0 14px}
.cpn-kpi{display:flex;align-items:center;gap:12px;padding:12px 15px;border-radius:14px;background:var(--cp-card);border:1px solid var(--cp-line)}
.cpn-kpi-ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none}
.cpn-kpi-ic svg{width:19px;height:19px}
.cpn-kpi-tx{display:flex;flex-direction:column;min-width:0}
.cpn-kpi-tx b{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1}
.cpn-kpi-tx span{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--cp-mut)}
.cpn-form{background:var(--cp-card);border:1px solid var(--cp-line2);border-radius:16px;padding:18px;margin:0 0 16px;animation:cpnIn .25s ease}
.cpn-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.cpn-f{display:flex;flex-direction:column;gap:5px;min-width:0}
.cpn-f-wide{grid-column:1/-1}
.cpn-f>span{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--cp-mut)}
.cpn .cpn-f input,.cpn .cpn-f select{height:40px;padding:0 12px;border-radius:10px;border:1px solid var(--cp-line2);background:var(--cp-in);color:#fff;font:inherit;font-size:13.5px;outline:none;box-shadow:none;margin:0;width:100%;min-width:0}
.cpn .cpn-f input:focus,.cpn .cpn-f select:focus{border-color:var(--cp-acc)}
.cpn-form-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px}
.cpn-check{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#c3cedb;cursor:pointer}
.cpn-check input{width:16px;height:16px;accent-color:var(--cp-acc)}
.cpn-bulk{background:rgba(46,212,122,.06);border:1px solid rgba(46,212,122,.28);border-radius:12px;padding:14px 16px;margin:0 0 14px;font-size:13px;color:#c7d2e0}
.cpn-bulk b{color:#5fe39a}
.cpn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.cpn-card{position:relative;overflow:hidden;border-radius:15px;padding:15px 16px 13px;background:var(--cp-card);border:1px solid var(--cp-line);transition:transform .16s,border-color .16s,box-shadow .16s;animation:cpnIn .3s cubic-bezier(.2,.8,.2,1.1) both}
.cpn-card:hover{transform:translateY(-3px);border-color:rgba(58,184,255,.3);box-shadow:0 14px 36px rgba(0,0,0,.4)}
.cpn-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#2ed47a}
.cpn-card.off{opacity:.68}
.cpn-card.off::before{background:#5a6472}
@keyframes cpnIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.cpn-card-h{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.cpn-code{flex:1;min-width:0;font-family:ui-monospace,Consolas,monospace;font-size:15px;font-weight:800;letter-spacing:.04em;color:#eef3fa;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:rgba(255,255,255,.04);border:1px dashed var(--cp-line2);border-radius:8px;padding:5px 10px;transition:border-color .15s}
.cpn-code:hover{border-color:var(--cp-acc);color:#fff}
.cpn-status{flex:none;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:4px 9px;border-radius:99px}
.cpn-status.on{color:#5fe39a;background:rgba(46,212,122,.13);border:1px solid rgba(46,212,122,.3)}
.cpn-status.off{color:#9aa6b5;background:rgba(255,255,255,.05);border:1px solid var(--cp-line2)}
.cpn-disc{font-size:22px;font-weight:900;letter-spacing:-.02em;color:#fff;margin-bottom:11px}
.cpn-uses{margin-bottom:11px}
.cpn-uses-top{display:flex;justify-content:space-between;gap:10px;font-size:11.5px;color:var(--cp-mut);margin-bottom:6px}
.cpn-bar{height:5px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}
.cpn-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#3ab8ff,#7dd3ff)}
.cpn-rules{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:9px}
.cpn-rule{font-size:11px;font-weight:600;color:#9fb0c2;background:rgba(255,255,255,.04);border:1px solid var(--cp-line);padding:3px 9px;border-radius:7px}
.cpn-note{font-size:12px;font-style:italic;color:#8fa0b4;margin-bottom:11px}
.cpn-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:11px;border-top:1px solid var(--cp-line)}
.cpn-exp{font-size:11px;color:var(--cp-mut)}
.cpn-acts{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}
.cpn-mini{height:28px;padding:0 11px;border-radius:8px;border:1px solid var(--cp-line2);background:rgba(255,255,255,.04);color:#c3cedb;font:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s}
.cpn-mini:hover{background:rgba(255,255,255,.09);color:#fff}
.cpn-mini.danger{color:#ff7385;border-color:rgba(255,93,115,.3);background:rgba(255,93,115,.07)}
.cpn-mini.danger:hover{background:rgba(255,93,115,.16)}
.cpn-empty{grid-column:1/-1;text-align:center;padding:48px 20px;color:#6f7f90}
.cpn-empty svg{width:44px;height:44px;opacity:.4;margin-bottom:12px}
.cpn-empty-t{font-size:14px;font-weight:700;color:#8494a6}
@media(max-width:560px){.cpn-title h2{font-size:24px}.cpn-grid{grid-template-columns:1fr}.cpn-top-btns{width:100%}.cpn-top-btns .cpn-btn{flex:1;justify-content:center}}
@media(prefers-reduced-motion:reduce){.cpn-card,.cpn-form{animation:none;transition:none}}

/* ═══════════════════════════════════════════════════════════════════
   APR — Shop Products (admin/products)
   ═══════════════════════════════════════════════════════════════════ */
.apr{--ap-card:#10131b;--ap-line:rgba(255,255,255,.07);--ap-line2:rgba(255,255,255,.12);--ap-mut:#7f8ba0;--ap-txt:#e8edf5;--ap-acc:#3ab8ff;color:var(--ap-txt)}
.apr *{box-sizing:border-box}
.apr-msg{padding:22px;color:var(--ap-mut);font-size:13px}
.apr-top{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;margin:2px 0 16px}
.apr-title{margin-right:2px}
.apr-eyebrow{display:block;font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ap-acc);margin-bottom:5px}
.apr-title h2{margin:0;font-size:30px;font-weight:900;letter-spacing:-.025em;line-height:1}
.apr-lead{margin:0;flex:1;min-width:230px;font-size:12.5px;line-height:1.55;color:var(--ap-mut);max-width:480px}
.apr-top-btns{display:flex;gap:8px}
.apr-btn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 15px;border-radius:10px;border:1px solid var(--ap-line2);background:rgba(255,255,255,.04);color:var(--ap-txt);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s,filter .15s}
.apr-btn:hover{background:rgba(255,255,255,.08)}
.apr-btn svg{width:15px;height:15px}
.apr-btn.primary{background:var(--ap-acc);border-color:transparent;color:#061018}
.apr-btn.primary:hover{filter:brightness(1.1);background:var(--ap-acc)}
.apr-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:11px;margin:0 0 14px}
.apr-kpi{display:flex;align-items:center;gap:12px;padding:12px 15px;border-radius:14px;background:var(--ap-card);border:1px solid var(--ap-line)}
.apr-kpi-ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none}
.apr-kpi-ic svg{width:19px;height:19px}
.apr-kpi-tx{display:flex;flex-direction:column;min-width:0}
.apr-kpi-tx b{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1}
.apr-kpi-tx span{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ap-mut)}
.apr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.apr-card{--hue:#3ab8ff;position:relative;overflow:hidden;border-radius:16px;background:var(--ap-card);border:1px solid var(--ap-line);transition:transform .16s,border-color .16s,box-shadow .16s;animation:aprIn .3s cubic-bezier(.2,.8,.2,1.1) both}
.apr-card.hue-blue{--hue:#3ab8ff}.apr-card.hue-green{--hue:#2ed47a}.apr-card.hue-purple{--hue:#a97bff}
.apr-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--hue) 40%,transparent);box-shadow:0 18px 44px rgba(0,0,0,.45)}
.apr-card.off{opacity:.66}
@keyframes aprIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.apr-banner{position:relative;height:118px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--hue) 45%,#0a0c12),color-mix(in srgb,var(--hue) 12%,#0a0c12))}
.apr-banner img{width:100%;height:100%;object-fit:cover}
.apr-noimg{font-size:17px;font-weight:900;letter-spacing:.02em;color:rgba(255,255,255,.9);text-transform:uppercase;text-align:center;padding:0 14px;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.apr-tag{position:absolute;top:10px;left:10px;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:rgba(0,0,0,.45);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.18);padding:3px 9px;border-radius:7px}
.apr-state{position:absolute;top:10px;right:10px;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:99px;backdrop-filter:blur(4px)}
.apr-state.on{color:#8affb9;background:rgba(0,0,0,.4);border:1px solid rgba(46,212,122,.5)}
.apr-state.off{color:#cfd6df;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.25)}
.apr-body{padding:14px 15px 13px}
.apr-name-row{display:flex;align-items:center;gap:9px;margin-bottom:7px}
.apr-name-row h4{margin:0;font-size:16px;font-weight:800;color:#eef3fa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
.apr-id{font-family:ui-monospace,Consolas,monospace;font-size:11px;color:var(--ap-mut);background:rgba(255,255,255,.04);border:1px solid var(--ap-line);padding:2px 7px;border-radius:6px;flex:none}
.apr-short{margin:0 0 10px;font-size:12px;line-height:1.5;color:#9fb0c2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.apr-access{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:11px}
.apr-acc{font-size:10.5px;font-weight:700;color:var(--hue);background:color-mix(in srgb,var(--hue) 14%,transparent);border:1px solid color-mix(in srgb,var(--hue) 28%,transparent);padding:3px 9px;border-radius:7px}
.apr-prefix{font-size:10.5px;font-weight:600;font-family:ui-monospace,Consolas,monospace;color:var(--ap-mut);background:rgba(255,255,255,.04);border:1px solid var(--ap-line);padding:3px 8px;border-radius:7px}
.apr-plans{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}
.apr-plan{display:flex;align-items:center;gap:9px;padding:7px 11px;border-radius:9px;background:var(--ap-in,#07080c);border:1px solid var(--ap-line)}
.apr-plan-l{font-size:12px;font-weight:700;color:#dfe6f0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apr-plan b{font-size:14px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}
.apr-plan small{font-size:10.5px;color:var(--ap-mut);min-width:60px;text-align:right}
.apr-foot{padding-top:11px;border-top:1px solid var(--ap-line)}
.apr-acts{display:flex;gap:6px;flex-wrap:wrap}
.apr-mini{height:30px;padding:0 13px;border-radius:8px;border:1px solid var(--ap-line2);background:rgba(255,255,255,.04);color:#c3cedb;font:inherit;font-size:11.5px;font-weight:700;cursor:pointer;transition:all .15s}
.apr-mini:hover{background:rgba(255,255,255,.09);color:#fff}
.apr-mini.primary{color:var(--hue);border-color:color-mix(in srgb,var(--hue) 32%,transparent);background:color-mix(in srgb,var(--hue) 12%,transparent)}
.apr-mini.primary:hover{background:color-mix(in srgb,var(--hue) 22%,transparent)}
.apr-mini.danger{color:#ff7385;border-color:rgba(255,93,115,.3);background:rgba(255,93,115,.07)}
.apr-mini.danger:hover{background:rgba(255,93,115,.16)}
.apr-empty{grid-column:1/-1;text-align:center;padding:48px 20px;color:#6f7f90}
.apr-empty svg{width:44px;height:44px;opacity:.4;margin-bottom:12px}
.apr-empty-t{font-size:14px;font-weight:700;color:#8494a6}
@media(max-width:560px){.apr-title h2{font-size:24px}.apr-grid{grid-template-columns:1fr}.apr-top-btns{width:100%}.apr-top-btns .apr-btn{flex:1;justify-content:center}}
@media(prefers-reduced-motion:reduce){.apr-card{animation:none;transition:none}}

/* ═══════════════════════════════════════════════════════════════════
   PST — Public Live Stock (stock/overview)
   ═══════════════════════════════════════════════════════════════════ */
.pst{--p-card:#111623;--p-line:rgba(255,255,255,.07);--p-mut:#8a97ad;--p-txt:#eaf0f8;color:var(--p-txt)}
.pst *{box-sizing:border-box}
.pst-hero{text-align:center;max-width:720px;margin:0 auto;padding-top:4px}
.pst-live{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#5fe39a;background:rgba(46,212,122,.1);border:1px solid rgba(46,212,122,.3);padding:6px 14px;border-radius:99px;margin-bottom:20px}
.pst-live i{width:8px;height:8px;border-radius:50%;background:#2ed47a;animation:pstPulse 2s infinite}
@keyframes pstPulse{0%{box-shadow:0 0 0 0 rgba(46,212,122,.55)}70%{box-shadow:0 0 0 9px rgba(46,212,122,0)}100%{box-shadow:0 0 0 0 rgba(46,212,122,0)}}
.pst-hero h2{font-size:clamp(34px,6vw,56px);font-weight:900;letter-spacing:-.03em;line-height:1;margin:0 0 15px;background:linear-gradient(120deg,#ffffff,#8fd4ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.pst-hero p{font-size:15px;line-height:1.6;color:var(--p-mut);margin:0}
.pst-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:620px;margin:32px auto 0}
.pst-stat{background:var(--p-card);border:1px solid var(--p-line);border-radius:16px;padding:18px 14px;text-align:center}
.pst-stat b{display:block;font-size:30px;font-weight:900;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1;background:linear-gradient(120deg,#ffffff,#9bd6ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pst-stat span{display:block;margin-top:8px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--p-mut)}
.pst-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin:42px auto 0;max-width:1040px;text-align:left}
.pst-card{position:relative;overflow:hidden;background:var(--p-card);border:1px solid var(--p-line);border-radius:18px;padding:20px;transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .18s,box-shadow .18s;animation:pstIn .4s both}
@keyframes pstIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.pst-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--hue) 50%,transparent);box-shadow:0 20px 50px rgba(0,0,0,.5)}
.pst-glow{position:absolute;inset:-45% 45% 55% -45%;background:radial-gradient(circle,color-mix(in srgb,var(--hue) 42%,transparent),transparent 70%);opacity:.5;pointer-events:none;transition:opacity .18s}
.pst-card:hover .pst-glow{opacity:.95}
.pst-card.pst-out{opacity:.72}
.pst-card.pst-out:hover{transform:translateY(-2px)}
.pst-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:16px;position:relative}
.pst-ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;flex:none;background:linear-gradient(135deg,color-mix(in srgb,var(--hue) 55%,#0a0c12),color-mix(in srgb,var(--hue) 16%,#0a0c12));border:1px solid color-mix(in srgb,var(--hue) 35%,transparent);box-shadow:0 6px 18px color-mix(in srgb,var(--hue) 28%,transparent)}
.pst-ic img{width:30px;height:30px;object-fit:contain}
.pst-ic b{font-size:19px;font-weight:900;color:#fff;letter-spacing:-.02em}
.pst-pill{font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:5px 10px;border-radius:99px;white-space:nowrap}
.pst-pill.ok{color:#5fe39a;background:rgba(46,212,122,.13);border:1px solid rgba(46,212,122,.32)}
.pst-pill.low{color:#ffce52;background:rgba(255,193,7,.12);border:1px solid rgba(255,193,7,.3)}
.pst-pill.out{color:#ff8094;background:rgba(255,77,106,.12);border:1px solid rgba(255,77,106,.32)}
.pst-name{margin:0;font-size:19px;font-weight:800;letter-spacing:-.01em;color:#f2f6fc;position:relative}
.pst-tag{display:inline-block;margin-top:4px;font-size:11.5px;font-weight:600;color:var(--p-mut);position:relative}
.pst-count{display:flex;align-items:baseline;gap:7px;margin:16px 0 12px;position:relative}
.pst-count b{font-size:34px;font-weight:900;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1;color:#fff}
.pst-count em{font-size:12px;font-style:normal;font-weight:600;color:var(--p-mut)}
.pst-bar{height:6px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden;position:relative}
.pst-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,color-mix(in srgb,var(--hue) 70%,#fff),var(--hue));transition:width .6s cubic-bezier(.2,.8,.2,1);width:0}
.pst-card.pst-out .pst-bar i{background:#5a6472}
.pst-foot{text-align:center;color:var(--p-mut);font-size:12.5px;margin-top:34px}
@media(max-width:560px){.pst-stats{grid-template-columns:1fr;gap:10px;max-width:340px}.pst-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:32px}.pst-card{padding:16px}.pst-count b{font-size:28px}.pst-ic{width:46px;height:46px}}
@media(max-width:380px){.pst-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.pst-card{animation:none;transition:none}.pst-live i{animation:none}}

/* ═══════════════════════════════════════════════════════════════════
   DLX — Download library (download/overview), license-gated
   ═══════════════════════════════════════════════════════════════════ */
.dlx{--d-card:#111623;--d-line:rgba(255,255,255,.07);--d-line2:rgba(255,255,255,.12);--d-mut:#8a97ad;--d-txt:#eaf0f8;color:var(--d-txt)}
.dlx *{box-sizing:border-box}
.dlx-hero{text-align:center;max-width:680px;margin:0 auto;padding-top:4px}
.dlx-eyebrow{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#3ab8ff;margin-bottom:12px}
.dlx-hero h2{font-size:clamp(32px,5.5vw,50px);font-weight:900;letter-spacing:-.03em;line-height:1;margin:0 0 14px;background:linear-gradient(120deg,#ffffff,#8fd4ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.dlx-hero p{font-size:15px;line-height:1.6;color:var(--d-mut);margin:0}
.dlx-locked{max-width:460px;margin:40px auto 0;text-align:center;background:var(--d-card);border:1px solid var(--d-line);border-radius:20px;padding:40px 28px}
.dlx-lock-ic{width:64px;height:64px;border-radius:18px;margin:0 auto 18px;display:grid;place-items:center;background:rgba(255,193,7,.08);border:1px solid rgba(255,193,7,.22);color:#ffce52}
.dlx-lock-ic svg{width:30px;height:30px}
.dlx-lock-t{font-size:19px;font-weight:800;color:#f2f6fc;margin-bottom:7px}
.dlx-lock-s{font-size:13.5px;line-height:1.55;color:var(--d-mut);margin:0 0 22px}
.dlx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px;max-width:960px;margin:40px auto 0}
.dlx-card{position:relative;overflow:hidden;background:var(--d-card);border:1px solid var(--d-line);border-radius:20px;padding:24px;transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .18s,box-shadow .18s;animation:dlxIn .4s both;display:flex;flex-direction:column}
@keyframes dlxIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.dlx-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--hue) 50%,transparent);box-shadow:0 22px 52px rgba(0,0,0,.5)}
.dlx-glow{position:absolute;inset:-50% 40% 60% -50%;background:radial-gradient(circle,color-mix(in srgb,var(--hue) 40%,transparent),transparent 70%);opacity:.5;pointer-events:none;transition:opacity .18s}
.dlx-card:hover .dlx-glow{opacity:.95}
.dlx-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:18px;position:relative}
.dlx-ic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;flex:none;background:linear-gradient(135deg,color-mix(in srgb,var(--hue) 55%,#0a0c12),color-mix(in srgb,var(--hue) 16%,#0a0c12));border:1px solid color-mix(in srgb,var(--hue) 35%,transparent);box-shadow:0 6px 18px color-mix(in srgb,var(--hue) 28%,transparent)}
.dlx-ic b{font-size:20px;font-weight:900;color:#fff;letter-spacing:-.02em}
.dlx-exp{font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:5px 11px;border-radius:99px;white-space:nowrap}
.dlx-exp.dlx-life{color:#5fe39a;background:rgba(46,212,122,.13);border:1px solid rgba(46,212,122,.32)}
.dlx-exp.dlx-ok{color:#8fd4ff;background:rgba(58,184,255,.12);border:1px solid rgba(58,184,255,.3)}
.dlx-exp.dlx-warn{color:#ffce52;background:rgba(255,193,7,.12);border:1px solid rgba(255,193,7,.3)}
.dlx-exp.dlx-dead{color:#ff8094;background:rgba(255,77,106,.12);border:1px solid rgba(255,77,106,.32)}
.dlx-name{margin:0;font-size:21px;font-weight:800;letter-spacing:-.01em;color:#f2f6fc;position:relative}
.dlx-tag{display:inline-block;margin-top:4px;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb,var(--hue) 75%,#fff);position:relative}
.dlx-desc{font-size:13px;line-height:1.55;color:#9fb0c2;margin:13px 0 0;position:relative}
.dlx-meta{position:relative;margin-top:16px;display:flex;flex-direction:column;gap:1px}
.dlx-mrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--d-line)}
.dlx-mrow span{font-size:12px;color:var(--d-mut);font-weight:600}
.dlx-mrow b{font-size:13px;color:#dfe6f0;font-weight:700;font-variant-numeric:tabular-nums}
.dlx-note{position:relative}
.dlx-warn{display:block;margin-top:12px;font-size:12px;font-weight:600;color:#ffce52;background:rgba(255,193,7,.08);border:1px solid rgba(255,193,7,.25);border-radius:10px;padding:9px 12px}
.dlx-act{position:relative;margin-top:18px}
.dlx-apinote{font-size:12.5px;color:var(--d-mut);line-height:1.5}
.dlx-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;height:46px;border-radius:12px;border:none;background:linear-gradient(135deg,color-mix(in srgb,var(--hue) 92%,#fff),var(--hue));color:#061018;font:inherit;font-size:14px;font-weight:800;letter-spacing:.01em;cursor:pointer;transition:filter .15s,transform .12s;box-shadow:0 8px 22px color-mix(in srgb,var(--hue) 30%,transparent)}
.dlx-btn:hover{filter:brightness(1.08)}
.dlx-btn:active{transform:translateY(1px)}
.dlx-btn svg{width:17px;height:17px}
.dlx-locked .dlx-btn{--hue:#3ab8ff;width:auto;padding:0 22px}
.dlx-help{max-width:720px;margin:36px auto 0;background:var(--d-card);border:1px solid var(--d-line);border-radius:18px;padding:22px 24px}
.dlx-help-h{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--d-mut);margin-bottom:16px}
.dlx-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.dlx-step{display:flex;align-items:flex-start;gap:11px}
.dlx-step b{width:26px;height:26px;flex:none;border-radius:8px;display:grid;place-items:center;font-size:13px;font-weight:800;color:#3ab8ff;background:rgba(58,184,255,.12);border:1px solid rgba(58,184,255,.28)}
.dlx-step span{font-size:12.5px;line-height:1.5;color:#b7c3d2}
.dlx-foot{text-align:center;color:var(--d-mut);font-size:12.5px;margin-top:28px}
@media(max-width:620px){.dlx-grid{grid-template-columns:1fr;margin-top:32px}.dlx-steps{grid-template-columns:1fr;gap:14px}}
@media(prefers-reduced-motion:reduce){.dlx-card{animation:none;transition:none}}

/* ═══════════════════════════════════════════════════════════════════
   ASET — Settings (admin/settings): platform switches + team cleanup
   ═══════════════════════════════════════════════════════════════════ */
.aset{--as-card:#10131b;--as-in:#07080c;--as-line:rgba(255,255,255,.07);--as-line2:rgba(255,255,255,.12);--as-mut:#7f8ba0;--as-txt:#e8edf5;--as-acc:#3ab8ff;color:var(--as-txt)}
.aset *{box-sizing:border-box}
.aset-top{margin:2px 0 18px}
.aset-eyebrow{display:block;font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--as-acc);margin-bottom:5px}
.aset-title h2{margin:0;font-size:30px;font-weight:900;letter-spacing:-.025em;line-height:1}
.aset-lead{margin:10px 0 0;font-size:12.5px;line-height:1.6;color:var(--as-mut);max-width:680px}
.aset-link{color:var(--as-acc);font-weight:700;cursor:pointer;text-decoration:none;border-bottom:1px dotted color-mix(in srgb,var(--as-acc) 50%,transparent)}
.aset-link:hover{color:#8fd4ff}
.aset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.aset-card{background:var(--as-card);border:1px solid var(--as-line);border-radius:16px;padding:18px 20px;transition:border-color .16s}
.aset-card:hover{border-color:var(--as-line2)}
.aset-wide{grid-column:1/-1}
.aset-card-h{display:flex;align-items:flex-start;gap:14px}
.aset-ic{width:42px;height:42px;border-radius:12px;flex:none;display:grid;place-items:center}
.aset-ic svg{width:21px;height:21px}
.aset-amber{color:#ffce52;background:rgba(255,193,7,.1);border:1px solid rgba(255,193,7,.24)}
.aset-blue{color:#3ab8ff;background:rgba(58,184,255,.1);border:1px solid rgba(58,184,255,.24)}
.aset-indigo{color:#8b93ff;background:rgba(88,101,242,.12);border:1px solid rgba(88,101,242,.26)}
.aset-red{color:#ff8094;background:rgba(255,77,106,.1);border:1px solid rgba(255,77,106,.24)}
.aset-card-tx{flex:1;min-width:0}
.aset-card-tx h3{margin:0 0 4px;font-size:15.5px;font-weight:800;color:#eef3fa}
.aset-card-tx p{margin:0;font-size:12.5px;line-height:1.5;color:var(--as-mut)}
.aset-card-tx b{color:#c3cedb}
.aset-pill{flex:none;font-size:10.5px;font-weight:800;letter-spacing:.05em;padding:4px 11px;border-radius:99px;white-space:nowrap}
.aset-pill.on{color:#8fd4ff;background:rgba(58,184,255,.14);border:1px solid rgba(58,184,255,.32)}
.aset-pill.off{color:#9aa6b5;background:rgba(255,255,255,.05);border:1px solid var(--as-line2)}
.aset-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:16px;padding-top:15px;border-top:1px solid var(--as-line)}
.aset-foot{margin-top:16px;padding-top:15px;border-top:1px solid var(--as-line);display:flex;justify-content:flex-end}
.aset-foot.aset-wrap{justify-content:flex-start;gap:9px;flex-wrap:wrap}
.aset .aset-in{flex:1;min-width:180px;height:40px;padding:0 13px;border-radius:10px;border:1px solid var(--as-line2);background:var(--as-in);color:#fff;font:inherit;font-size:13px;outline:none}
.aset .aset-in:focus{border-color:var(--as-acc)}
.aset-btn{height:38px;padding:0 16px;border-radius:10px;border:1px solid var(--as-line2);background:rgba(255,255,255,.04);color:var(--as-txt);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s,filter .15s}
.aset-btn:hover{background:rgba(255,255,255,.09)}
.aset-btn.primary{background:var(--as-acc);border-color:transparent;color:#061018}
.aset-btn.primary:hover{filter:brightness(1.1);background:var(--as-acc)}
.aset-btn.danger{color:#ff8094;border-color:rgba(255,77,106,.3);background:rgba(255,77,106,.08)}
.aset-btn.danger:hover{background:rgba(255,77,106,.16)}
@media(max-width:620px){.aset-grid{grid-template-columns:1fr}.aset-title h2{font-size:24px}}

/* ═══════════════════════════════════════════════════════════════════
   ATL — Tools (admin/tools): header + polish on the ops cockpit
   ═══════════════════════════════════════════════════════════════════ */
.atl .atl-top{margin:2px 0 22px}
.atl-eyebrow{display:block;font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#3ab8ff;margin-bottom:5px}
.atl-title h2{margin:0;font-size:30px;font-weight:900;letter-spacing:-.025em;line-height:1}
.atl-lead{margin:10px 0 0;font-size:12.5px;line-height:1.6;color:#7f8ba0;max-width:640px}
.atl-link{color:#3ab8ff;font-weight:700;cursor:pointer;text-decoration:none;border-bottom:1px dotted rgba(58,184,255,.5)}
.atl-link:hover{color:#8fd4ff}
.atl .sect{margin-top:30px;padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.07);font-size:15px;font-weight:800;letter-spacing:-.01em}

/* DLX feature chips (download cards) */
.dlx-feats{position:relative;margin-top:15px}
.dlx-feats-l{display:block;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--d-mut);margin-bottom:9px}
.dlx-chips{display:flex;flex-wrap:wrap;gap:6px}
.dlx-chip{font-size:11px;font-weight:700;color:color-mix(in srgb,var(--hue) 78%,#fff);background:color-mix(in srgb,var(--hue) 12%,transparent);border:1px solid color-mix(in srgb,var(--hue) 26%,transparent);padding:3px 9px;border-radius:7px}

/* ═══════════════════════════════════════════════════════════════════
   AVIP — VIP Zugriff (admin/vip): per-user grants for VIP-only products
   ═══════════════════════════════════════════════════════════════════ */
.avip{--v-card:#10131b;--v-in:#07080c;--v-line:rgba(255,255,255,.07);--v-line2:rgba(255,255,255,.12);--v-mut:#7f8ba0;--v-txt:#e8edf5;--v-acc:#f47521;color:var(--v-txt)}
.avip *{box-sizing:border-box}
.avip-msg{padding:22px;color:var(--v-mut);font-size:13px}
.avip-top{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;margin:2px 0 16px}
.avip-eyebrow{display:block;font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--v-acc);margin-bottom:5px}
.avip-title h2{margin:0;font-size:30px;font-weight:900;letter-spacing:-.025em;line-height:1}
.avip-lead{margin:0;flex:1;min-width:230px;font-size:12.5px;line-height:1.55;color:var(--v-mut);max-width:520px}
.avip-lead b{color:#cdd6e2}
.avip-btn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 15px;border-radius:10px;border:1px solid var(--v-line2);background:rgba(255,255,255,.04);color:var(--v-txt);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s,filter .15s}
.avip-btn:hover{background:rgba(255,255,255,.08)}
.avip-btn svg{width:15px;height:15px}
.avip-btn.primary{background:var(--v-acc);border-color:transparent;color:#1a0d00}
.avip-btn.primary:hover{filter:brightness(1.08);background:var(--v-acc)}
.avip-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:11px;margin:0 0 14px}
.avip-kpi{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;background:var(--v-card);border:1px solid var(--v-line)}
.avip-kpi b{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}
.avip-kpi span{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--v-mut)}
.avip-form{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;background:var(--v-card);border:1px solid var(--v-line2);border-radius:16px;padding:16px 18px;margin:0 0 16px}
.avip-f{display:flex;flex-direction:column;gap:5px;min-width:160px}
.avip-f.avip-grow{flex:1}
.avip-f>span{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--v-mut)}
.avip .avip-in{height:40px;padding:0 12px;border-radius:10px;border:1px solid var(--v-line2);background:var(--v-in);color:#fff;font:inherit;font-size:13.5px;outline:none;width:100%}
.avip .avip-in:focus{border-color:var(--v-acc)}
.avip-list{display:flex;flex-direction:column;gap:9px}
.avip-row{display:flex;align-items:center;gap:14px;padding:13px 16px;border-radius:13px;background:var(--v-card);border:1px solid var(--v-line);transition:border-color .15s}
.avip-row:hover{border-color:var(--v-line2)}
.avip-u{display:flex;align-items:center;gap:10px;min-width:0}
.avip-u b{font-size:14px;font-weight:700;color:#eef3fa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.avip-prod{font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--v-acc);background:color-mix(in srgb,var(--v-acc) 14%,transparent);border:1px solid color-mix(in srgb,var(--v-acc) 30%,transparent);padding:3px 9px;border-radius:7px;white-space:nowrap}
.avip-when{flex:1;font-size:11.5px;color:var(--v-mut);text-align:right}
.avip-mini{height:30px;padding:0 13px;border-radius:8px;border:1px solid rgba(255,93,115,.3);background:rgba(255,93,115,.08);color:#ff7385;font:inherit;font-size:11.5px;font-weight:700;cursor:pointer;transition:background .15s;flex:none}
.avip-mini:hover{background:rgba(255,93,115,.18)}
.avip-empty{text-align:center;padding:40px 20px;color:#6f7f90;font-size:13.5px;background:var(--v-card);border:1px dashed var(--v-line2);border-radius:14px}
@media(max-width:560px){.avip-title h2{font-size:24px}.avip-when{display:none}.avip-form .avip-btn.primary{width:100%;justify-content:center}}

/* AVIP — VIP keys section */
.avip-sect{margin:26px 0 4px;font-size:13px;font-weight:800;letter-spacing:.02em;color:#eef3fa;padding-bottom:8px;border-bottom:1px solid var(--v-line)}
.avip-subnote{margin:10px 0 14px;font-size:12px;line-height:1.55;color:var(--v-mut)}
.avip-subnote b{color:#cdd6e2}
.avip-keyrow{gap:12px}
.avip-dur{font-size:11.5px;font-weight:700;color:#aab6c6;background:rgba(255,255,255,.05);border:1px solid var(--v-line2);padding:3px 9px;border-radius:7px;white-space:nowrap}
.avip-kstatus{flex:1;display:flex;justify-content:flex-end;min-width:0}
.avip-redeemed{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:#5fe39a;background:rgba(46,212,122,.1);border:1px solid rgba(46,212,122,.28);padding:5px 11px;border-radius:8px;white-space:nowrap}
.avip-redeemed svg{width:13px;height:13px}
.avip-key{font-family:ui-monospace,Consolas,monospace;font-size:12px;color:#8fd4ff;background:rgba(58,184,255,.07);border:1px dashed var(--v-line2);border-radius:8px;padding:5px 10px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;transition:border-color .15s}
.avip-key:hover{border-color:var(--v-acc);color:#fff}
.avip-tag-key{font-size:9.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#c6a6ff;background:rgba(169,123,255,.12);border:1px solid rgba(169,123,255,.3);padding:2px 7px;border-radius:6px}
.avip-keyout{background:var(--v-card);border:1px solid rgba(46,212,122,.28);border-radius:14px;padding:14px 16px;margin:0 0 14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.avip-keyout-h{width:100%;font-size:11.5px;font-weight:700;color:#5fe39a;margin-bottom:4px}

/* VIP-gated generator cards: visible for everyone, locked without VIP access */
.gen-type-card .gen-vip-lock{position:absolute;top:9px;right:9px;display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:7px;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(135deg,#ffcf3f,#ff9d2e);color:#241a00;z-index:2}
.gen-type-card.vip-locked .gen-type-icon,.gen-type-card.vip-locked strong{opacity:.55}
.gen-type-card.vip-locked .gen-type-check{display:none}
.gen-type-card.vip-locked:hover .gen-type-icon{opacity:.8}


/* ===== VIP chain-cross lock (crossed chains + padlock) ===== */
.vip-block-locked{position:relative}
.vip-chain-lock{position:absolute;inset:0;z-index:5;overflow:hidden;border-radius:inherit;background:rgba(7,9,14,.62);-webkit-backdrop-filter:blur(1.6px);backdrop-filter:blur(1.6px);pointer-events:none}
.vip-chain-lock.blocking{pointer-events:auto;cursor:not-allowed}
.vip-chain-lock .vc-chain{position:absolute;left:50%;top:50%;width:150%;height:13px;transform:translate(-50%,-50%) rotate(30deg);transform-origin:center;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='13'><rect x='1' y='2' width='19' height='9' rx='4.5' fill='none' stroke='%23b9c1d1' stroke-width='2.4'/></svg>") repeat-x left center;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.7));opacity:.95}
.vip-chain-lock .vc-chain:nth-child(2){transform:translate(-50%,-50%) rotate(-30deg)}
.vip-chain-lock .vc-pad{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:9px;background:linear-gradient(135deg,#ffcf3f,#ff9d2e);color:#241a00;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 4px 14px rgba(0,0,0,.55)}
.vip-chain-lock .vc-pad b{font-weight:800}
.gen-type-card.vip-locked .gen-type-icon,.gen-type-card.vip-locked strong{opacity:.4}

/* ===================================================================
   VIP gate v2 — locked generator cards / blocks for non-VIP users
   blur + crossed chains + golden padlock, click opens the VIP dialog
=================================================================== */
.gen-type-card.vip-locked{position:relative;overflow:hidden;cursor:pointer;border-color:rgba(255,190,60,.22)!important}
.gen-type-card.vip-locked>:not(.vipx-lock){filter:blur(2.4px) grayscale(.55);opacity:.5;transition:filter .3s,opacity .3s}
.gen-type-card.vip-locked .gen-type-icon,.gen-type-card.vip-locked strong{opacity:1}
.gen-type-card.vip-locked:hover{transform:translateY(-2px);border-color:rgba(255,190,60,.55)!important;box-shadow:0 14px 34px -18px rgba(255,170,40,.55)}
.gen-type-card.vip-locked:hover>:not(.vipx-lock){filter:blur(1.6px) grayscale(.3);opacity:.65}
.vipx-lock{position:absolute;inset:0;z-index:4;overflow:hidden;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 90% at 50% 50%,rgba(6,8,14,.25),rgba(6,8,14,.62))}
.vipx-chain{position:absolute;left:50%;top:50%;width:170%;height:12px;transform:translate(-50%,-50%) rotate(28deg);
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='12'><rect x='1.5' y='2' width='12.5' height='8' rx='4' fill='none' stroke='%23c9d0dc' stroke-width='2.2'/><rect x='11.5' y='4.6' width='9.5' height='2.8' rx='1.4' fill='%23c9d0dc'/></svg>") repeat-x left center;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.75));opacity:.9;animation:vipxChain 6s linear infinite}
.vipx-chain+.vipx-chain{transform:translate(-50%,-50%) rotate(-28deg);animation-direction:reverse}
@keyframes vipxChain{to{background-position:44px center}}
.vipx-pad{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:5px;padding:5px 10px 5px 8px;border-radius:9px;background:linear-gradient(135deg,#ffd75a,#ff9d2e);color:#2a1c00;font-size:10.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;box-shadow:0 6px 18px rgba(0,0,0,.6),0 0 0 3px rgba(255,190,60,.18);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}
.vipx-pad svg{width:13px;height:13px}
.gen-type-card.vip-locked:hover .vipx-pad{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 8px 24px rgba(0,0,0,.6),0 0 0 5px rgba(255,190,60,.25),0 0 26px rgba(255,170,40,.45)}

/* blocks (Quick Pick, Webhook Gen) */
.vipx-blocked{position:relative!important;overflow:hidden;border-radius:14px}
.vipx-blocked>:not(.vipx-gate){filter:blur(5px) grayscale(.5);opacity:.45;pointer-events:none;user-select:none}
.vipx-gate{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:inherit;cursor:pointer;
  background:radial-gradient(90% 120% at 50% 50%,rgba(14,16,26,.55),rgba(6,8,14,.82));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:vipxIn .45s cubic-bezier(.16,1,.3,1) both}
@keyframes vipxIn{from{opacity:0}to{opacity:1}}
.vipx-gate .vipx-chain{width:130%;opacity:.35}
.vipx-gate-c{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:6px;max-width:360px;padding:12px;text-align:center}
.vipx-gate-c .vipx-pad{position:static;transform:none}
.vipx-gate-c b{margin-top:2px;font-size:15px;font-weight:800;color:#fff}
.vipx-gate-c p{margin:0;font-size:12.5px;line-height:1.5;color:#aab4c4}
.vipx-buy{display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:9px 14px;border:0;border-radius:10px;background:linear-gradient(135deg,#6b77ff,#5865f2);color:#fff;font:700 12.5px/1 inherit;font-family:inherit;cursor:pointer;white-space:nowrap;box-shadow:0 10px 24px -10px rgba(88,101,242,.9),inset 0 1px 0 rgba(255,255,255,.2);transition:transform .2s cubic-bezier(.16,1,.3,1),filter .2s,box-shadow .2s}
.vipx-buy svg{width:16px;height:16px}
.vipx-buy:hover{transform:translateY(-1px);filter:brightness(1.12);box-shadow:0 14px 30px -10px rgba(88,101,242,1),inset 0 1px 0 rgba(255,255,255,.25)}
.vipx-buy:active{transform:scale(.97)}
.vipx-gate.slim .vipx-gate-c{flex-direction:row;gap:10px;padding:6px}
.vipx-gate.slim .vipx-gate-c b,.vipx-gate.slim .vipx-gate-c p{display:none}
.vipx-gate.slim .vipx-buy{margin:0;padding:8px 12px;font-size:11.5px}

/* VIP dialog */
.cmodal.vipm-modal{max-width:470px;padding:0!important;overflow:hidden;background:linear-gradient(180deg,#14121a,#0d0f15)!important;border:1px solid rgba(255,190,60,.28)!important}
.vipm{position:relative;padding:30px 26px 22px;text-align:center}
.vipm-glow{position:absolute;left:50%;top:-120px;width:340px;height:240px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,180,50,.32),transparent 70%);pointer-events:none}
.vipm-crown{position:relative;display:inline-grid;place-items:center;width:62px;height:62px;border-radius:18px;background:linear-gradient(135deg,#ffd75a,#ff9d2e);color:#2a1c00;box-shadow:0 14px 34px -10px rgba(255,160,40,.8);animation:vipmPop .6s cubic-bezier(.16,1,.3,1) both}
.vipm-crown svg{width:32px;height:32px}
@keyframes vipmPop{from{transform:scale(.6) rotate(-12deg);opacity:0}to{transform:none;opacity:1}}
.vipm h3{position:relative;margin:16px 0 6px;font-size:20px;font-weight:800;color:#fff}
.vipm-sub{position:relative;margin:0 auto 18px;max-width:360px;font-size:13px;line-height:1.55;color:#a9b2c2}
.vipm-perks{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:18px}
.vipm-perks span{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);font-size:12px;font-weight:600;color:#cfd6e2}
.vipm-perks span svg{width:12px;height:12px;color:#ffc24a}
.vipm-perks span.on{border-color:rgba(255,190,60,.6);background:rgba(255,190,60,.12);color:#ffe2a0;box-shadow:0 0 0 3px rgba(255,190,60,.08)}
.vipm-steps{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;text-align:left}
.vipm-steps div{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.025);font-size:13px;color:#d6dbe5}
.vipm-steps b{display:grid;place-items:center;flex:0 0 auto;width:24px;height:24px;border-radius:8px;background:rgba(255,190,60,.15);color:#ffc24a;font-size:12px;font-weight:800}
.vipm-steps em{font-style:normal;font-weight:700;color:#fff}
.vipm-acts{display:flex;gap:10px}
.vipm-later{flex:0 0 auto;padding:12px 16px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:transparent;color:#aab4c4;font:600 13px inherit;font-family:inherit;cursor:pointer;transition:color .2s,border-color .2s}
.vipm-later:hover{color:#fff;border-color:rgba(255,255,255,.25)}
.vipm-go{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 16px;border-radius:11px;background:linear-gradient(135deg,#6b77ff,#5865f2);color:#fff!important;font-size:14px;font-weight:800;text-decoration:none;box-shadow:0 14px 30px -12px rgba(88,101,242,.95),inset 0 1px 0 rgba(255,255,255,.2);transition:transform .2s cubic-bezier(.16,1,.3,1),filter .2s}
.vipm-go svg{width:17px;height:17px}
.vipm-go:hover{transform:translateY(-1px);filter:brightness(1.12)}
@media (prefers-reduced-motion:reduce){.vipx-chain{animation:none}}
.vipx-name{position:absolute;left:0;right:0;bottom:12px;z-index:2;font-style:normal;text-align:center;font-size:13px;font-weight:800;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 6px}
.vipx-gate.slim .vipx-pad{display:none}
.vipx-gate.slim .vipx-buy{gap:6px;padding:8px 11px;font-size:11px;letter-spacing:0}
.vipx-gate.slim .vipx-buy svg{width:14px;height:14px}

/* Quantity + Quick Pick as one block (VIP gate "bulk" variant) */
.gen-launch-amount{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap}
.gen-launch-amount.vipx-blocked{flex:1 1 100%;min-height:76px;border-radius:14px}
.gen-launch-amount.vipx-blocked>:not(.vipx-gate){filter:blur(6px) grayscale(.6);opacity:.35}
.vipx-gate.bulk{justify-content:flex-start;gap:18px;padding:0 14px 0 16px;cursor:default;border:1px solid rgba(255,190,60,.26);
  background:linear-gradient(100deg,rgba(255,176,46,.13),rgba(16,18,28,.78) 38%,rgba(12,14,22,.88));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.vipx-gate.bulk::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.vipx-bulk-chains{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.12;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='12'><rect x='1.5' y='2' width='12.5' height='8' rx='4' fill='none' stroke='%23ffd27a' stroke-width='2'/><rect x='11.5' y='4.6' width='9.5' height='2.8' rx='1.4' fill='%23ffd27a'/></svg>") repeat-x 0 50%/22px 12px;
  -webkit-mask:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent);mask:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent);animation:vipxChain 7s linear infinite}
.vipx-bulk-qty{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:5px;flex:0 0 auto}
.vipx-bulk-qty span{font-size:9.5px;font-weight:800;letter-spacing:1.2px;color:#b99a5e}
.vipx-bulk-qty b{position:relative;display:grid;place-items:center;width:46px;height:40px;border-radius:11px;border:1px solid rgba(255,190,60,.4);background:rgba(255,190,60,.08);color:#fff;font-size:19px;font-weight:900}
.vipx-bulk-qty b svg{position:absolute;right:-7px;top:-7px;width:18px;height:18px;padding:3px;border-radius:7px;background:linear-gradient(135deg,#ffd75a,#ff9d2e);color:#2a1c00;box-shadow:0 3px 10px rgba(0,0,0,.5)}
.vipx-bulk-txt{position:relative;z-index:1;flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;text-align:left}
.vipx-bulk-txt b{display:flex;align-items:center;gap:7px;font-size:14.5px;font-weight:800;color:#fff}
.vipx-bulk-txt b svg{flex:0 0 auto;width:17px;height:17px;color:#ffc24a;filter:drop-shadow(0 0 6px rgba(255,190,60,.5))}
.vipx-bulk-txt span{font-size:12px;color:#a9b2c2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vipx-gate.bulk .vipx-buy{position:relative;z-index:1;flex:0 0 auto;margin:0;padding:11px 16px;font-size:13px}
@media (max-width:700px){
  .vipx-gate.bulk{flex-wrap:wrap;gap:10px;padding:12px}
  .gen-launch-amount.vipx-blocked{min-height:140px}
  .vipx-bulk-txt span{white-space:normal}
  .vipx-gate.bulk .vipx-buy{width:100%;justify-content:center}
}
.gen-launch-amount.vipx-blocked{min-height:86px}
.vipx-bulk-chains{inset:auto 0 5px 0;height:12px;opacity:.22}
.vipx-bulk-qty{gap:8px}

/* ===================================================================
   Generator: "Choose an account type" — Free | VIP side by side
=================================================================== */
.gen-cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.gen-cat{position:relative;min-width:0;padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.008));overflow:hidden}
.gen-cat::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;opacity:.9}
.gen-cat-free{border-color:rgba(0,123,255,.2)}
.gen-cat-free::before{background:linear-gradient(90deg,transparent,#2f8bff,transparent)}
.gen-cat-vip{border-color:rgba(255,190,60,.28);background:radial-gradient(110% 60% at 100% 0%,rgba(255,180,50,.10),transparent 60%),linear-gradient(180deg,rgba(255,200,90,.03),rgba(255,255,255,.008))}
.gen-cat-vip::before{background:linear-gradient(90deg,transparent,#ffbf3c,transparent)}
.gen-cat-h{position:relative;display:flex;align-items:center;gap:11px;margin-bottom:12px}
.gen-cat-ic{flex:0 0 auto;display:grid;place-items:center;width:36px;height:36px;border-radius:11px}
.gen-cat-ic svg{width:18px;height:18px}
.gen-cat-free .gen-cat-ic{background:rgba(0,123,255,.14);border:1px solid rgba(0,123,255,.35);color:#5aa7ff}
.gen-cat-vip .gen-cat-ic{background:linear-gradient(135deg,#ffd75a,#ff9d2e);color:#2a1c00;box-shadow:0 8px 20px -8px rgba(255,160,40,.8)}
.gen-cat-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.gen-cat-t b{font-size:15.5px;font-weight:900;letter-spacing:.2px;color:#fff}
.gen-cat-vip .gen-cat-t b{background:linear-gradient(90deg,#ffe08a,#ffb238);-webkit-background-clip:text;background-clip:text;color:transparent}
.gen-cat-t small{font-size:11.5px;color:#8892a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gen-cat-n,.gen-cat-state{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.03em;white-space:nowrap}
.gen-cat-n{border:1px solid rgba(255,255,255,.1);color:#9aa4b6}
.gen-cat-state{border:1px solid rgba(255,190,60,.45);background:rgba(255,190,60,.1);color:#ffcf6a}
.gen-cat-state svg{width:12px;height:12px}
.gen-cat-state.on{border-color:rgba(46,204,113,.45);background:rgba(46,204,113,.1);color:#4be08a}
.gen-cat-state.part{border-color:rgba(255,190,60,.45)}
.gen-cat .gen-type-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.gen-cat .gen-type-card{min-width:0;padding:20px 8px 12px}
.gen-cat .gen-type-card strong{max-width:100%;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gen-cat-vip .gen-type-card:not(.vip-locked){border-color:rgba(255,190,60,.22)}
.gen-cat-vip .gen-type-card:not(.vip-locked):hover{border-color:rgba(255,190,60,.55);box-shadow:0 14px 30px -18px rgba(255,170,40,.6)}
.gen-cat-vip .gen-type-card.active:not(.vip-locked){border-color:#ffbf3c;box-shadow:0 0 0 1px rgba(255,190,60,.5),0 14px 30px -16px rgba(255,170,40,.65)}
.gen-cat-vip.is-locked .vipx-chain{opacity:.6}
.gen-cat-cta{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:46px;margin-top:12px;border:1px solid rgba(255,190,60,.45);border-radius:13px;
  background:linear-gradient(135deg,rgba(255,205,90,.18),rgba(255,140,40,.08));color:#ffdb8e;font:800 13.5px/1 inherit;font-family:inherit;cursor:pointer;overflow:hidden;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .25s}
.gen-cat-cta svg{width:17px;height:17px;color:#ffc24a}
.gen-cat-cta em{font-style:normal;font-weight:600;font-size:12px;color:#c9a565}
.gen-cat-cta::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,230,160,.22),transparent);transform:skewX(-20deg);animation:genCtaSheen 3.2s ease-in-out infinite}
@keyframes genCtaSheen{0%,55%{left:-60%}100%{left:130%}}
.gen-cat-cta:hover{transform:translateY(-1px);border-color:rgba(255,190,60,.8);box-shadow:0 14px 30px -14px rgba(255,170,40,.7)}
.gen-cat-cta.hidden{display:none}
@media (max-width:1100px){.gen-cats{grid-template-columns:1fr}}
@media (max-width:520px){.gen-cat .gen-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.gen-cat-cta::after{animation:none}}
.gen-cat{display:flex;flex-direction:column}
.gen-cat-foot{display:flex;align-items:center;gap:8px;height:46px;margin-top:auto;padding:0 14px;border:1px dashed rgba(0,123,255,.28);border-radius:13px;background:rgba(0,123,255,.05);font-size:12.5px;font-weight:700;color:#9cc7ff}
.gen-cat-free .gen-type-grid{margin-bottom:12px}
.gen-cat-foot svg{flex:0 0 auto;width:15px;height:15px;color:#4be08a}
.gen-cat-foot span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gen-cat-foot em{font-style:normal;font-weight:600;font-size:12px;color:#7d8aa3;white-space:nowrap}
.gen-cat .gen-type-card[data-type="curiositystream"] strong{font-size:11.5px;letter-spacing:-.2px}
.gen-cat-vip .gen-cat-cta{margin-top:auto}
.gen-cat-vip .gen-type-grid{margin-bottom:12px}