:root{
  --cab-bg:#081225;
  --cab-bg2:#0d2144;
  --cab-panel:#162646;
  --cab-panel-2:#20365f;
  --cab-line:rgba(255,255,255,.08);
  --cab-text:#f4f8ff;
  --cab-muted:#b8c8df;
  --cab-blue1:#2cb6ff;
  --cab-blue2:#1568ff;
  --cab-blue3:#5ecfff;
  --cab-shadow:0 18px 40px rgba(0,0,0,.25);
  --cab-radius:22px;
  --cab-max:1280px;
}

html,body{
  background:
    radial-gradient(circle at 10% 10%, rgba(94,207,255,.14), transparent 22%),
    radial-gradient(circle at 0% 100%, rgba(21,104,255,.12), transparent 24%),
    linear-gradient(180deg, #081631 0%, #0d2144 100%) !important;
  color:var(--cab-text) !important;
}

.sonic-header{
  background:rgba(7,15,29,.86) !important;
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(255,255,255,.06) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.18) !important;
}

.header-content{
  max-width:var(--cab-max) !important;
  width:100%;
  margin:0 auto;
}

.logo-animate{
  text-shadow:none !important;
  color:#f5f8ff !important;
  -webkit-text-fill-color:unset !important;
  background:none !important;
  font-family:'Inter',system-ui,sans-serif !important;
  font-weight:800 !important;
  letter-spacing:.2px !important;
}

.nav-links a{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:#dbe6f7 !important;
  font-size:15px !important;
  padding:10px 16px !important;
  border-radius:10px !important;
  position:relative;
}

.nav-links a:hover{
  background:rgba(255,255,255,.04) !important;
  color:#fff !important;
  transform:none !important;
}

.nav-links .active{
  background:transparent !important;
  color:#fff !important;
  transform:none !important;
  box-shadow:none !important;
}

.nav-links .active::after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:2px;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--cab-blue1),var(--cab-blue3));
  box-shadow:0 0 12px rgba(58,183,255,.35);
}

.burger-bar{
  background:#eff7ff !important;
  box-shadow:none !important;
}

.cabinet-main{
  max-width:var(--cab-max) !important;
  margin:20px auto 36px !important;
  padding:0 16px 28px !important;
}

.profile-block,
.profile-card,
.home-card,
.main-card,
.content-card,
.panel,
.box,
.settings-block,
.scanner-block,
.orders-block,
.files-block,
.market-block,
.card,
.table-wrap,
.section-card,
.form-card,
.info-card{
  background:linear-gradient(180deg, rgba(28,50,90,.95), rgba(22,41,74,.96)) !important;
  border:1px solid var(--cab-line) !important;
  border-radius:22px !important;
  box-shadow:var(--cab-shadow) !important;
  color:var(--cab-text) !important;
}

.cabinet-main h1,
.cabinet-main h2,
.cabinet-main h3,
.welcome-title,
.page-title,
.section-title,
.card-title,
.home-card-title{
  color:#f4f8ff !important;
  text-shadow:none !important;
  font-family:'Inter',system-ui,sans-serif !important;
}

.profile-subline,
.home-card-meta,
.card-subtitle,
.small-muted,
.muted,
.section-subtitle,
label,
.cabinet-main p,
.cabinet-main small{
  color:var(--cab-muted) !important;
}

.cabinet-btn,
button,
.btn,
input[type="submit"]{
  border-radius:12px !important;
  min-height:42px;
}

.cabinet-btn:not(.secondary),
.btn-primary,
button.primary,
input[type="submit"],
button[type="submit"]{
  background:linear-gradient(180deg, var(--cab-blue1), var(--cab-blue2)) !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:0 10px 22px rgba(44,182,255,.20) !important;
}

.cabinet-btn.secondary,
.btn-secondary,
button.secondary{
  background:rgba(255,255,255,.06) !important;
  color:#eef4ff !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:none !important;
}

.cabinet-btn:hover,
.btn:hover,
button:hover{
  transform:translateY(-1px);
}

input,
select,
textarea{
  background:rgba(255,255,255,.05) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  color:#eef6ff !important;
  border-radius:12px !important;
}

input::placeholder,
textarea::placeholder{
  color:#9fb0c8 !important;
}

table{
  width:100%;
  border-collapse:collapse;
  color:#eef6ff;
}

th{
  color:#dce8f8 !important;
  font-weight:700;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}

td{
  border-bottom:1px solid rgba(255,255,255,.06) !important;
  color:#eef5ff !important;
}

.profile-details-table td{
  border-bottom:1px solid rgba(255,255,255,.06) !important;
}

.phone-chip,
.badge,
.pill{
  background:rgba(255,255,255,.05) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  color:#eef5ff !important;
  box-shadow:none !important;
}

.cab-bottom-nav,
.sonic-footer,
.gtranslate_wrapper,
#navBonuses,
#cardBonuses,
#cardReferrals,
#mpSC,
#mpLevel,
#levelBar,
#levelInfo,
#levelBonusInfo{
  display:none !important;
}

@media (max-width:900px){
  .nav-links{
    background:rgba(8,14,26,.97) !important;
    border-bottom:1px solid rgba(255,255,255,.06) !important;
    box-shadow:0 14px 28px rgba(0,0,0,.24) !important;
  }
  .nav-links a{
    width:90vw;
    text-align:center;
  }
}