/* ===== U7 · стиль в духе Remnawave (плоский графит + циан) ===== */
:root{
  --bg:#0f1115;--bg-2:#13161c;--surface:#171b22;--surface-solid:#171b22;--surface-2:#1e232c;--surface-3:#252b36;
  --line:#252b35;--line-2:#2f3643;--text:#e6e9ef;--text-2:#b2b9c6;--muted:#7d8697;
  --accent:#15aabf;--accent-2:#22b8cf;--grad:linear-gradient(135deg,#15aabf,#22b8cf);
  --ok:#40c057;--warn:#fab005;--danger:#fa5252;--radius:10px;--radius-sm:8px;--shadow:none;
  --font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}
body{background:var(--bg)!important;font-feature-settings:"tnum" 1}
::selection{background:rgba(21,170,191,.35)}
.eyebrow{color:var(--accent-2)}
input,select,textarea{border-radius:8px;background:var(--bg-2);border-color:var(--line-2)}
input:focus,select:focus,textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(21,170,191,.18)!important}
/* sidebar */
aside{background:var(--bg-2)!important;backdrop-filter:none;border-right:1px solid var(--line);padding:14px 12px}
.aside-brand{padding:6px 8px 16px;margin-bottom:8px;border-bottom:1px solid var(--line)}
.aside-brand span{border-radius:0;box-shadow:none;width:38px;height:38px;filter:drop-shadow(0 6px 14px rgba(91,140,255,.45))}
.aside-brand span svg{width:38px;height:38px;display:block}
.aside-brand b{font-weight:700}
.nav-caption{color:var(--muted);font-size:10.5px;letter-spacing:.09em;margin:12px 12px 6px}
.nav,.logout{border-radius:8px;padding:8px 12px;font-size:13.5px}
.nav:hover{background:rgba(255,255,255,.035)}
.nav.active{background:rgba(21,170,191,.13);color:#3bc9db}
.nav.active::before{display:none}
.nav.active svg{color:#3bc9db}
/* header */
header h1{font-size:24px;font-weight:700;letter-spacing:-.02em}
.online{border-radius:8px;background:rgba(64,192,87,.1);border-color:rgba(64,192,87,.25);color:#69db7c}
/* cards */
.panel,.stats article{background:var(--surface);backdrop-filter:none;border-radius:10px;box-shadow:none;border-color:var(--line)}
.stats article::after{display:none}
.stats strong{font-weight:700;font-size:28px}
.stat-ico{border-radius:8px;width:38px;height:38px;background:rgba(21,170,191,.13);color:#3bc9db}
.stat-b .stat-ico{background:rgba(64,192,87,.13);color:#69db7c}
.stat-c .stat-ico{background:rgba(121,80,242,.15);color:#9775fa}
/* buttons */
.primary{background:var(--accent)!important;box-shadow:none!important;border-radius:8px}
.primary:hover{background:var(--accent-2)!important;transform:none;filter:none}
.ghost{border-radius:8px;background:var(--surface-2);border-color:var(--line-2)}
.ghost:hover{background:var(--surface-3)}
.danger{border-radius:8px}
/* badges: Mantine light */
.badge{border-radius:4px;border:0;text-transform:uppercase;font-size:10.5px;letter-spacing:.04em;min-height:21px;background:rgba(64,192,87,.13);color:#51cf66}
.badge::before{display:none}
.badge.off{background:rgba(250,82,82,.13);color:#ff8787}.badge.buy{background:rgba(21,170,191,.13);color:#3bc9db}.badge.gift{background:rgba(250,176,5,.13);color:#fcc419}
/* tables */
.data-table th{font-size:11px;letter-spacing:.07em}
.data-table tbody tr:hover{background:rgba(255,255,255,.025)}
.data-table code{color:#3bc9db}
.group-tab{border-radius:8px;background:var(--surface)}
.group-tab.active{border-color:rgba(21,170,191,.55);background:rgba(21,170,191,.1);box-shadow:none}
::-webkit-scrollbar-thumb{background:#2f3643}
/* перебиваем «стеклянные» слои старой темы */
.panel,.stats article,.group-manager,.user-table-wrap,.group-tab{background:var(--surface)!important;border:1px solid var(--line)!important;box-shadow:none!important;border-radius:10px!important}
.group-tab.active{background:rgba(21,170,191,.1)!important;border-color:rgba(21,170,191,.5)!important}
aside{background:var(--bg-2)!important;border-right:1px solid var(--line)!important}
.aside-brand{background:none!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;padding:6px 8px 16px!important;margin:0 0 6px!important}
.aside-brand span{box-shadow:none!important}
.nav{border-radius:8px!important;padding:8px 12px!important}
.nav.active{background:rgba(21,170,191,.13)!important;box-shadow:none!important;color:#3bc9db!important}
.nav.active::before{display:none!important}
.nav.active svg{color:#3bc9db!important;filter:none!important}
header h1{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:var(--text)!important;font-size:24px!important;font-weight:700!important}
.eyebrow{color:#3bc9db!important}
.stats strong{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:var(--text)!important;font-size:28px!important;font-weight:700!important}
.reserve-stat strong{color:#fcc419!important}
.stat-ico{box-shadow:none!important;border-radius:8px!important;width:38px!important;height:38px!important}
.stats article::before{display:none!important}