/* Unitoreios Luxury Red-Neon / Black Theme */
:root{
  --bs-primary: #ff0033;
  --bs-primary-rgb: 255,0,51;
  --bs-body-bg: #0b0b0f;
  --bs-body-color: #f2f2f5;
  --bs-border-color: rgba(255,255,255,.10);
  --bs-link-color: #ff0033;
  --bs-link-hover-color: #ff335a;
  --unitoreios-surface: rgba(18,18,24,.92);
  --unitoreios-surface-2: rgba(28,28,36,.92);
  --unitoreios-glow: rgba(255,0,51,.25);
}

/* Base */
body{ background: radial-gradient(1200px 600px at 20% 0%, rgba(255,0,51,.10), transparent 60%) , radial-gradient(900px 500px at 90% 10%, rgba(255,0,51,.08), transparent 60%), #0b0b0f !important; color: var(--bs-body-color) !important;}
a{ text-decoration:none; }
code{ color:#ff6b85; }

/* Cards & tables */
.card{ background: var(--unitoreios-surface) !important; border: 1px solid var(--bs-border-color) !important; border-radius: 16px !important; box-shadow: 0 10px 30px rgba(0,0,0,.35); }
.card-header, .card-body{ color: var(--bs-body-color) !important; }
.table{ color: var(--bs-body-color) !important; }
.table thead th{ border-bottom: 1px solid rgba(255,255,255,.10) !important; }
.table td, .table th{ border-top: 1px solid rgba(255,255,255,.06) !important; }

/* Inputs */
.form-control, .form-select{
  background: rgba(0,0,0,.28) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: var(--bs-body-color) !important;
  border-radius: 12px !important;
}
.form-control:focus, .form-select:focus{
  border-color: rgba(255,0,51,.55) !important;
  box-shadow: 0 0 0 .2rem var(--unitoreios-glow) !important;
}

/* Buttons */
.btn-primary{
  background: linear-gradient(180deg, rgba(255,0,51,1), rgba(190,0,38,1)) !important;
  border: 1px solid rgba(255,0,51,.7) !important;
  box-shadow: 0 10px 25px rgba(255,0,51,.15);
}
.btn-primary:hover{ filter: brightness(1.06); }
.btn-light{ background: rgba(255,255,255,.08) !important; border-color: rgba(255,255,255,.10) !important; color: var(--bs-body-color) !important; }

/* Topbar / sidebar */
#page-topbar, .navbar-header{
  background: rgba(10,10,14,.85) !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.vertical-menu{
  background: rgba(10,10,14,.88) !important;
  backdrop-filter: blur(10px);
  border-right: 1px solid rgba(255,255,255,.08);
}
#sidebar-menu ul li a{
  border-radius: 12px;
  margin: 2px 10px;
}
#sidebar-menu ul li a:hover{
  background: rgba(255,0,51,.10);
  box-shadow: inset 0 0 0 1px rgba(255,0,51,.12);
}
#sidebar-menu ul li.mm-active>a{
  background: rgba(255,0,51,.14);
  box-shadow: inset 0 0 0 1px rgba(255,0,51,.18);
}

/* Small utility from old inline styles */
.telegram-link{ color:#ff0033; font-weight:600;}
.telegram-link i{ margin-right: 6px; }
.money-status{ font-size: 14px; color: rgba(255,255,255,.82); }
.money-status span{ font-weight: 700; color:#ff0033; }

/* Account dropdown */
.unit-user-dropdown{
  min-width: 340px !important;
  padding: 0 !important;
  background: rgba(14,14,19,.98) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 18px !important;
  overflow: hidden;
  box-shadow: 0 18px 40px rgba(0,0,0,.42);
}
.unit-user-summary{
  display: block;
  padding: 16px 18px 14px;
  color: var(--bs-body-color) !important;
  background: linear-gradient(180deg, rgba(255,0,51,.08), rgba(255,255,255,.02));
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.unit-user-summary:hover{ background: linear-gradient(180deg, rgba(255,0,51,.11), rgba(255,255,255,.03)); }
.unit-user-summary-head{ display:flex; align-items:center; gap:12px; }
.unit-user-avatar{
  width: 46px; height: 46px; border-radius: 14px; display:flex; align-items:center; justify-content:center;
  background: rgba(255,0,51,.14); color:#fff; font-size:22px; box-shadow: inset 0 0 0 1px rgba(255,0,51,.18);
}
.unit-user-identity strong{ display:block; font-size:16px; color:#fff; line-height:1.2; }
.unit-user-identity span{ display:block; margin-top:4px; font-size:12px; color:rgba(255,255,255,.62); word-break:break-all; }
.unit-user-quickstats{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:14px; }
.unit-user-mini{
  padding: 10px 12px; border-radius: 14px; background: rgba(255,255,255,.04);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
}
.unit-user-mini span{ display:block; font-size:11px; text-transform:uppercase; letter-spacing:.04em; color:rgba(255,255,255,.55); margin-bottom:4px; }
.unit-user-mini strong{ display:block; font-size:13px; color:#fff; }
.unit-user-usage{
  display:grid; grid-template-columns:1fr 1fr; gap:10px; padding: 14px 18px 10px;
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.unit-user-usage > div{ padding: 10px 12px; border-radius: 12px; background: rgba(255,255,255,.03); }
.unit-user-usage span{ display:block; font-size:12px; color:rgba(255,255,255,.58); margin-bottom:4px; }
.unit-user-usage strong{ display:block; color:#fff; font-size:14px; }
.unit-user-dropdown .dropdown-item{ color: var(--bs-body-color) !important; padding: 11px 18px; }
.unit-user-dropdown .dropdown-item:hover{ background: rgba(255,255,255,.05) !important; }
.unit-user-dropdown .dropdown-divider{ border-top-color: rgba(255,255,255,.08) !important; margin: 6px 0 !important; }

/* Account page */
.unit-account-hero{
  display:flex; align-items:center; justify-content:space-between; gap:18px; padding:22px;
  border-radius: 20px; border:1px solid rgba(255,255,255,.08);
  background: linear-gradient(135deg, rgba(255,0,51,.10), rgba(255,255,255,.02));
  box-shadow: 0 18px 40px rgba(0,0,0,.24);
}
.unit-account-hero-main{ display:flex; align-items:center; gap:16px; min-width:0; }
.unit-account-avatar{
  width:72px; height:72px; min-width:72px; border-radius:22px; display:flex; align-items:center; justify-content:center;
  font-size:34px; color:#fff; background: rgba(255,0,51,.16); box-shadow: inset 0 0 0 1px rgba(255,0,51,.18);
}
.unit-account-sub{ color:rgba(255,255,255,.66); word-break:break-all; }
.unit-account-badge{ font-size:12px; padding:8px 10px; border-radius:999px; }
.unit-account-hero-side{
  min-width: 250px; text-align:right; padding:16px 18px; border-radius:18px;
  background: rgba(0,0,0,.18); box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
}
.unit-account-balance-label{ font-size:13px; color:rgba(255,255,255,.62); }
.unit-account-balance{ font-size:28px; font-weight:800; line-height:1.15; color:#fff; margin-top:4px; }
.unit-account-stat{
  height:100%; padding:18px; border-radius:18px; background: rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.06); box-shadow: 0 10px 28px rgba(0,0,0,.16);
}
.unit-account-stat span{ display:block; font-size:13px; color:rgba(255,255,255,.60); margin-bottom:8px; }
.unit-account-stat strong{ display:block; font-size:22px; line-height:1.25; color:#fff; word-break:break-word; }
.unit-account-card{ border-radius:20px !important; }
.unit-account-info-grid{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:14px; }
.unit-account-info-grid-sm{ grid-template-columns:repeat(2, minmax(0,1fr)); }
.unit-account-info-item{
  padding:14px 16px; border-radius:16px; background: rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.05); min-width:0;
}
.unit-account-info-item span{ display:block; font-size:12px; color:rgba(255,255,255,.60); margin-bottom:6px; }
.unit-account-info-item strong{ display:block; font-size:15px; color:#fff; word-break:break-word; }

@media (max-width: 1199.98px){
  .unit-account-hero{ flex-direction:column; align-items:flex-start; }
  .unit-account-hero-side{ width:100%; min-width:0; text-align:left; }
}
@media (max-width: 767.98px){
  .unit-user-dropdown{ min-width: min(92vw, 340px) !important; }
  .unit-user-quickstats, .unit-user-usage, .unit-account-info-grid, .unit-account-info-grid-sm{ grid-template-columns:1fr; }
  .unit-account-hero-main{ align-items:flex-start; }
  .unit-account-avatar{ width:60px; height:60px; min-width:60px; font-size:28px; }
  .unit-account-balance{ font-size:24px; }
}


/* Mobile topbar balance chip */
.money-status-mobile{
  display:none !important;
}
.money-status-desktop{
  display:inline-flex;
}
@media (max-width: 991.98px){
  .navbar-header{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
  }
  .money-status-desktop{
    display:none !important;
  }
  .money-status-mobile{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    flex:1 1 auto;
    min-width:0;
    max-width:calc(100vw - 210px);
    margin:0 8px !important;
    padding:8px 12px !important;
    min-height:42px;
    border-radius:14px !important;
    background:rgba(255,255,255,.05) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    color:#fff !important;
    font-weight:700;
    font-size:13px;
    line-height:1.1;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    text-decoration:none !important;
  }
  .unit-topbar-actions{
    flex:0 0 auto;
    margin-left:0 !important;
  }
}
@media (max-width: 575.98px){
  .money-status-mobile{
    max-width:calc(100vw - 185px);
    margin:0 6px !important;
    padding:7px 10px !important;
    min-height:38px;
    font-size:12px;
  }
}