.tk-sidebar{
  width:232px;

  background:rgba(255,255,255,0.82);

  backdrop-filter:blur(24px);

  border-right:1px solid rgba(255,255,255,0.5);

  padding:24px 16px;

  display:flex;
  flex-direction:column;

  box-shadow:
    10px 0 40px rgba(15,23,42,0.04);
}

.tk-sidebar-top{
  margin-bottom:28px;
}

.tk-sidebar-logo{
  display:flex;
  align-items:center;
  gap:12px;
}

.tk-sidebar-logo-icon{
  width:44px;
  height:44px;

  border-radius:16px;

  background:
    linear-gradient(
      135deg,
      #0f172a,
      #2563eb,
      #06b6d4
    );

  color:#fff;

  display:flex;
  align-items:center;
  justify-content:center;

  font-size:18px;
  font-weight:900;

  box-shadow:
    0 10px 30px rgba(37,99,235,0.22);
}

.tk-sidebar-logo span{
  font-size:16px;
  font-weight:800;

  letter-spacing:-0.5px;

  color:#0f172a;
}

.tk-sidebar-nav{
  display:flex;
  flex-direction:column;
  gap:20px;
}

.tk-nav-section{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.tk-nav-label{
  padding:0 14px;

  font-size:11px;
  font-weight:800;

  color:#94a3b8;

  text-transform:uppercase;
}

.tk-nav-item{
  position:relative;

  display:flex;
  align-items:center;
  gap:12px;

  height:46px;

  padding:0 14px;

  border-radius:16px;

  font-size:13px;
  font-weight:700;

  color:#334155;

  transition:.22s ease;
}

.tk-nav-item:hover{
  background:rgba(255,255,255,0.8);

  transform:translateX(3px);
}

.tk-nav-item.active{
  background:
    linear-gradient(
      135deg,
      #eff6ff,
      #ecfeff
    );

  color:#2563eb;

  box-shadow:
    0 8px 24px rgba(37,99,235,0.08);
}

.tk-nav-icon{
  width:18px;

  display:flex;
  justify-content:center;

  font-size:15px;
}

.tk-live-indicator{
  margin-left:auto;

  width:8px;
  height:8px;

  border-radius:50%;

  background:#ff4d6d;

  box-shadow:
    0 0 0 rgba(255,77,109,0.6);

  animation:livePulse 1.5s infinite;
}

@keyframes livePulse{

  0%{
    transform:scale(1);
    box-shadow:0 0 0 0 rgba(255,77,109,0.6);
  }

  70%{
    transform:scale(1.15);
    box-shadow:0 0 0 10px rgba(255,77,109,0);
  }

  100%{
    transform:scale(1);
  }

}