:root{
  --brand-primary:#39ff14;
  --brand-secondary:#60a5fa;
  --bg:#06101d;
  --panel:#102844;
  --text:#eef6ff;
  --radius:24px;
}

body{
  background:
    radial-gradient(circle at 20% 0%, #39ff1422, transparent 28%),
    linear-gradient(135deg, var(--bg), #0b1b2d) !important;
  color:var(--text) !important;
}

.sidebar{
  background:linear-gradient(180deg, #06101d, #020812) !important;
}

.panel,.card,.feature-card,.stat-card,.ultra-card,.profile-box{
  background:linear-gradient(180deg, var(--panel), #0b1b2d) !important;
  border-color:#39ff1433 !important;
  border-radius:var(--radius) !important;
  box-shadow:0 0 35px #39ff1418, 0 18px 50px rgba(0,0,0,.32) !important;
}

.nav-link.active,.btn,button{
  background:linear-gradient(135deg, var(--brand-primary), var(--brand-secondary)) !important;
}

.brand-wrap:before{
  content:"";
  width:34px;
  height:34px;
  background:url("/uploads/agrar-logo.png") center/cover no-repeat;
  border-radius:50%;
  display:inline-block;
  margin-right:8px;
  box-shadow:0 0 18px #39ff1466;
}

.brand-icon{
  display:none !important;
}