/* STS v5.6.218 - clean, fresh page pass + admin safety link polish */
:root{
  --sts-bg:#050609;
  --sts-bg-2:#080812;
  --sts-panel:rgba(17,18,29,.82);
  --sts-panel-2:rgba(22,20,38,.78);
  --sts-border:rgba(166,92,255,.25);
  --sts-border-soft:rgba(255,255,255,.08);
  --sts-text:#f6f3ff;
  --sts-muted:#aaa4bc;
  --sts-purple:#9b35ff;
  --sts-purple-2:#c13dff;
  --sts-green:#39ff14;
  --sts-red:#ff3b6b;
  --sts-radius:22px;
  --sts-shadow:0 18px 55px rgba(0,0,0,.45);
}
html{background:var(--sts-bg)!important;scroll-behavior:smooth;}
body.streamx-v5, body.twitch-v53{
  background:
    radial-gradient(circle at 13% 0%, rgba(57,255,20,.10), transparent 28%),
    radial-gradient(circle at 85% 5%, rgba(155,53,255,.13), transparent 32%),
    linear-gradient(180deg,#06070d 0%,#030407 100%)!important;
  color:var(--sts-text);
}
.page.v5-page{max-width:1480px;margin:0 auto;padding:34px clamp(16px,3vw,42px) 64px;}
.sts-mockup-header,
.tw-topbar.sts-glass-nav{
  backdrop-filter:blur(22px) saturate(135%);
  background:linear-gradient(180deg,rgba(8,8,14,.92),rgba(8,8,14,.72))!important;
  border-bottom:1px solid rgba(155,53,255,.24)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.42)!important;
}
.sts-crypto-ticker{border-top:1px solid rgba(155,53,255,.2)!important;border-bottom:1px solid rgba(57,255,20,.22)!important;background:rgba(3,5,5,.92)!important;}
.sts-mock-nav a,.sts-mock-more-btn{letter-spacing:.11em!important;}
.sts-mock-nav a:hover,.sts-mock-nav a.is-active,.sts-mock-nav a.active{
  color:var(--sts-green)!important;text-shadow:0 0 14px rgba(57,255,20,.35)!important;
}
.tw-search input,.sts-nav-search input,.sts-mock-search input{
  background:rgba(5,7,12,.78)!important;border:1px solid rgba(155,53,255,.34)!important;border-radius:999px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)!important;
}
.tw-search input:focus,.sts-nav-search input:focus{border-color:rgba(57,255,20,.72)!important;box-shadow:0 0 0 3px rgba(57,255,20,.10)!important;}
.page-head,.v5-hero,.hero,.dashboard-hero,.safety-hero,.admin-hero-tabs{
  position:relative;overflow:hidden;border:1px solid var(--sts-border)!important;border-radius:28px!important;
  background:linear-gradient(135deg,rgba(24,20,44,.88),rgba(6,12,11,.78))!important;
  box-shadow:var(--sts-shadow)!important;padding:clamp(22px,3vw,36px)!important;
}
.page-head:before,.v5-hero:before,.hero:before,.dashboard-hero:before,.safety-hero:before,.admin-hero-tabs:before{
  content:"";position:absolute;inset:-1px;background:linear-gradient(90deg,rgba(155,53,255,.28),transparent 34%,rgba(57,255,20,.16));pointer-events:none;opacity:.55;
}
.page-head>* , .v5-hero>* , .hero>* , .dashboard-hero>* , .safety-hero>* , .admin-hero-tabs>*{position:relative;z-index:1;}
h1,h2,h3{letter-spacing:-.03em;} h1{line-height:.95;} p{color:var(--sts-muted);} a{color:inherit;}
.panel,.card,.v5-card,.dashboard-card,.drop-card,.admin-users-panel,.safety-panel,.list-row,.admin-quick-grid a,.safety-card-grid article{
  background:linear-gradient(180deg,var(--sts-panel),rgba(9,10,17,.84))!important;
  border:1px solid var(--sts-border-soft)!important;border-radius:var(--sts-radius)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.32)!important;
}
.panel,.safety-panel,.admin-users-panel{padding:clamp(18px,2vw,28px)!important;margin-bottom:22px;}
.panel:hover,.card:hover,.v5-card:hover,.admin-quick-grid a:hover,.safety-card-grid article:hover{
  border-color:rgba(155,53,255,.38)!important;transform:translateY(-1px);transition:.18s ease;
}
.admin-tab-nav,.safety-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;}
.admin-tab-nav a,.safety-tabs a,.btn,.v53-btn,.tw-btn,.danger-btn,button,.admin-quick-grid a{
  border-radius:14px!important;text-decoration:none!important;
}
.admin-tab-nav a,.safety-tabs a{
  padding:10px 14px;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.075)!important;color:#eee!important;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.08em;
}
.admin-tab-nav a:hover,.admin-tab-nav a.active,.safety-tabs a:hover{
  background:rgba(155,53,255,.22)!important;border-color:rgba(155,53,255,.45)!important;color:#fff!important;
}
button,.btn,.v53-btn,.tw-btn.primary,input[type="submit"]{
  background:linear-gradient(135deg,var(--sts-purple),var(--sts-purple-2))!important;border:0!important;color:#fff!important;font-weight:900!important;
  box-shadow:0 12px 28px rgba(155,53,255,.22)!important;
}
button:hover,.btn:hover,.v53-btn:hover,.tw-btn.primary:hover{filter:brightness(1.08);transform:translateY(-1px);}
.danger-btn,.danger,button.danger{background:linear-gradient(135deg,#ff2b64,#b40f38)!important;color:#fff!important;}
input,select,textarea{
  background:rgba(7,9,15,.88)!important;border:1px solid rgba(255,255,255,.10)!important;color:#fff!important;border-radius:14px!important;
  outline:none!important;
}
input:focus,select:focus,textarea:focus{border-color:rgba(57,255,20,.65)!important;box-shadow:0 0 0 3px rgba(57,255,20,.10)!important;}
.admin-quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:22px 0 26px;}
.admin-quick-grid a{display:flex!important;flex-direction:column;gap:6px;padding:18px!important;min-height:100px;justify-content:center;}
.admin-quick-grid strong{font-size:clamp(26px,3vw,42px);line-height:1;color:#fff;}
.admin-quick-grid span{font-weight:800;color:var(--sts-muted);font-size:13px;}
.admin-users-wrap,.safety-table-wrap{overflow:auto;border-radius:18px;border:1px solid rgba(255,255,255,.08);}
table{width:100%;border-collapse:separate!important;border-spacing:0!important;}
th{position:sticky;top:0;background:rgba(13,14,24,.96)!important;color:#d8cff8!important;text-transform:uppercase;font-size:11px;letter-spacing:.08em;}
th,td{padding:14px 12px!important;border-bottom:1px solid rgba(255,255,255,.06)!important;vertical-align:top;}
tr:hover td{background:rgba(155,53,255,.045)!important;}
.status-pill,.role-pill,.pill,.badge-pill{
  display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(155,53,255,.16);border:1px solid rgba(155,53,255,.28);font-weight:900;font-size:12px;
}
.status-pill.live,.pill.live{background:rgba(57,255,20,.12)!important;border-color:rgba(57,255,20,.32)!important;color:#9cff8b!important;}
.status-pill.offline{background:rgba(255,255,255,.06)!important;color:#aaa!important;}
.safety-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;}
.safety-card-grid article{padding:16px!important;display:flex;flex-direction:column;gap:8px;}
.safety-mini-form,.inline-admin-action{display:grid;gap:8px;min-width:220px;}
.list-stack{display:grid;gap:12px;}.list-row{padding:14px 16px!important;display:flex;justify-content:space-between;gap:14px;align-items:center;}
.muted{color:var(--sts-muted)!important;}.eyebrow,.v5-kicker{color:var(--sts-green)!important;text-transform:uppercase;font-weight:900;letter-spacing:.12em;}
.alert{border-radius:16px!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 12px 35px rgba(0,0,0,.35);}
.alert.success{background:rgba(57,255,20,.10)!important;border-color:rgba(57,255,20,.24)!important;}.alert.error{background:rgba(255,59,107,.10)!important;border-color:rgba(255,59,107,.28)!important;}
/* Watch / feature area polish */
.live-showcase,.sts-live-showcase,.watch-shell,.channel-layout{border-radius:28px!important;}
.streamer-info-panel,.featured-info,.watch-sidebar{background:linear-gradient(180deg,rgba(12,14,25,.88),rgba(14,12,28,.78))!important;border-left:1px solid rgba(155,53,255,.22)!important;}
/* Drops/emotes cleanup */
.sts-chat-drop-widget,.drop-progress-card,.unlocked-emote-picker{background:rgba(10,11,18,.94)!important;border:1px solid rgba(155,53,255,.24)!important;border-radius:18px!important;}
.unlocked-emote-picker{box-shadow:0 18px 55px rgba(0,0,0,.55)!important;}
.unlocked-streamer-avatar,.streamer-emote-avatar{width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:12px!important;object-fit:cover!important;}
.unlocked-streamer-avatar.active,.streamer-emote-avatar.active{outline:2px solid var(--sts-green)!important;box-shadow:0 0 0 4px rgba(57,255,20,.12)!important;}
@media (max-width:900px){
  .page.v5-page{padding:18px 12px 48px;}.admin-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.list-row{display:grid;}.sts-mock-nav{gap:8px;overflow:auto;}
  .admin-tab-nav,.safety-tabs{flex-wrap:nowrap;overflow:auto;padding-bottom:4px;}
}