:root{
  --bg:#06111d;
  --panel:#0b1724;
  --panel2:#0d2032;
  --line:#19364f;
  --text:#f7fbff;
  --muted:#8ca0b3;
  --blue:#0797ff;
  --blue2:#24b8ff;
  --green:#22c55e;
  --amber:#fbbf24;
  --red:#ef4444;
  --purple:#8b6eff;
}

body.br-unified-app{
  color:var(--text);
  background:radial-gradient(circle at 88% -10%,#0b3c63 0,#071521 34%,#040a11 72%)!important;
}

.br-app-nav{
  height:72px!important;
  min-height:72px;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px;
  border-bottom:1px solid rgba(25,54,79,.85)!important;
  position:sticky!important;
  top:0;
  z-index:1000!important;
  background:rgba(6,17,29,.9)!important;
  backdrop-filter:blur(16px);
}

.br-app-nav .brand{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:#f7fbff!important;
  font:800 20px/1 Montserrat,Arial,sans-serif!important;
  letter-spacing:-.6px!important;
}

.br-app-nav .brand-mark{
  width:29px!important;
  height:29px!important;
  flex:0 0 29px;
  border:0!important;
  border-radius:9px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,var(--blue),var(--blue2))!important;
  box-shadow:0 0 25px rgba(7,151,255,.28)!important;
}

.br-app-nav .brand-mark::before{
  content:"\2197"!important;
  color:#fff;
  font:800 18px/1 Montserrat,Arial,sans-serif!important;
}

.br-app-nav .brand-rank{color:var(--blue2)}

.br-app-nav .navlinks{
  display:flex!important;
  align-items:center!important;
  gap:22px!important;
  color:#9cafc1!important;
  font:500 12px/1 Montserrat,Arial,sans-serif!important;
}

.br-app-nav .navlinks a{
  color:inherit!important;
  transition:color .16s ease,border-color .16s ease,background .16s ease;
}

.br-app-nav .navlinks a:hover,
.br-app-nav .navlinks a:focus-visible,
.br-app-nav .navlinks a.active{
  color:#fff!important;
  outline:none;
}

.br-app-nav .navlinks a.active:not(.navbtn){color:#69cfff!important}

.br-app-nav .navbtn{
  padding:10px 15px!important;
  border:1px solid #274760!important;
  border-radius:9px!important;
  background:#0a1622!important;
  color:#fff!important;
  font-weight:800!important;
}

.br-app-nav .navbtn:hover,
.br-app-nav .navbtn.active{
  border-color:#168ce0!important;
  background:rgba(7,151,255,.14)!important;
}

.br-unified-app .side{
  border-color:#132b3f!important;
  background:rgba(5,16,26,.36)!important;
}

.br-side-label{
  color:#698297!important;
  font-size:9px!important;
  letter-spacing:1.6px!important;
  margin:7px 12px 10px!important;
}

.br-side-label.br-side-research{margin-top:26px!important}

.br-side-menu a{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:11px 12px!important;
  margin:0 0 5px!important;
  border:1px solid transparent!important;
  border-radius:9px!important;
  color:#91a5b8!important;
  background:transparent!important;
  font:600 12px/1.25 Montserrat,Arial,sans-serif!important;
}

.br-side-menu a:hover,
.br-side-menu a:focus-visible,
.br-side-menu a.active{
  color:#fff!important;
  border-color:#173b56!important;
  background:#0d2032!important;
  outline:none;
}

.br-side-badge{
  padding:3px 7px;
  border:1px solid rgba(7,151,255,.3);
  border-radius:999px;
  color:#77caff;
  background:rgba(7,151,255,.11);
  font-size:8px;
  font-weight:800;
  white-space:nowrap;
}

.br-side-badge.pro-plus{
  border-color:rgba(139,110,255,.34);
  color:#c2b4ff;
  background:rgba(139,110,255,.09);
}

.br-unified-app .side .note,
.br-unified-app .side .side-note{
  border-color:#15334b!important;
  background:#091b2b!important;
  color:#8299ad!important;
}

.br-mobile-nav-toggle{
  display:none;
  width:40px;
  height:40px;
  flex:0 0 40px;
  align-items:center;
  justify-content:center;
  margin-left:auto;
  border:1px solid #274760;
  border-radius:10px;
  background:#0a1622;
  color:#fff;
  cursor:pointer;
  font:700 18px/1 Montserrat,Arial,sans-serif;
}

.br-mobile-nav-toggle:focus-visible{outline:2px solid var(--blue2);outline-offset:2px}

.br-mobile-nav-panel{
  display:none;
  position:fixed;
  top:76px;
  left:12px;
  right:12px;
  z-index:1100;
  padding:8px;
  border:1px solid #23445d;
  border-radius:14px;
  background:rgba(7,19,31,.98);
  box-shadow:0 18px 48px rgba(0,0,0,.42);
  backdrop-filter:blur(16px);
}

.br-mobile-nav-panel.open{display:grid}
.br-mobile-nav-panel a{
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:11px 12px;
  border-radius:9px;
  color:#dce8f3;
  font-size:12px;
  font-weight:700;
}
.br-mobile-nav-panel a:hover,
.br-mobile-nav-panel a:focus-visible{background:#0b2940;color:#fff;outline:none}
.br-mobile-nav-panel a.active{color:#5ac8ff;background:rgba(35,183,255,.08)}
.br-mobile-nav-panel .br-mobile-nav-primary{margin-top:4px;border:1px solid #27516c;background:#0a2235}

@media(max-width:850px){
  .br-app-nav .navlinks{display:none!important}
  .br-app-nav .br-mobile-nav-toggle{display:flex!important}
}

@media(max-width:480px){.br-mobile-nav-panel{top:72px;left:8px;right:8px}}