/* PHANTOM GLOBAL REDESIGN: unified dark glass UI */
:root{--ph-bg:#080b14;--ph-bg2:#111827;--ph-card:rgba(17,24,39,.78);--ph-card2:rgba(30,41,59,.82);--ph-line:rgba(148,163,184,.18);--ph-text:#f8fafc;--ph-muted:#94a3b8;--ph-accent:#7c3aed;--ph-accent2:#06b6d4;--ph-good:#22c55e;--ph-danger:#ef4444;--ph-warn:#f59e0b;--ph-radius:22px;--ph-shadow:0 24px 80px rgba(0,0,0,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,Nunito,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;background:radial-gradient(circle at top left,rgba(124,58,237,.28),transparent 32rem),radial-gradient(circle at top right,rgba(6,182,212,.18),transparent 30rem),linear-gradient(135deg,var(--ph-bg),var(--ph-bg2))!important;color:var(--ph-text)!important;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 82%);z-index:-1}a{color:#a78bfa;transition:.2s ease}a:hover{color:#67e8f9;text-decoration:none}.container,.container-fluid,.content-container,.admin-container{max-width:1220px!important}.card,.auth-card,.welcome-card,.bonus-card,.stat-card,.admin-card,.profile-card,.product-card,.purchase-card,.faq-card,.shop-card,.table-container,.modal-content{background:linear-gradient(180deg,var(--ph-card),rgba(15,23,42,.72))!important;border:1px solid var(--ph-line)!important;border-radius:var(--ph-radius)!important;box-shadow:var(--ph-shadow)!important;backdrop-filter:blur(18px)}.main-header,.topbar,.navbar,.header,.modern-header{background:rgba(8,11,20,.82)!important;border-bottom:1px solid var(--ph-line)!important;backdrop-filter:blur(20px);box-shadow:0 10px 40px rgba(0,0,0,.28)!important}.btn,.shop-btn,.telegram-btn,.subscribe-btn,.admin-btn,.admin-btn-view,button[type=submit],input[type=submit]{border:0!important;border-radius:14px!important;background:linear-gradient(135deg,var(--ph-accent),var(--ph-accent2))!important;color:white!important;font-weight:800!important;box-shadow:0 12px 30px rgba(124,58,237,.28)!important;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.btn:hover,.shop-btn:hover,.telegram-btn:hover,.subscribe-btn:hover,.admin-btn:hover,.admin-btn-view:hover,button[type=submit]:hover,input[type=submit]:hover{transform:translateY(-2px);filter:saturate(1.1);box-shadow:0 18px 42px rgba(6,182,212,.25)!important}.form-control,input,select,textarea{background:rgba(15,23,42,.72)!important;color:var(--ph-text)!important;border:1px solid var(--ph-line)!important;border-radius:14px!important;outline:none!important}.form-control:focus,input:focus,select:focus,textarea:focus{border-color:rgba(6,182,212,.8)!important;box-shadow:0 0 0 4px rgba(6,182,212,.14)!important}label,h1,h2,h3,h4,h5,h6,.stat-value{color:var(--ph-text)!important}p,.text-muted,.stat-label,.stats-subtitle,small{color:var(--ph-muted)!important}.table,table{color:var(--ph-text)!important;border-color:var(--ph-line)!important}.table thead th,table thead th{background:rgba(124,58,237,.14)!important;border-bottom:1px solid var(--ph-line)!important;color:#e9d5ff!important}.table td,.table th,table td,table th{border-color:var(--ph-line)!important}.alert{border-radius:16px!important;border:1px solid var(--ph-line)!important}.dropdown-menu{background:rgba(15,23,42,.96)!important;border:1px solid var(--ph-line)!important;border-radius:16px!important;box-shadow:var(--ph-shadow)!important}.dropdown-item{color:var(--ph-text)!important}.dropdown-item:hover{background:rgba(124,58,237,.18)!important}.main-content,.content-wrapper{padding-top:28px;padding-bottom:48px}.telegram-banner,.hero-section,.welcome-section,.bonus-section,.stats-section{animation:phFade .45s ease both}@keyframes phFade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(max-width:768px){.main-content,.content-wrapper{padding:16px}.card,.auth-card,.welcome-card,.bonus-card,.stat-card,.admin-card{border-radius:18px!important}.main-nav{gap:4px!important;overflow-x:auto}.nav-link{white-space:nowrap}}

/* FG PANEL global header compatibility */
.main-header{height:72px!important;background:linear-gradient(90deg,#0c0d1a 0%,#070d16 100%)!important;border-bottom:1px solid rgba(79,124,255,.18)!important;box-shadow:0 12px 40px rgba(0,0,0,.35)!important;position:sticky!important;top:0!important;z-index:9999!important}.main-header .header-container{height:72px!important;max-width:1360px!important;margin:0 auto!important;padding:0 28px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important}.main-header .logo{display:flex!important;align-items:center!important;gap:12px!important;color:#fff!important;text-decoration:none!important;font-size:20px!important;font-weight:800!important}.main-header .logo i{color:#4f7cff!important;font-size:26px!important}.main-header .main-nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:38px!important;flex:1!important}.main-header .nav-link{display:flex!important;align-items:center!important;gap:7px!important;color:#a7b0c2!important;background:transparent!important;border:0!important;border-radius:10px!important;padding:8px 0!important;font-size:16px!important;font-weight:700!important;text-decoration:none!important}.main-header .nav-link:hover,.main-header .nav-link.active{color:#fff!important}.main-header .nav-link i{color:inherit!important}.main-header .header-actions,.main-header .header-right{display:flex!important;align-items:center!important;gap:14px!important}.main-header .balance-display{height:46px!important;display:flex!important;align-items:center!important;gap:9px!important;background:#101622!important;border:1px solid rgba(255,255,255,.09)!important;color:#f4f7fb!important;border-radius:8px!important;padding:0 18px!important;font-size:16px!important;font-weight:800!important;text-decoration:none!important;box-shadow:none!important}.main-header .balance-display i{color:#00d084!important}.main-header .user-avatar,.main-header .avatar-wrapper{width:48px!important;height:48px!important;border-radius:50%!important;border:3px solid #4f7cff!important;background:#fff!important;box-shadow:0 0 18px rgba(79,124,255,.35)!important;object-fit:cover!important}

/* Premium cards + typography update */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800;900&display=swap');
:root{
  --ph-font:'Manrope','Inter','Nunito',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --ph-card-premium:rgba(16,23,37,.72);
  --ph-card-premium-2:rgba(25,34,52,.82);
  --ph-card-border:rgba(148,163,184,.18);
  --ph-card-glow:rgba(111,90,255,.18);
}
html,body,button,input,select,textarea{font-family:var(--ph-font)!important;}
body{letter-spacing:-.015em!important;}
h1,h2,h3,h4,h5,h6,.logo span,.stat-value,.admin-title,.page-title{font-family:var(--ph-font)!important;font-weight:900!important;letter-spacing:-.045em!important;}
.stat-label,.stats-subtitle,.card-label,.admin-card span,.quick-action span,.nav-link{font-family:var(--ph-font)!important;font-weight:800!important;letter-spacing:.025em!important;}
.card,.auth-card,.welcome-card,.bonus-card,.stat-card,.admin-card,.profile-card,.product-card,.purchase-card,.faq-card,.shop-card,.table-container,.modal-content,.quick-action,.quick-action-card,.dashboard-card,.info-card{
  background:
    radial-gradient(circle at 18% 0%,rgba(124,92,255,.20),transparent 34%),
    radial-gradient(circle at 100% 100%,rgba(34,211,238,.10),transparent 38%),
    linear-gradient(145deg,var(--ph-card-premium),var(--ph-card-premium-2))!important;
  border:1px solid var(--ph-card-border)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.055)!important;
  backdrop-filter:blur(18px) saturate(1.15)!important;
  position:relative!important;
  overflow:hidden!important;
}
.card::before,.stat-card::before,.admin-card::before,.quick-action::before,.quick-action-card::before,.dashboard-card::before,.product-card::before,.profile-card::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.09),transparent 28%,transparent 72%,rgba(255,255,255,.035));
  opacity:.7;
}
.card:hover,.stat-card:hover,.admin-card:hover,.quick-action:hover,.quick-action-card:hover,.dashboard-card:hover,.product-card:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(124,92,255,.42)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.44),0 0 0 1px rgba(124,92,255,.12),0 0 38px var(--ph-card-glow),inset 0 1px 0 rgba(255,255,255,.075)!important;
}
.stat-card,.dashboard-card{border-radius:18px!important;}
.admin-card,.quick-action,.quick-action-card{border-radius:18px!important;min-height:145px!important;}
.stat-icon,.admin-card i,.quick-action i,.quick-action-card i,.dashboard-card i{
  filter:drop-shadow(0 14px 22px rgba(124,92,255,.34))!important;
}

/* FIX: убран лишний задний круг у аватарки в header */
.main-header .avatar-wrapper{
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    padding:0!important;
    overflow:visible!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
}
.main-header .avatar-wrapper .user-avatar{
    width:48px!important;
    height:48px!important;
    border-radius:50%!important;
    object-fit:cover!important;
    border:3px solid #4f7cff!important;
    background:#fff!important;
    box-shadow:0 0 18px rgba(79,124,255,.35)!important;
}