.tk-header{
  display:flex;
  justify-content:space-between;
  align-items:center;

  margin-bottom:40px;
}

.tk-header-left{
  flex:1;
}

.tk-search-box{
  width:360px;
  height:56px;

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

  backdrop-filter:blur(20px);

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

  border-radius:24px;

  padding:0 22px;

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

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

.tk-search-icon{
  font-size:18px;
  color:#94a3b8;
}

.tk-search-box input{
  flex:1;

  border:none;
  outline:none;

  background:transparent;

  font-size:15px;
  font-weight:600;

  color:#0f172a;
}

.tk-search-box input::placeholder{
  color:#94a3b8;
}

.tk-header-right{
  display:flex;
  align-items:center;
  gap:16px;
}

.tk-header-glass-btn{
  height:52px;

  padding:0 26px;

  border:none;

  border-radius:20px;

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

  backdrop-filter:blur(20px);

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

  box-shadow:
    0 20px 40px rgba(15,23,42,0.06);

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

  color:#0f172a;

  cursor:pointer;

  transition:.2s ease;
}

.tk-header-glass-btn:hover{
  transform:translateY(-2px);
}

.tk-icon-btn{
  width:52px;
  height:52px;

  border:none;

  border-radius:20px;

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

  backdrop-filter:blur(20px);

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

  box-shadow:
    0 20px 40px rgba(15,23,42,0.06);

  font-size:20px;

  cursor:pointer;

  transition:.2s ease;
}

.tk-icon-btn:hover{
  transform:translateY(-2px);
}

.tk-profile-card{
  display:flex;
  align-items:center;
  gap:14px;

  padding:10px 18px;

  border-radius:24px;

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

  backdrop-filter:blur(20px);

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

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

.tk-profile-avatar{
  width:48px;
  height:48px;

  border-radius:16px;

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

  color:#fff;

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

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

.tk-profile-info{
  display:flex;
  flex-direction:column;
}

.tk-profile-info strong{
  font-size:15px;
  color:#0f172a;
}

.tk-profile-info span{
  font-size:13px;
  color:#94a3b8;
}