:root{
  --allboxbr-black:#03050b;
  --allboxbr-panel:#07111f;
  --allboxbr-green:#39ff14;
  --allboxbr-blue:#00d9ff;
  --allboxbr-purple:#7a2cff;
  --allboxbr-text:#f3fff8;
}
html.color-sidebar, body{
  background: radial-gradient(circle at top left, rgba(57,255,20,.12), transparent 28%), radial-gradient(circle at top right, rgba(122,44,255,.22), transparent 32%), linear-gradient(135deg,#03050b,#06101c 52%,#14082a) !important;
  color: var(--allboxbr-text) !important;
}
.wrapper, .page-wrapper, .page-content{background:transparent !important;}
.sidebar-wrapper, .topbar, .card, .modal-content, .dropdown-menu{
  background: linear-gradient(145deg, rgba(3,5,11,.96), rgba(7,17,31,.94), rgba(20,8,42,.92)) !important;
  border:1px solid rgba(0,217,255,.18) !important;
  box-shadow:0 0 24px rgba(57,255,20,.10), 0 0 32px rgba(122,44,255,.12) !important;
}
.sidebar-header, .page-footer{
  background:linear-gradient(90deg,#03050b,#07111f,#16082f) !important;
  border-color:rgba(57,255,20,.22) !important;
}
.logo-text, .navbar-brand, h1, h2, h3, h4, h5, h6, .menu-title, .parent-icon i{
  color:#f7fff9 !important;
}
.logo-text, .footer-brand{
  text-shadow:0 0 8px rgba(57,255,20,.9), 0 0 16px rgba(0,217,255,.55), 0 0 28px rgba(122,44,255,.5) !important;
  letter-spacing:.8px;
}
.btn-primary, .btn-success, button[type="submit"], .swal2-confirm{
  background:linear-gradient(135deg,var(--allboxbr-green),var(--allboxbr-blue),var(--allboxbr-purple)) !important;
  border:0 !important;
  color:#02040a !important;
  font-weight:800 !important;
  box-shadow:0 0 18px rgba(57,255,20,.28),0 0 28px rgba(0,217,255,.18) !important;
}
.btn-outline-primary, .btn-light{
  border-color:rgba(57,255,20,.65) !important;
  color:var(--allboxbr-green) !important;
  background:rgba(3,5,11,.45) !important;
}
a, .text-primary, .breadcrumb-item.active{color:var(--allboxbr-blue) !important;}
a:hover, .metismenu a:hover, .metismenu .mm-active > a{
  color:var(--allboxbr-green) !important;
  text-shadow:0 0 10px rgba(57,255,20,.6) !important;
}
.form-control, .form-select, input, textarea, select{
  background:rgba(3,5,11,.72) !important;
  color:#f3fff8 !important;
  border:1px solid rgba(0,217,255,.25) !important;
}
.form-control:focus, input:focus, textarea:focus, select:focus{
  border-color:var(--allboxbr-green) !important;
  box-shadow:0 0 0 .2rem rgba(57,255,20,.15),0 0 18px rgba(0,217,255,.18) !important;
}
.table, .table td, .table th{color:#f3fff8 !important;border-color:rgba(0,217,255,.12) !important;}
.table thead th{background:rgba(57,255,20,.10) !important;color:#baffb2 !important;}
.badge, .alert-success{box-shadow:0 0 12px rgba(57,255,20,.16) !important;}
